/* john's drop-down menus screen css */
/* All CSS coded to work on top of the blueprint css framework v0.8 */
/* For more information, visit www.blueprintcss.org */

p.submenu { margin: 0; padding: 0; }
.clearit { clear: both;	height: 0; line-height: 0.0; font-size: 0;}

#ul_menu_1 ul li a {color: #606060; padding: 3px 9px 3px 9px; }
#menu_1 {height: 28px; background: none; padding: 0; margin: 4px 0 0 0; display: block; visibility: visible; text-align: left; float:left;}
#ul_menu_1 {width: auto; display: inline; float: left; margin: 0 0 0 12px; list-style: none; font-family: trebuchet ms, arial, sans-serif; }
#ul_menu_1 ul {list-style: none; padding: 0; font-family: trebuchet ms, arial, sans-serif; margin: 0; }
#ul_menu_1 li {float: left; margin-left: 0; position: relative; border-right: solid 1px #444; }
#ul_menu_1 li.last { margin-right: 0; border-right: none; }
#ul_menu_1 a {display: block; text-decoration: none; padding: 0px 10px; 
	font-size: 1.10em; font-family: arial, sans-serif; line-height: 28px; letter-spacing: .025em; 
	text-transform: none; color: #ddd; position:relative;}
#li_menu_1_active a {color: red; text-decoration: none; }
#ul_menu_1 li:hover a, #ul_menu_1 a:focus, #ul_menu_1 a:active, #ul_menu_1 li.p7hvr a {color: #ffcc00; background-color: #000; }
#ul_menu_1 li:hover ul, #ul_menu_1 li.p7hvr ul {display: block; }
#ul_menu_1 li ul {position: absolute; background-color: #ddd; display: none; border-bottom: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #444; }
#ul_menu_1 li ul, #ul_menu_1 ul li {width: 200px; float: left; }
#ul_menu_1 li ul li {float: left; margin-left: 0; border-top: solid 1px #444; text-align: left; }
#ul_menu_1 li:hover ul a, #ul_menu_1 li.p7hvr ul a {color: #ffcc00;  }
#ul_menu_1 ul a:hover {background-color: #222!important; color: #FFFFFF !important; }

/* custom */

#ul_menu_1 li ul li a {background-image: none;}
#ul_menu_1 li ul li a:hover {background-image: none;} 
#ul_menu_1 a {font-weight:normal;}
#ul_menu_1 li ul li  a {font-weight:normal; padding-left:18px;}
#ul_menu_1 li {line-height:1.5em;}
#ul_menu_1 li ul li {line-height:1.15em;}
#ul_menu_1 li {margin-right:1px;}
/* hide from IE mac \*/
#ul_menu_1 li {position: static; width: auto;}
/* end hiding from IE5 mac */

#ul_menu_1 .last_menu_li { border-right: none; margin-right: 0; padding-right: 0; }

/* @media screen and (max-width: 320px) */
	#menu_1 { display:none; }
	#menu_2 { display:block; }
	ul.mobile-nav { 
		width:99%; height:50px; list-style:none; margin:0 0.5%; padding:0; 
		background:#222;
	}
	ul.mobile-nav li { width:33%; margin:0; float:left; display:block; }
	ul.mobile-nav li.menu { }
	ul.mobile-nav li:hover a, ul.mobile-nav li:active a, ul.mobile-nav li.selected a { color: #fff; }
	ul.mobile-nav li:hover, ul.mobile-nav li:active { background-color:#000; }
	ul.mobile-nav a 
	{ display: block; padding:0; color: #fff; text-shadow: 0px 1px 0px #072c55; background: none; 
	font-size:13px; line-height:50px; text-align:center; white-space: nowrap; text-decoration:none; }
	ul.mobile-nav li ul { display:none; width:100%; position:absolute; left:0; background:none; border:none; border-top:1px solid #000; margin:0; }
	ul.mobile-nav li ul li { width:100%; margin:0; float:none; border:none; background: #222; border-bottom:1px solid #000;	}
	ul.mobile-nav li ul li a { display:block; text-align:left; padding:0 2%; font-size:13px; line-height:40px; color:#fff!important; }
	ul.mobile-nav li ul li:hover, ul.mobile-nav li ul li:active, ul.mobile-nav li ul li.selected { background: #000; border:none; border-bottom:1px solid #000; }
	ul.mobile-nav li ul li:hover a, ul.mobile-nav li ul li:active a, ul.mobile-nav li ul li.selected a { color: #fff!important; }
	ul.mobile-nav li ul li:hover ul li a, ul.mobile-nav li ul li:active ul li a, ul.mobile-nav li ul li.selected ul li a { color: #fff!important; }
	ul.mobile-nav li ul li ul li a { color:#fff!important; }
	ul.mobile-nav li ul li ul li:hover a, ul.mobile-nav li ul li ul li:active a { color:#fff!important; }
	ul.mobile-nav li.active { background: #000!important; }
	ul.mobile-nav li.active a {color: #fff; }
	ul.mobile-nav li.arrow-right 
	{ background: url( '../images/yellow-menu-arrow-right.png' ) no-repeat 0 0; background-position:right center; }
	ul.mobile-nav li.arrow-right:hover, ul.mobile-nav li.arrow-right:active 
	{ background-color:#000; background-image: url( '../images/yellow-menu-arrow-right.png' ); background-repeat:no-repeat; background-position:right center; }
	ul.mobile-nav li ul.submenu li.arrow-right 
	{ background-color:#222; background-image:url( '../images/yellow-menu-arrow-right.png' ); background-repeat:no-repeat; background-position:right center; }
	ul.mobile-nav li ul.submenu li.arrow-right:hover, ul.mobile-nav li ul.submenu li.arrow-right:active 
	{ background-color:#000; background-image:url( '../images/yellow-menu-arrow-right.png' ); background-repeat:no-repeat; background-position:right center; }
	ul.mobile-nav li.back 
	{ background: #222 url( '../images/yellow-menu-arrow-left.png' ) no-repeat 0 0; background-position:left center; }
	ul.mobile-nav li.back:hover, ul.mobile-nav li.back:active 
	{ background: #000 url( '../images/yellow-menu-arrow-left.png' ) no-repeat 0 0; background-position:left center; }
	ul.mobile-nav li ul li.back a { text-indent:20px; }
	ul.mobile-nav li.menu ul { }
	ul.mobile-nav li ul li ul { display:block; top:-1px; margin-left:100%; }	
	ul.mobile-nav a.navitem1 { padding:0; height:auto; line-height:50px; white-space: nowrap; }

@media screen and (min-width: 320px) {
	ul.mobile-nav a.navitem1 { padding:0; height:auto; line-height:50px; white-space: nowrap; }
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 520px) {

}

@media screen and (min-width: 640px) {
	
}

@media screen and (min-width: 720px) {
	
}

@media screen and (min-width: 800px) {

}

@media screen and (min-width: 848px) {
	
}

@media screen and (min-width: 960px) {
	#menu_1 { display:block; }	
	#menu_2 { display:none; }	
}

@media screen and (min-width: 980px) {
}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1152px) {

}

@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

@media screen and (min-width: 1440px) {

}

@media screen and (min-width: 1600px) {

}

@media screen and (min-width: 1680px) {

}

@media screen and (min-width: 1872px) {
	
}

@media screen and (min-width: 2080px) {
	
}