/* ================ */
/* = DESKTOP MENU = */
/* ================ */

#desktopmenu {
	display : block;
}

/* Menu Bar */   
.menu {
	list-style            : none;
	width                 : 100%;
	/*width               : 95%*/
	margin                : 0 auto;/*10px auto 0px auto;*/
	height                : 45px;
	padding               : 0 16px;
	color                 : #000;
	
	/* Rounded Corners */
	-moz-border-radius    : 1px;
	-webkit-border-radius : 1px;
	border-radius         : 1px;

	/* Background color and gradients */
	background            : #F6F6F6;
	background            : -moz-linear-gradient(top, #F6F6F6 0%, #C8C8C8 100%);
	background            : -o-linear-gradient(top, #F6F6F6 0%, #C8C8C8 100%);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#C8C8C8));
	background            : -ms-linear-gradient(top, #F6F6F6 0%, #C8C8C8 100%);
	background            : linear-gradient(to bottom, #F6F6F6 0%, #C8C8C8 100%);

	/* Borders */	
	border                : 0px solid #DADADA;
	-moz-box-shadow       : inset 0px 0px 1px #EDF9FF;
	-webkit-box-shadow    : inset 0px 0px 1px #EDF9FF;
	box-shadow            : inset 0px 0px 1px #EDF9FF;
}

/* menu bar text */
.menu li {
	float        : left;
	display      : block;
	text-align   : center;
	position     : relative;
	padding      : 4px 7px 4px 8px;
	margin-right : 30px; /* distance between menu items */
	margin-top   : 7px;
	border       : 1px solid transparent;
	z-index      : 99;
}

/* menu tabs */
.menu li:hover {
	border                : 1px solid #DADADA;
	/*padding             : 4px 9px 4px 9px;*/
	
	/* Background color and gradients */	
	background            : #F6F6F6;
	background            : -moz-linear-gradient(top, #DADADA 0%, #EEEEEE 100%);
	background            : -o-linear-gradient(top, #DADADA 0%, #EEEEEE 100%);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DADADA), to(#EEEEEE));
	background            : -ms-linear-gradient(top, #DADADA 0%, #EEEEEE 100%);
	background            : linear-gradient(to bottom, #DADADA 0%, #EEEEEE 100%);

	/* Rounded corners */
	-moz-border-radius    : 1px 1px 0px 0px;
	-webkit-border-radius : 1px 1px 0px 0px;
	border-radius         : 1px 1px 0px 0px;
	/* 
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	VENDOR TEMPLATE CSS
	!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	border                : 0;
	
	-moz-border-radius    : 5px 5px 5px 5px;
	-webkit-border-radius : 5px 5px 5px 5px;
	border-radius         : 5px 5px 5px 5px;
	*/
	
	color                 : #777777;
	text-shadow           : 1px 1px 1px #FFFFFF;
}

/* menu bar text links */
.menu > li > a {
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 14px; 
	color           : #777777;
	display         : block;
	outline         : 0;
	text-decoration : none;
	text-shadow     : 1px 1px 1px #FFFFFF;
}

.menu > li > a.drop {
	cursor: default !important;
}

.menu li .drop {
	padding-right : 21px;
	background    : url("../images/drop.png") no-repeat right 8px;
}
.menu li:hover .drop {
	background : url("../images/drop.png") no-repeat right 7px;/* shift graphic on mouseover */
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin                : 3px auto;
	float                 : left;
	position              : absolute;
	left                  : -999em; /* Hides the drop down */
	text-align            : left;
	padding               : 10px 5px 10px 5px;
	border                : 1px solid #dadada;
	border-top            : none;
	-moz-box-shadow       : 0px 0px 1px #999;
	-webkit-box-shadow    : 0px 0px 1px #999;
	box-shadow            : 0px 1px 1px #999;
	
	/* Gradient background */
	background            : #F4F4F4;
	background            : -moz-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
	background            : -o-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#F4F4F4));
	background            : -ms-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
	background            : linear-gradient(to bottom, #EEEEEE 0%, #F4F4F4 100%);

	/* Rounded Corners */
	-moz-border-radius    : 1px 1px 1px 1px;
	-webkit-border-radius : 1px 1px 1px 1px;
	border-radius         : 1px 1px 1px 1px;
}

.dropdown_1column {width : 140px;}
.dropdown_2columns {width : 300px;}
.dropdown_3columns {width : 420px;}
.dropdown_4columns {width : 580px;}
.dropdown_5columns {width : 700px;}

.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left : -1px;
	top  : auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display      : inline;
	float        : left;
	position     : relative;
	margin-left  : 5px;
	margin-right : 5px;

}
.col_1 {width : 130px;}
.col_2 {width : 270px;}
.col_3 {width : 410px;}
.col_4 {width : 550px;}
.col_5 {width : 690px;}

.menu .menu_right {
	/*padding-right : 0;*/
	float        : right;
	margin-right : 0px;
}
.menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius    : 2px 0px 2px 2px;
	-webkit-border-radius : 2px 0px 2px 2px;
	border-radius         : 2px 0px 2px 2px;
}

.menu li:hover .align_right {
	left  : auto;
	right : -1px;
	top   : auto;
}

.menu p, .menu h2, .menu h3, .menu ul li {
	font-family : Arial, Helvetica, sans-serif;
	line-height : 21px;
	font-size   : 12px;
	text-align  : left;
	text-shadow : 1px 1px 1px #FFFFFF;
}
.menu h2 {
	font-size      : 21px;
	font-weight    : 400;
	letter-spacing : -1px;
	margin         : 7px 0 14px 0;
	padding-bottom : 14px;
	border-bottom  : 1px solid #666666;
}
.menu h3 {
	font-size      : 14px;
	margin         : 10px 0 5px 0;
	padding-bottom : 7px;
	border-bottom  : 1px solid #888888;
}
.menu h4 {
	font-size   : 14px;
	margin      : 10px 0 5px 0;
	padding-top : 7px;
	border-top  : 1px solid #888888;
}
.menu p {
	line-height : 18px;
	margin      : 0 0 10px 0;
}

.menu li:hover div a {
	font-size : 12px;
	color     : #015B86;
}
.menu li:hover div a:hover {
	color : #029FEB;
}


.strong {
	font-weight : bold;
}
.italic {
	font-style : italic;
}

.imgshadow { /* Better style on light background */
	background         : #FFFFFF;
	padding            : 4px;
	border             : 1px solid #777777;
	margin-top         : 5px;
	-moz-box-shadow    : 0px 0px 3px #999999;
	-webkit-box-shadow : 0px 0px 3px #999999;
	box-shadow         : 0px 0px 3px #999999;
}
.img_left { /* Image sticks to the left */
	width  : auto;
	float  : left;
	margin : 5px 15px 5px 5px;
}

.menu li .highlight_box {
	background-color      : #D6E5F2; /*#dcedff;*/
	color                 : #000000;
	text-shadow           : 0px 0px 0px #FFFFFF;
	padding               : 4px 6px 4px 6px;
	
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 0px;
	
	/* Shadow */
	/*-webkit-box-shadow  : inset 0 0 3px #000000;
	-moz-box-shadow       : inset 0 0 3px #000000;
	box-shadow            : inset 0 0 3px #000000;*/
}

.menu li ul {
	list-style : none;
	padding    : 0;
	margin     : 0 0 12px 0;
}
.menu li ul li {
	font-size   : 12px;
	line-height : 24px;
	position    : relative;
	text-shadow : 1px 1px 1px #FFFFFF;
	padding     : 0;
	margin      : 0;
	float       : none;
	text-align  : left;
	/*width     : 200px;*/
}
.menu li ul li:hover {
	background : none;
	/*border   : none;*/
	border     : 1px solid transparent;/* prevent shifting of links in drop downs, inherits from .menu li:hover */ 
	padding    : 0;
	margin     : 0;
}

.menu li .greybox li {
	background            : #F4F4F4;
	border                : 1px solid #BBBBBB;
	margin                : 0px 0px 4px 0px;
	padding               : 4px 6px 4px 6px;
	width                 : 116px;
	
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 0px;
}
.menu li .greybox li:hover {
	background : #FFFFFF;
	border     : 1px solid #aaaaaa;
	padding    : 4px 6px 4px 6px;
	margin     : 0px 0px 4px 0px;
}



/* ============= */
/* = IMPORTANT = */
/* ============= */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left : 0; /* Clearing margin & left */
	clear       : left;
}
.menu li:hover .firstcolumn,
.menu li.firstcolumn a.drop {
	margin-bottom : -6px; /* set margin for "home" drop */
}

.menu .firstcolumn > div {
	/* Rounded Corners */
	-moz-border-radius    : 0 5px 5px 5px;
	-webkit-border-radius : 0 5px 5px 5px;
	border-radius         : 0 5px 5px 5px;
}

.menu li ul.social {
	list-style : none;
	margin     : 0;
	padding    : 0;
	
}
.menu li ul.social li a{
	padding-top : 5px;
	margin      : 0 5px 10px 0;
	float       : left;
	position    : relative;
	display     : inline;
	width       : 32px;
}
.menu li ul.social li img {
	border : none;
}

}
.menu li ul.social li span {
	display : none;
}




/* ================================ */
/* = BUTTONS WITHIN DROPDOWN NAVS = */
/* ================================ */
a.buttondropdownnavs {
	display 			  : block;
	margin-top            : 10px;
	height                : 30px;
	line-height           : 30px;
	font-size             : 12px;
	font-weight 		  : bold;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 0px;
	text-decoration		  : none;
	text-align	   		  : center;
	text-shadow    		  : 1px 1px 0px #FFFFFF;
	background     		  : #999999 url('../images/carousel/button/btn_light.png') repeat-x center top;

	/*background        	  : #EFEFEF;
	background        	  : -moz-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	background        	  : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#DDDDDD));
	background            : -o-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	background            : -ms-linear-gradient(top, #F5F5F5 0%, #DDDDDD 100%);
	background            : linear-gradient(to bottom, #F5F5F5 0%, #DDDDDD 100%);*/

	border         		  : 1px solid #CDCDCD;
	-webkit-box-shadow    : 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow       : 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	box-shadow 			  : 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	color                 : #777777 !important;
}
a.buttondropdownnavs:hover {
	text-shadow     : 1px 1px 2px #000000;
	background      : #333333;
	border          : 1px solid #1e728c;
	text-decoration : none;
	color 			: #FFFFFF !important;
}




/* ============== */
/* = MISC STUFF = */
/* ============== */
#homeicon {
	max-width : 22px;
	min-width : 22px; 
	border    : 0;
}
.menu_right img.left { /*social icons*/
	padding : 10px 20px 0 0;
	border  : 0;
}
.menu_right p {
	margin-bottom : 2px;
}





/* =============== */
/* = MOBILE MENU = */
/* =============== */
#mobilemenu {
	display : none;
}

#mobilemenubtn {
	background-color : #F7F6F6;
}

a:hover#mobilemenubtn  {
	background-color : #E5E5E5;
}

#mobilemenu .nav-bar li {
	background-color   : #F7F6F6;
	border-color       : #E6E6E6;
	border-right       : 1px solid #e6e6e6;
	-webkit-box-shadow : 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow    : 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow         : 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color              : #6F6F6F;
}

#mobilemenu .nav-bar > li > a {
	color : #6F6F6F;
}


#mobilemenu ul.flyout li a:hover, 
#mobilemenu .nav-bar li ul li a:hover {
	text-decoration : none;
}

#mobilemenu ul > li.has-flyout > a:hover,
#mobilemenu .nav-bar li ul li a {
	color : #6F6F6F;
}

#mobilemenu ul > li.has-flyout.active > a:hover,
#mobilemenu .nav-bar > li.active > a {
	font-weight : bold;
	color       : #FFFFFF;
}

#mobilemenu .nav-bar li.active .flyout {
	border-top    : none;
	border-right  : none;
	border-bottom : 1px solid #6F6F6F;
}
#mobilemenu ul.flyout li.active, 
#mobilemenu .nav-bar li.active ul li {
	border-left : 1px solid #6F6F6F;
}

#mobilemenu .nav-bar li .flyout {
	border       : 2px inset #E6E6E6;
	border-right : none;
}
#mobilemenu ul.flyout li, 
#mobilemenu .nav-bar li ul li {
	border : none;
}

#mobilemenu .nav-bar > li.active {
	background   : #4D4D4D;
	border-color : #E6E6E6;
}

#mobilemenu ul.flyout li a, 
.nav-bar li ul li a {
	background-color : #F7F6F6;
	padding          : 10px 20px 10px 30px;
	font-size        : 0.9em;
}

/* toggle arrow, set to face down */
#mobilemenu .nav-bar > li.has-flyout > a:first-child:after {
	border-color : transparent transparent transparent #6F6F6F;
}
#mobilemenu .nav-bar > li.has-flyout.isactive > a:first-child:after {
	border-color : #6F6F6F transparent transparent transparent;
}
/*
#mobilemenu .nav-bar > li.has-flyout > a:hover:first-child:after,
#mobilemenu .nav-bar > li.has-flyout > a:active:first-child:after,
#mobilemenu .nav-bar > li.has-flyout > a:focus:first-child:after {
	border-color : #6F6F6F transparent transparent transparent;
}
*/







/* ================ */
/* = SIDEBAR MENU = */
/* ================ */
dl.sidenav { 
	display                       : block;
	padding                       : 0;
	margin-bottom                 : 20px; 
	height                        : auto; 
	/*border-bottom               : 1px solid #e6e6e6; */
	border                        : none;
	moz-border-radius-topleft     : 7px;
	moz-border-radius-topright    : 7px;
	border-top-left-radius        : 3px;
	border-top-right-radius       : 3px;
	moz-border-radius-bottomleft  : 7px;
	moz-border-radius-bottomright : 7px;
	border-bottom-left-radius     : 3px;
	border-bottom-right-radius    : 3px;
	-webkit-box-shadow            : 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow               : 0 2px 5px rgba(0,0,0,0.15);
	box-shadow                    : 0 2px 5px rgba(0,0,0,0.15);
}

dl.sidenav dd { 
	display      : block; 
	padding      : 0; 
	margin       : 0;
	float        : none; 
	height       : auto; 
	border       : none !important;
}
dl.sidenav dd:first-child { 
	margin-left: 0; 
}
dl.sidenav dd :hover {
	background : #E5E5E5;
}
dl.sidenav dd.active { 
	margin-top : 0; 
	border-top : 1px solid #4D4D4D; 
	border-left: 4px solid #1A1A1A; 
}
dl.sidenav > dd.active :hover {
	background  : #FFFFFF; /*change to alter background color*/
}

dl.sidenav dd a { 
	display            : block; 
	background         : #F7F6F6; 
	border             : 1px solid #E6E6E6; 
	border-width       : 1px 1px 0 0; 
	color              : #555555; 
	display            : block; 
	font-size          : 14px; 
	height             : auto; 
	line-height        : 1; 
	padding            : 10px 20px; 
	-webkit-box-shadow : 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	-moz-box-shadow    : 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	box-shadow         : 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
	/*-webkit-box-shadow : 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow    : 0 2px 5px rgba(0,0,0,0.15);
	box-shadow         : 0 2px 5px rgba(0,0,0,0.15);*/
}
dl.sidenav dd:first-child a {
	moz-border-radius-topleft  : 7px;
	moz-border-radius-topright : 7px;
	border-top-left-radius     : 3px;
	border-top-right-radius    : 3px;
}
dl.sidenav dd:last-child a {
	moz-border-radius-bottomleft  : 7px;
	moz-border-radius-bottomright : 7px;
	border-bottom-left-radius     : 3px;
	border-bottom-right-radius    : 3px;
}


/* handle last menu item having a submenu */
dl.sidenav dd.active.hassubmenu:last-child a {
	moz-border-radius-bottomleft  : 0;
	moz-border-radius-bottomright : 0;
	border-bottom-left-radius     : 0;
	border-bottom-right-radius    : 0;

}
dl.sidenav dd.active.hassubmenu:last-child {
	background-color: #4D4D4D;
	moz-border-radius-bottomleft  : 7px;
	moz-border-radius-bottomright : 7px;
	border-bottom-left-radius     : 3px;
	border-bottom-right-radius    : 3px;
	padding-bottom: 8px;
}

dl.sidenav dd a:hover {
	text-decoration : none;
}
dl.sidenav dd.active a { 
	font-weight          : bold; 
	background           : #4D4D4D; 
	border               : none; 
	color                : #FFFFFF; 
	margin               : 0; 
	position             : static; 
	top                  : 0; 
}
dl.sidenav dd.active a:hover {
	background :  #4D4D4D;
}

/* hide submenu by default */
dl.sidenav dd > ul {
	display : none;
	list-style  : none; 
	padding     : 0; 
	margin      : 0;
	border-right: 1px solid #E6E6E6;
	border-left : 1px solid #E6E6E6;
	border-top  : 1px solid #CCCCCC;
}
/* show submenu when parent dd is .active */
dl.sidenav dd.active > ul  {
	display : block;
}
dl.sidenav dd.active > ul li {
	margin : 0;
	padding: 0;
}
dl.sidenav dd.active > ul li a {
	padding         : 7px 5px 7px 30px;
	background      : #FFFFFF; /*change to alter background color */
	font-size       : 13px;
	font-weight     : normal;
	color           : #555555;
	cursor          : pointer;
	text-decoration : none;
}

dl.sidenav dd.active > ul li a:hover {
	background  : #E5E5E5;
}
dl.sidenav dd.active > ul li.active a {
	font-weight : bold;
	background  :  #E5E5E5; /*highlight color for active sub-menu item*/
}