/* dCodes Framework:(c) TemplateAccess */
/* 
PMA blue = #003082 - Dan's Blue = #374e76
PMA gray = #636b70
PMA red = #b01c2e
*/

ul.dc_metro_menu {margin:0px; padding:0; display:block; height:50px; background-color:#374e76; font-size:15px !important; list-style:none;  width:100%;}
ul.dc_metro_menu a { text-decoration:none;}
ul.dc_metro_menu>li { float:left; position:relative; width:12.5%; /*width:14.28%;*/
				
				background-image: linear-gradient(top, #506790 42%, #374e76 71%);
				background-image: -o-linear-gradient(top, #506790 42%, #374e76 71%);
				background-image: -moz-linear-gradient(top, #506790 42%, #374e76 71%);
				background-image: -webkit-linear-gradient(top, #506790 42%, #374e76 71%);
				background-image: -ms-linear-gradient(top, #506790 42%, #374e76 71%);

				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.42, #506790),
					color-stop(0.71, #374e76)
				);
} 
.dc_metro_menu li a {color:#fff;}

ul.dc_metro_menu>li>span { float:left; color:#fff;  height:49px; line-height:50px; cursor:pointer; padding:0px 5px; border-bottom:0; border-top:0; width:100%; display:block; text-align:center;}
ul.dc_metro_menu>li>span.menu_on{ background-color:#636b70; border-bottom:1px solid #636b70;
				background-image: linear-gradient(top, #73787b 42%, #636b70 71%);
				background-image: -o-linear-gradient(top, #73787b 42%, #636b70 71%);
				background-image: -moz-linear-gradient(top, #73787b 42%, #636b70 71%);
				background-image: -webkit-linear-gradient(top, #73787b 42%, #636b70 71%);
				background-image: -ms-linear-gradient(top, #73787b 42%, #636b70 71%);

				background-image: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.42, #73787b),
					color-stop(0.71, #636b70)
				);
												}


ul.dc_metro_menu .dc_metro_submenu { position:absolute; top:49px; width:400px; display:none; left:0px; background:#636b70;  z-index: 3000; }
ul.dc_metro_menu .next-to-last { left:-85px;}
ul.dc_metro_menu .last { left:-211px;}


ul.dc_metro_menu ul { list-style:none; width:180px; padding:5px; margin:5px; }
ul.dc_metro_menu ul.right {float:right; clear:right;}
ul.dc_metro_menu ul.left {clear:left;}

.dc_metro_submenu{ box-shadow:1px 2px 7px rgba(0,0,0,0.7); box-shadow-top:0;}

ul.dc_metro_menu ul li span {padding:0 0 3px 0; color:#b2ccea; text-transform:uppercase; font-size:11px; letter-spacing:2px; line-height:30px;}

ul.dc_metro_menu ul li a { line-height:15px; color:#e8eaeb; margin:0; padding:5px; display:block; font-size:13px; }
ul.dc_metro_menu ul li a:hover { color:#fff; background-color:#333; }

li.dc_metro_heading { font-size:16px; line-height:17px; font-style:italic; color:#b2ccea;}

ul.dc_metro_menu ul li.dc_metro_heading a { font-size:16px; line-height:17px; color:#b2ccea; margin:0; padding:0; display:block;}
ul.dc_metro_menu ul li.dc_metro_heading a:hover { color:#e2efff; background-color:#636b70; text-decoration: none; }



a.dc_metro_subfoot { background-color:#374e76; color: #b2ccea; display:block; clear:both; padding:5px 10px; font-size:16px; text-shadow: -1px -1px 0px #333; }
a.dc_metro_subfoot:hover {  color:#fff; }

.li-right {width:169px;}

