/************************* hack reset (for production, use Yahoo! reset CSS) *************************/
* {margin: 0;padding: 0;}
/************************* tabs *************************/
ul.tabs {display: table;margin:0px;padding: 0;list-style: none;position: relative;text-align:right;float:right;}
ul.tabs li {margin: 0 0 0 18px;padding: 0;list-style: none;display: table-cell;float: left;position: relative;}
ul.tabs li:first-child { margin: 0 0 0 9px; }
ul.tabs a {position: relative;display: block;text-align:center;	}
/************************* dropdowns *************************/
ul.dropdown {margin: 0;padding: 0;display: block;position: absolute;z-index: 999;top: 100%;width: 170px;display: none;text-align:left;}
ul.dropdown ul.dropdown {top: 0;left: 95%;}
ul.dropdown li {margin: 0;padding: 0;float: none;position: relative;list-style: none;display: block;height: 32px;text-align:left;}
ul.dropdown li a {display: block;text-align:left;}
/************************* menu-specifc *************************/
#menu {padding:0; margin:0;text-align:right;width:100%;clear:both;text-transform:uppercase;}
/* make sure menu is displayed over the top of everything else */
#menu * { z-index: 999; }
#menu .trandot { width:0px; height:0px; }
#menu ul {text-align:left;margin:0px;list-style-type:none;padding:0px;}
#menu ul li h4 {margin: 0;}
#menu ul li h4 a {font-size: 12px;font-weight:200;padding: 0;}
#menu ul li a {padding-left: 0px;}
#menu ul li a:hover {text-decoration:none;}
#menu ul li a.curr {text-decoration:none;}
#menu ul li a span {display: block;padding: 0 15px 0 11px;}
#menu ul.dropdown {padding-top: 16px;overflow:hidden;border-bottom: none;width: 200px;margin:0;}
#menu ul.dropdown li:first-child {margin: 0;}
#menu ul.dropdown li a {font-size:12px;font-weight:normal;border-bottom: none;line-height: 32px;overflow: hidden;height: 42px;padding-left:5px;}
#menu ul.dropdown li.last a {border-bottom-width: 0;}
#menu ul li h4 a:hover {background-image: none;}
/***** Tablet (768px - 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#menu ul.tabs li {margin-left:10px;font-size: 11px;}	
	#menu ul li h4 a {font-size: 11px;}
	#menu ul.dropdown {width: 175px;font-size: 11px;}
	#menu ul.dropdown li {margin-left:0;font-size: 10px;}	
	#menu ul.dropdown li a {font-size: 10px;}
}
/***** END OF Tablet (768px - 959px) *****/

/***** Phone *****/
@media only screen and (max-width: 767px) {		
	#menu { margin:10px 0 10px 0; clear:both; width:100%; }		
	#menu * { position:relative; z-index:1200; }
	#menu ul li { font-size: 14px; text-align:left; font-weight: bold; margin:0; width:100%; border-radius:0; border:none; padding-top: 10px; padding-bottom: 10px; line-height: 20px; }	
	#menu ul li.hasmore { padding-top:0; padding-bottom:0; }
	#menu ul li a { font-size: 14px; font-weight:bold; text-align:left; margin:0; width:100%; border-top-left-radius:0px; border-top-right-radius:0px; }	
	#menu ul li h4 a { font-size: 14px; }
	#menu ul li a.current, #banner nav ul li a:hover { background-color:#0065a4; }
	#menu ul.blockdown { margin:-4px 0 0 0; padding:0; display:block; }
	#menu ul.blockdown li { /*margin:0 0 -2px 0; padding:2px 0 0 0; */ padding-top: 10px; padding-bottom: 10px; line-height: 20px; display:block; }
	#menu ul.blockdown li a { font-size:14px; font-weight:200; margin:0; padding:0 0 0 10px; line-height:20px; }
	#menu ul.blockdown li a.curr { color:#D5A93B; }
	#menu a.curr { color:#FFFFFF; }
	.tabs li:first-child a { position:relative; top:3px; }
	#menu h4 { margin:0; padding:0; }
	#menu .mobilehide { display:none; }
	#menu ul.tabs { border-bottom:none; }	
	
}
/***** END OF Phone (landscape 480px) *****/