@charset "UTF-8";
/* CSS Document */


/* ============================ MAIN NAVIGATION ============================ */

#topnav_container{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 35px;
	background: url(images/topnav2_bg.gif) no-repeat 0px bottom;
	padding-top: 3px;
	z-index: 1000;
}

#topnav_container ul.floater{
	float:right;
	z-index: 1000;
}

#topnav_container ul, #topnav_container li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
	z-index: 1000;
	
}

#topnav_container li.parent {
	position: relative;
	float: left;
	z-index: 1000;
}

/* ============================ MAIN NAVIGATION - 1ST TIER ============================ */


li.parent a {
	cursor: pointer;
}

li.parent a.home{
	float: left;
	height: 35px;
	background: url(images/topnav2_home.gif) no-repeat;
	width: 65px;
}

li.parent a.home:hover{
	background: url(images/topnav2_home_o.gif) no-repeat;
}

li.parent a.home_current{
	float: left;
	height: 35px;
	width: 65px;
	background: url(images/topnav2_home_current.gif) no-repeat;
	cursor: pointer;
	cursor: hand;
}

li.parent a.current .txt{
	color: #ebebeb;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	padding: 10px 2px 0 20px;
	float: left;
	background: url(images/topnav2_leftcap_current.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left 0px;
	
}

li.parent a.current .cap{
	float: left;
	height: 35px;
	width: 10px;
	background: url(images/topnav2_rightcap_current.gif) no-repeat;
}

li.parent a.current:hover{
}

li.parent a.current:hover .txt{
	background: url(images/topnav2_leftcap_current.gif) no-repeat;
}

li.parent a.current:hover .cap{
	background: url(images/topnav2_rightcap_current.gif) no-repeat;
}

li.parent a .txt{
	color: #ebebeb;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	padding: 10px 2px 0 20px;
	float: left;
	background: url(images/topnav2_leftcap.gif) no-repeat;
	background-position: left 0px;
}

li.parent a .cap{
	float: left;
	height: 35px;
	width: 10px;
	background: url(images/topnav2_rightcap.gif) no-repeat;
}

li.parent a:hover{
	background-color: #ed1f24;
}

li.parent a:hover .txt{
	background: url(images/topnav2_leftcap_o.gif) no-repeat;
}

li.parent a:hover .cap{
	background: url(images/topnav2_rightcap_o.gif) no-repeat;
}

/* ============================ POPUP MENU STYLING ============================ */

div.links{
	background: #373737;
	border-right: 1px solid #888888;
	border-left: 1px solid #888888;
	padding: 15px 15px 0px;
	float: left;
	z-index: 1000;
}

.col1 {
	width: 140px;
}

.col2 {
	width: 280px;
}

.col3 {
	width: 450px;
}

div.links ul.col {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 140px;
	float: left;
}

#topnav_container div.links ul ul, #topnav_container div.links ul ul ul, #topnav_container li.parent div.links li{
	float: none;
}

#topnav_container div.links li a{
	padding-bottom: 8px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #b6d3ff;
}

#topnav_container div.links ul ul li a{
	font-size: 11px;
	color: #ffffff;
	padding-left: 20px;
	background: url(images/plus_white.gif) no-repeat 10px 3px;
}

#topnav_container div.links ul ul ul li a{
	font-size: 11px;
	font-weight: normal;
	color: #f0e6ad;
	padding-left: 30px;
	background: url(images/plus_yellow.gif) no-repeat 21px 3px;
}

#topnav_container div.links li a:hover{
	color: #888888;
	background: none;
}

div.dropdown .footer{
	float: left;
}
div.dropdown .footer1 {
	width: 172px;
}

div.dropdown .footer2 {
	width: 312px;
}

div.dropdown .footer3 {
	width: 482px;
}

.footer .col1 {
	width: 152px;
}

.footer .col2 {
	width: 292px;
}

.footer .col3 {
	width: 462px;
}


div.dropdown .footer .leftcorner {
	background: url(images/dd_cornerleft.gif) no-repeat;
	float: left;
	height: 10px;
	width: 10px;
}

div.dropdown .footer .mid {
	background: url(images/dd_mid.gif) repeat-x;
	float: left;
	height: 10px;
}

div.dropdown .footer .rightcorner {
	background: url(images/dd_cornerright.gif) no-repeat;
	float: left;
	height: 10px;
	width: 10px;
}

.parent {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a
strange bug in Op7. When an element serves as a hovered popup "parent" element,
that element must not also be floated or all heck breaks loose in Opera 7.
To prevent this, we have floated the top level list items, while nesting
hoverable parent divs inside that are then hovered to generate the dropdowns.
Thus the ugly (but interesting) Op7 bug is defeated. */


/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;
	left: -3000px;
	top: 35px; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(images/bgfix.gif);
	}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */


.parent:hover {
	background-image: url(images/bgfix.gif);
}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image
file so that your site error logs will not fill with failed image calls. */

.parent:hover div.dropdown {left: 0px;} /* hover rule for dropdowns */
/* extra pixel makes dropdowns "line up" with top links */



/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

* html .topnav_container a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win,
and the 2nd is to make all links fully clickable. */

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}