/************************* 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;padding: 0;list-style: none;display: table-cell;float: left;position: relative;margin-left:15px;margin-right:0;}
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: 14px;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: 19px;overflow:hidden;border-bottom: none;width: 185px;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) {
	ul.tabs li {margin-left:6px; }
	ul.dropdown {width: 170px;}
	ul.dropdown li { margin-left:0; }
	#menu ul li h4 a { font-size:11px; }
	#menu ul.dropdown li a { font-size:11px; }
}
/***** 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; line-height:48px; }	
	#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:48px; }
	#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:1px solid #FFFFFF; }
}
/***** END OF Phone (landscape 480px) *****/