@charset "utf-8";
/* CSS Document */
/* Middle level menu bar */
#navbar2 {
	background-image:url(images/menu_bar.jpg);
	background-repeat:repeat-x;
	width:960px;
	float:left;
	text-align:center;
	position:static;
}
#navbar2 a {
	color:#FFF;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px 40px 0px 40px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	height:21px;
}
#navbar2 a:hover {
	color:#FFF;
	background-color:#233450;
}
#promodrop {
	top:25px;
	position:absolute;
	display:none;
	width:280px;
	background-color:#233450;
	text-align:left;
	left:334px;
}
#promodrop a {
	width:265px;
	padding-top:8px;
	padding-bottom:5px;
	padding-right:0px;
	padding-left:15px;
}
#promodrop a:hover {
	width:265px;
	padding-top:8px;
	padding-bottom:5px;
	padding-right:0px;
	padding-left:15px;
	color:#233450;
	background-color:#b9c9e1;
}
.flyoutBotnav {
	
}
.bottomnavimg {
}
/* end middle level menu bar */

/* START TOP LEVEL MENU BAR */
#navigation {
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
position:relative;
top:84px;
z-index:10;
width:475px;
}
#navigation li {
color:#898989;
list-style-type:none;
margin:0;
padding:0;
text-decoration:none;
}
#navigation ul {
margin:0;
padding:0;
}
#navigation a {
color:#DBE2E8;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
#navigation a:hover {
color:#93BDDD;
}


#navigationh {
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
position:relative;
top:184px;
z-index:10;
width:475px;
}
#navigationh li {
color:#898989;
list-style-type:none;
margin:0;
padding:0;
text-decoration:none;
}
#navigationh ul {
margin:0;
padding:0;
}
#navigationh a {
color:#DBE2E8;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration:none;
}
#navigationh a:hover {
color:#93BDDD;
}

/*START START START - FOR EACH ITERATION */
#menubar1 {float:left; text-align:left; width:125px; height:33px;}
#menubar2 {float:left; text-align:left; width:103px; height:33px;}
#menubar3 {float:left; text-align:left; width:98px; height:33px;}
#menubar4 {float:left; text-align:left; width:149px; height:33px;}

/*SET TOP pushes down the initial drop downs NOT third lvl flyouts that is done in js file set by user*/
#rmdrop1, #rmdrop2, #rmdrop3, #rmdrop4 {
background-color:#0F2345; 
left:0; 
position:absolute; 
text-align:left; 
top:31px; 
display:none; 
z-index:100;
}

/*SHOULDNT NEED TO ADJUST just add for each iteration*/
#rmdrop1 li, #rmdrop2 li, #rmdrop3 li, #rmdrop4 li  {
display:inline;
margin:0;
padding:0;
z-index:100;
}

/*SET SPACING AROUND DROP DOWNS - NO MARGIN - write down height plus padd border and also width info for js file */
#rmdrop1 a, #rmdrop2 a, #rmdrop3 a, #rmdrop4 a {
display:block;
margin:0px 0px 0px 0px;
padding:6px 6px 0px 7px;
height:23px;
width:154px; /* will set width for first lvl*/
z-index:1000;
border:1px solid #DADFE7;
background-color:#DEE3E9;
color:#0F2345;
}
#rmdrop1 a:hover, #rmdrop2 a:hover, #rmdrop3 a:hover, #rmdrop4 a:hover {
border:1px solid #DADFE7;
background-color:#ffffff;
color:#1C2859;
}
/*YOU SET FLYOUT WIDTH IN JS FILE - flyouts inheret a style attyies from above*/
.flyout {
position:absolute;
top:0;
display:none;
z-index:1000;
width:180px;
}