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

/* common styling */
.menu {
	font-family: arial, sans-serif; 
	width:830px;
	height:25px;
	/*position:relative; */
	margin-left:auto; 
	margin-right:auto; 
	font-size:11px; 
	font-weight:bold; 
	text-transform:none; 
	/*z-index:100;*/
	background-image:url(/images/topb_bg.jpg);
	background-repeat:no-repeat;
	margin-bottom:0px;
	padding-left:40px;
	}
/* set specs for main items */
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:140px; height:20px text-align:center; color:#fff; font-size:11px; overflow:hidden; padding-top:4px; margin-left:10px;}
.menu ul li ul {width:193px;}
/* this line is only required for main items that required two lines of text & custom width */

/* this line is only required for main items that require two lines of text & shorter width (thanks for making it difficult Melissa) */

.menu ul li a.two-small {display:block; text-decoration:none; width:95px; height:20px; text-align:center; color:#fff; font-size:11px; overflow:hidden; padding-top:4px;}

.menu ul li a.two-small-2 {display:block; text-decoration:none; width:55px; height:20px; text-align:center; color:#fff; font-size:11px; overflow:hidden; padding-top:4px; margin-left:7px;}

.menu ul li a.two-large {display:block; text-decoration:none; width:145px; height:20px; text-align:center; color:#fff; font-size:11px; overflow:hidden; padding-top:6px;}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none; margin-top:1px; text-align:left; width:148px; color:#000000;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; margin-left:-5px; width:100px;}
.menu ul li:hover ul li a.hide {color:#333;}
.menu ul li:hover ul li a.two  {height:31px;}
.menu ul li:hover ul li:hover a.hide {color:#333;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-color:#97B320; color:#fff; height:15px; text-transform:none; border-bottom:#FFF solid 1px; text-align:left; padding-left:4px; width:100px;}
.menu ul li:hover ul li a:hover { background-color:#97B320; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}