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


/* style the dropdown menus */
.dmenu {
display: none; /* REQUIRED dont display them to begin with */
position: absolute; /* REQUIRED enables javascript to position them below the right tab */
z-index: 100; /* REQUIRED makes sure they appear on top of other content on the page */
margin: 40px 0 0 0; /* display them 21px below the top of the tabs. this is a kind of average value for the height of the tabs, which seems to vary slightly between browsers */
padding: 0px; /* put some space around the contents */
float:none;


text-align: left; /* just in case */
}


ul#tabbar { list-style:none; margin:0px; padding:0px; }
ul#tabbar li { float:left; margin:0px; padding:0px 0px 0px 2px;background:url(../images/divide.png) no-repeat 0px 16px; }
ul#tabbar li a { 
	float:left;
height:36px;
/*	height:51px; */
	display:block;
	vertical-align:middle;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:15px 37px 0px 38px;
	text-align:left;
	font-size:1.2em;
	font-family:Arial Narrow, Arial, Georgia;
 }

ul#tabbar li a span { display:none; }
ul#tabbar li a img { border:none; }

div#menu div.dmenu ul li.page_item ul { padding-left:10px; }

div#menu div.dmenu ul { margin:0px; padding:0px; }
div#menu div.dmenu ul li.page_item { float:none;list-style:none; }
div#menu div.dmenu ul li.page_item a {
	display:block;
	padding:0px 20px 0px 20px;	
	color:#FFF;
	text-decoration:none;
	border-left:none;
	border-right:none;
	float:none;
}
div#menu div.dmenu ul li.page_item a:hover, div#menu div.dmenu ul li.current_page_item a {
	background:url(../images/rollover.png) repeat-x 2px 39px;
}


li.tabselected a, ul#tabbar li a:hover { background:url(../images/rollover.png) repeat-x 2px 39px; }
ul#tabbar li.tabselected a:hover {background:url(../images/rollover.png) repeat-x 2px 39px;}
li.current_page_item a { color:#FFF; text-decoration:none; }

