@charset "UTF-8";



/* NAV BUTTONS */

.dotCover {
	Z-INDEX: 300; RIGHT: 600px; WIDTH: 10px; POSITION: absolute; TOP: 64px; HEIGHT: 34px; BACKGROUND-COLOR: #063272
}
#mainnav {
	height: 35px;
	width: 954px;
	padding: 0;
	position: absolute;
	top: 64px;
	right: 20px;
}

#mainnav ul {
	position:relative;
	list-style:none;
	width: auto;
	float: right;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

#mainnav li {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0 0 0 27px;
	width: auto;
	background-image: url("images/tab_left.gif");
	background-repeat: no-repeat;
	background-position: left top;
	/*width: 50px;*/
}

#mainnav li.SelectedTab {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float:left;
	margin:0;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/tab_left_selected.gif)
	/*padding:0 0 0 27px;*/
	
}

#mainnav li li.SelectedTab {
background:none;
}

#mainnav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
    margin: 22px 0 0 2px;
	text-align: left;
	padding: 0;
	width:127px;
	overflow:visible;
	
	/*border-top: 1px solid #000;*/
	
	
	
}

*:first-child+html #mainnav li ul {
width:127px;
}

*html #mainnav li ul {
width:127px;
}


#mainnav a:link,
#mainnav a:active,
#mainnav a:visited  {
    font-size:12px;
	display:block;
    text-decoration:none;
    font-weight:bold;
    background-color:#c20104;
	background:url("images/tab_right.gif") no-repeat right top;
	padding:10px 18px 4px 14px;
	color: #FFF;
	height: 45px;
	float: left;
	/*border: 1px solid pink;*/
}


#mainnav a:hover {
color: #bcd3ee;
}

#mainnav li.SelectedTab a:link,
#mainnav li.SelectedTab a:active,
#mainnav li.SelectedTab a:visited 
{
	color: #FFF;
	background-image: url(images/tab_right_selected.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainnav li.SelectedTab a:hover{
color: #fff;
text-decoration:underline;z
}

#mainnav li.SelectedTab li a:link,
#mainnav li.SelectedTab li a:active,
#mainnav li.SelectedTab li a:hover,
#mainnav li.SelectedTab li a:visited 
{
	background: none;
	display: block;
	background:#ce0000;
	margin:0 0 0 20px;
	border: 1px solid #000;
	border-top: none;
	border-left: 6px solid #3e1f6f;
	font-weight: bold;
	color: #FFF;
	height: auto;
	padding: 5px 5px 5px 10px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	width: 127px;
	overflow:visible;
	z-index: 100;
}

*html #mainnav li.SelectedTab li a:link,
*html #mainnav li.SelectedTab li a:active,
*html #mainnav li.SelectedTab li a:hover,
*html #mainnav li.SelectedTab li a:visited 
{
margin:0 0 0 10px;
padding-bottom: 5px;
}

#mainnav li li {
	background-image: none;
}

#mainnav li li a:link,
#mainnav li li a:active,
#mainnav li li a:hover,
#mainnav li li a:visited
 {
	background: none;
	display: block;
	background:#ce0000;
	margin:0 0 0 20px;
	border: 1px solid #000;
	border-top: none;
	border-left: 6px solid #3e1f6f;
	font-weight: bold;
	color: #FFF;
	height: auto;
	padding: 5px 5px 5px 10px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	width: 127px;
	overflow:visible;
	z-index: 100;
}

*html #mainnav li li a:link,
*html #mainnav li li a:active,
*html #mainnav li li a:hover,
*html #mainnav li li a:visited {
 margin:0 0 0 10px;
 padding-bottom: 5px;
}

#mainnav li li a:hover {
	text-decoration: underline;
}
  
#mainnav li ul li {
	padding: 0;
	margin: 0;
} 
  
#mainnav li a.SelectedTab {
    background-color: #FFF;
}
#mainnav .DisabledTab {
     font-size:12px;
	display:block;
    text-decoration:none;
    font-weight:bold;
    background-color:#c20104;
	background:url("images/tab_right.gif") no-repeat right top;
	padding:10px 18px 4px 14px;
	color: #FFF;
	height: 45px;
	float: left;
}
/* no need to change these hover classes 
unless you need more than 4 levels */


#mainnav li:hover ul ul,
#mainnav li:hover ul ul ul,
#mainnav li:hover ul ul ul ul,
#mainnav li.iehover ul ul,
#mainnav li.iehover ul ul ul,
#mainnav li.iehover ul ul ul ul{
  left: -999em;
}

#mainnav li:hover ul, 
#mainnav li.iehover ul {
	top: 1.6em;
	left:0;
}
#mainnav li li:hover ul,
#mainnav li li li:hover ul,
#mainnav li li.iehover ul,  
#mainnav li li li.iehover ul {
	top: 0;
	left:117px;

}