/* ---------------- everything to do with the top horizontal menu --------------------- */

.chromemenu{
	width: 978px;
	float:left;
	position:relative;
	left: 15px; /* make sure menu is positioned left correctly */
	top: -11px; /* and make sure you can't ses background columns through it */
	clear: none;
	z-index:1000; /* don't make this 2000 as the vertical menus are 2000 */
	margin-bottom: -11px; /* fixes menu position as it's always out! */
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromemenu ul{
	width: 100%;
	background-color: #9caede;
	padding: 6px 6px;
	margin: 0;
	text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
	display: inline;
}

.chromemenu ul li a{
	padding: 0px 8px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #ffffff;
	padding: 6px 6px;


}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
	background-color: #f7f3e7;
	color: #000000;
		padding: 6px 6px;

}

.tabcontainer{
	/* horizontally centers lower popout bar in all modern browsers */
	width: 990px;
	margin: 0 auto; 
	text-align: left; /* makes sure items are left aligned - IE6 and lower bug */
	position:relative;
	z-index:2000; /* menus now appear above everything */
	top: 29px; /* moves popout bar below the blue menubar */
}

.tabcontainer a{
	color: #000000;
	background-color: #f7f3e7;

}

.tabcontainer a:hover{
	color: #ffffff;
	background-color: #ff8a08;

}


.tabcontent{
	display:none;
	background-color: #f7f3e7;
	height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;

}