@import "http://fonts.googleapis.com/css?family=Bree+Serif";

html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
    border: 0 none;
    vertical-align: middle; /*keeps image in DIV on transform: scale*/
    
}
/*Orange Buttons Mobile */
.orange_button {
display:none;
}
.mobile_content {
display:none;	
}

/*Hide Operating Crumb links under main menu*/
.op_crumbs_mobile {display: none;}


/*Mobile Text Links on Blue Strip Buttons */
a.mobile_link:link,a.mobile_link:active,a.mobile_link:visited {
color:#FFFFFF !important;
line-height:20px;
font: 23px "Bree Serif", serif;
font-variant:small-caps;
/*Next 2 lines helps smooth font*/
-webkit-font-smoothing: antialiased !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
		
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
	display: block !important;/*added to have cursor over width of DIV, instead of just over text LINK */
}
a.mobile_link:hover {
	margin-left:6px;
	color:#000000 !important;
	display:block !important;
	text-decoration:none !important;
}


/*Below new Mobile Menu */


.vertical-nav{width: 200px;margin:0;padding:0;float: left;font-family: Segoe UI, Arial;position:relative;list-style: none;box-shadow: 0 1px 2px rgba(0,0,0,0.5);background: #fff;}

.vertical-nav li{display: block;width: 100%;padding:0;float:left;font-size:14px;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.vertical-nav li a{width: 100%;display:block;padding:15px 20px 15px 19px;color: #cbcbcb;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.vertical-nav li a:hover{width: 100%;display:block;background:#f2f1f1;
-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}



.vertical-nav li:hover > a > i,.vertical-nav > li.active a > i{background: #95a5a6;color: #fff;}


.vertical-nav ul, .vertical-nav ul li ul{list-style: none;margin: 0;padding: 0;display: none;position: absolute;z-index: 999;width:100%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.vertical-nav ul{top: 0;left: 100%;}

.vertical-nav ul li ul{top: 1px;}.vertical-nav ul li{clear: both;width: 100%;}

.vertical-nav ul li a{padding: 15px 20px;text-decoration:none;display:inline-block;border:0 none;float:left;clear:both;}

.vertical-nav .submenu-icon{font-family: 'FontAwesome';font-size: 13px;float: right;margin-right: -10px;line-height: 24px;}

/*Submenu curved arrow */
.icon-share-alt:before{content: "\f064";font-size: 10px;}
.vertical-nav > li > a > .submenu-icon:before{content: "\f0dd";}/*old menu icon f0c9 */
.vertical-nav > li ul a .submenu-icon:before{content: "\f0dd";float: right;line-height: 23px;}/*old menu icon f0c9 */


.vertical-nav > li i{line-height: 25px !important;margin: -16px 14px 0 -20px;font-size: 25px;float: left;border-right: solid 1px #dedede;padding-right: 10px;padding:14px 15px 12px 15px;width: 28px;text-align: center;-o-transition: background .3s ease-in-out;-webkit-transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;transition: background .3s ease-in-out;}

.vertical-nav > li.showhide span.icon{margin: 17px 20px;float: right;cursor:pointer}
.vertical-nav > li.showhide .icon em{margin-bottom: 3px;display: block;width: 20px;height: 2px;background: #ccc;}
.vertical-nav > li.showhide {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #888;
    cursor: pointer;
    display: none;
    height: 50px;
    width: 100%;
}
.vertical-nav > li.showhide span.title {
    float: left;
    margin: 16px 0 0 25px;
}

/*COLOR Background on SUB MENU */
.vertical-nav.dark, .vertical-nav.dark ul, .vertical-nav.dark ul li ul{background: #222 !important;}
/*COLOR Background on MENU */
.vertical-nav.dark > li.showhide{background: #092139;color: #FFF !important;}
/*COLOR of Bars on MENU */
.vertical-nav.dark > li.showhide .icon em{background: #FFF;}



.red li:hover > a > i, .red li.active > a > i{background: #0088cc;color: #fff!important;}
.red li:hover > a{color: #0088cc;}



@media (max-width: 767px){

/*Body  and note this is for background of mobile*/
body {
background:#f7f6f6;

}
/*New Mobile Menu --------------------------------- */
.mobile_content {
display: inline-block;/*makes visible*/
position:relative;/*makes Top z-index level*/
height: 50px;
width:100%;
z-index:999999;
visibility:visible;
}

/*Mobile Logo */
.logomobile {
	text-align: center;
	width:100%;
    height: 83px;
	padding-bottom:5px;
	background-color:#103962;
	visibility:visible;
}

/*Mobile Menu */
	.vertical-nav,.vertical-nav li{width: 100%;}
	.vertical-nav > li > a{padding-top:15px;padding-bottom:10px;padding-left: 25px;}
	.vertical-nav a{width: 100%;}
	.vertical-nav ul, .vertical-nav ul li ul{width: 100%;left: 0;border-left: none;position: static;}
	.vertical-nav ul li{background: #e9e9e9;}
	.vertical-nav.dark ul li{background: #333;}
	.vertical-nav ul li a{padding-top:10px;padding-bottom:10px;}
	.vertical-nav > li i{margin: -16px 14px 0 -25px;}


/*Submenus*/
.vertical-nav > li > ul > li > a{padding-left: 73px !important;line-height:12px;}
.vertical-nav > li > ul > li > ul > li > a{padding-left: 60px !important;}
.vertical-nav > li > ul > li > ul > li > ul > li > a{padding-left: 80px !important;}
.vertical-nav .submenu-icon{margin-right: 5px;}
.vertical-nav ul .submenu-icon{display: none;}}


.vertical-nav{margin: 0px 0 0 0;}
}



/*Responsive -------------------------------------------------------------- */

/*Tablet Portrait mode for MOBILE Menu ----------------------------------------------- */
 @media screen and (orientation:portrait) {
	 header {display: none;}
	nav {display: none;}
	.rslides_container {display: none;}
	.toplinks {display: none;}
	.hide_sidebar {display: none;}
	
body {
background:#f7f6f6;
}


/*New Mobile Menu --------------------------------- */
.mobile_content {
display: inline-block;/*makes visible*/
position:relative;/*makes Top z-index level*/
height: 50px;
width:100%;
z-index:999999;
}

/*Mobile Logo */
.logomobile {
	text-align: center;
	width:100%;
    height: 83px;
	padding-bottom:5px;
	background-color:#103962;
}

/*Space below search and dropdown Box on Tablet vertical View */
.space {
margin: 0px;
padding: 0px;
height:80px;
width:100%;
}

/*Mobile Menu */
	.vertical-nav,.vertical-nav li{width: 100%;}
	.vertical-nav > li > a{padding-top:15px;padding-bottom:15px;padding-left: 25px;}
	.vertical-nav a{width: 100%;}
	.vertical-nav ul, .vertical-nav ul li ul{width: 100%;left: 0;border-left: none;position: static;}
	.vertical-nav ul li{background: #e9e9e9;}
	.vertical-nav.dark ul li{background: #333;}
	.vertical-nav ul li a{padding-top:10px;padding-bottom:10px;}
	.vertical-nav > li i{margin: -16px 14px 0 -25px;}


/*Submenus*/
.vertical-nav > li > ul > li > a{padding-left: 73px !important;line-height:12px;}
.vertical-nav > li > ul > li > ul > li > a{padding-left: 60px !important;}
.vertical-nav > li > ul > li > ul > li > ul > li > a{padding-left: 80px !important;}
.vertical-nav .submenu-icon{margin-right: 5px;}
.vertical-nav ul .submenu-icon{display: none;}}
.vertical-nav{margin: 0px 0 0 0;}
}
	
	


@media only screen and (max-width: 959px) {	
/*display: none; TO HIDE ON MOBILE */
	header {display: none;}
	nav {display: none;}
	.rslides_container {display: none;}
	.toplinks {display: none;}
	.hide_sidebar {display: none;}
	.ga_sidebar {display: none;}/*hides GA state pic on Tablet Portrait mode */


	
/*------------ MOBILE MENU ----------------------------------------------------------------------*/
.mobile_content {
display: inline-block;/*makes visible*/
position:relative;/*makes Top z-index level*/
height: 50px;
width:100%;
z-index:999999;
visibility:visible;
}

/*Mobile Logo */
.logomobile {
	text-align: center;
	width:100%;
    height: 83px;
	padding-bottom:5px;
	background-color:#103962;
	visibility:visible;
}

/*Mobile Menu */
	.vertical-nav,.vertical-nav li{width: 100%;}
	.vertical-nav > li > a{padding-top:15px;padding-bottom:10px;padding-left: 25px;}
	.vertical-nav a{width: 100%;}
	.vertical-nav ul, .vertical-nav ul li ul{width: 100%;left: 0;border-left: none;position: static;}
	.vertical-nav ul li{background: #e9e9e9;}
	.vertical-nav.dark ul li{background: #333;}
	.vertical-nav ul li a{padding-top:10px;padding-bottom:10px;}
	.vertical-nav > li i{margin: -16px 14px 0 -25px;}


/*Submenus*/
.vertical-nav > li > ul > li > a{padding-left: 73px !important;line-height:12px;}
.vertical-nav > li > ul > li > ul > li > a{padding-left: 60px !important;}
.vertical-nav > li > ul > li > ul > li > ul > li > a{padding-left: 80px !important;}
.vertical-nav .submenu-icon{margin-right: 5px;}
.vertical-nav ul .submenu-icon{display: none;}}
.vertical-nav{margin: 0px 0 0 0;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/*display: none; TO HIDE ON MOBILE */
	header {display: none;}
	nav {display: none;}
	.rslides_container {display: none;} 
	.toplinks {display: none;} 
	.hide_sidebar {display: none;}
	.ga_sidebar {display: none;}/*hides GA state pic on Tablet Portrait mode */

	
/*------------ MOBILE MENU ----------------------------------------------------------------------*/
.mobile_content {
display: inline-block;/*makes visible*/
position:relative;/*makes Top z-index level*/
height: 50px;
width:100%;
z-index:999999;
visibility:visible;
}

/*Mobile Logo */
.logomobile {
	text-align: center;
	width:100%;
    height: 83px;
	padding-bottom:5px;
	background-color:#103962;
	visibility:visible;
}
	
}

@media only screen and (max-width: 767px) {
	header #logo, header #search-box{margin:0 auto; text-align:center;}
	/*display: none; TO HIDE ON MOBILE */
	header {display: none;}
	.rslides_container {display: none;}  
	.toplinks {display: none;}
	.hide_sidebar {display: none;}
	.op_crumbs {display: none;}/*Hide Operating Crumb links under main menu*/

/*Wrapper Contact Form -------------------------------------------------------*/
#contactform {
    background: none repeat scroll 0 0 #cedafa;
    border: 1px solid #075ca7;
    margin-bottom: 50px;
    padding: 10px 10px 80px 10px;
	border-radius: 6px;
    width: 90%;
	height:550px;
}
/*Show crumb Links on Operating page */
.op_crumbs_mobile {
	width:auto;
	height:auto;
	display:block;
}

	
/*------------ MOBILE MENU ----------------------------------------------------------------------*/
.mobile_content {
display: inline-block;/*makes visible*/
position:relative;/*makes Top z-index level*/
height: 50px;
width:100%;
z-index:999999;
visibility:visible;
}

/*Mobile Logo */
.logomobile {
	text-align: center;
	width:100%;
    height: 83px;
	padding-bottom:5px;
	background-color:#103962;
	visibility:visible;
}

/*Content */
#content{background-color:#ffffff;}
/*Content for subpages */
.subpage {margin-top:80px;}




	
/*Blue Buttons Mobile */
.orange_button {
color:#FFFFFF !important
line-height:20px;
font: 22px "Bree Serif", serif;
font-variant:small-caps;
/*Next 2 lines helps smooth font*/
-webkit-font-smoothing: antialiased !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

width: 97%;
height: 25px;
margin: 1.5px auto 1.5px;
background-color:#2586b3;
border: 1px solid #999;
border-radius:7px;
padding:0px 0px 10px 10px;
display: inline-block;/*makes visible*/
}
/*Button Wrapper */
.button_wrapper {
margin-top:100px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*Orange Buttons Mobile */
.orange_button {
color:#FFFFFF !important
line-height:20px;
font: 22px "Bree Serif", serif;
font-variant:small-caps;
/*Next 2 lines helps smooth font*/
-webkit-font-smoothing: antialiased !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

width: 97%;
height: 25px;
margin: 1.5px auto 1.5px;
background-color:#2586b3;
border: 1px solid #999;
border-radius:7px;
padding:0px 0px 10px 10px;
display: inline-block;/*makes visible*/
}
/*Button Wrapper */
.button_wrapper {
margin-top:100px;
}

/*display: none; TO HIDE ON MOBILE */
	header {display: none;}
	nav {display: none;}
	.rslides_container {display: none;} 
	.toplinks {display: none;} 
	.hide_sidebar {display: none;}
	
}

@media only screen and (max-width: 479px) {
/*Orange Buttons Mobile */
.orange_button {
color:#FFFFFF !important
line-height:20px;
font: 22px "Bree Serif", serif;
font-variant:small-caps;
/*Next 2 lines helps smooth font*/
-webkit-font-smoothing: antialiased !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

width: 97%;
height: 25px;
margin: 1.5px auto 1.5px;
background-color:#2586b3;
border: 1px solid #999;
border-radius:7px;
padding:0px 0px 10px 10px;
display: inline-block;/*makes visible*/
}
/*Button Wrapper */
.button_wrapper {
margin-top:100px;
}




/*display: none; TO HIDE ON MOBILE */
	header {display: none;}
	nav {display: none;}
	.rslides_container {display: none;}
	.toplinks {display: none;}  
	.hide_sidebar {display: none;}
	
}