@charset "utf-8";
/* CSS Document */

body {
margin: 0;
padding: 0 auto;
font-family: Arial, Helvetica, sans-serif;
height:100%;
}

a img {border: none;}


h1, h2, h3, h4, h5, h6 {
font-family: "Gill Sans MT Condensed", Arial, Helvetica, sans-serif;
font-weight:lighter;
letter-spacing: 0.0625em;
text-transform: uppercase;
color: #3963D1;
}

.red {
	color: #CE372F;
}
.bluebox {
	background:#D0Daf4;
	border: solid 1px  #CCCCCC;
	margin-top: 2em;
	padding: 0 1em 0 2em;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #3963D1;
	font-style:italic;
	font-weight: bold;
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
}
#container {
	position: relative;
	width: 100%;
	height:100%;
	max-width: 1600px !important;
	margin: 0 auto;
}
.logo {
    position: absolute;
    left: 2em;
    top: 40px;
    z-index: 100;
}
.logo-hh {display:none;}
#search {
	width: 30%;
	height: 60px;
	padding-left: 70%;
	}
#header{
width: 100%;
margin: 0 auto;
padding: 0 auto;
background: #FFF;
border-top: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
#fill{
width: 100%;
border-top: 4px solid #FFF;
border-bottom: 4px solid #FFF;
margin: 0 auto;
padding: 0;
background: #3963D1;
}
#header p{
	color: #fff;
	font-weight:lighter;
	font-family:"Gill Sans MT", "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 50%;
	position: relative;
	width: 70%;
	left: 185px;
	}
.long{display:block;}
.medium{display: none;}
.short{display: none;}
.void{display: none;}

#header .addthis_sharing_toolbox {
	float:right;
	padding: .25em;
}
#header .icons{
	float:right;
	padding: .25em;
	}

/* ~~ These are styles for the dropdown nav. ~~ */

#nav_hh {display: none;}
#nav_hh_image {display: none;}


/* ~~ hide the sub~~ */
#nav ul ul {
	display: none;
}

#nav ul li:hover > ul {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .85em;
	}
/* ~~ main menu~~ */
#nav ul {
	padding: 0 2em 0 13%;
	list-style: none;
	position: relative;
	top: -25px;	
	display: inline-table;
	font-family:"Gill Sans MT", "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	z-index: 400;

}
#nav ul:after {
		content: ""; clear: both; display: block;
}
/* ~~ list items~~ */

#nav ul li {
	float: left;
}
#nav ul li:hover {
	background: #D7E0F6;
	}
#nav ul li:hover a {
	color: #CE372F;
	}
#nav ul li a {
	display: block;
	padding: 1em 2em;
	color: #3963D1;
	text-decoration: none;
	}

/*~~ submenus ~~*/
#nav ul ul {
	background: #FFF;
	padding: 0;
	border: 1px solid #CCC;
	position: absolute;
	top: 100%;
}
#nav ul ul li {
		float: none; 
		border-bottom: 1px solid #CE372F;
		position: relative;
	}
#nav ul ul li:hover a {
	color: #3963D1;
	}
#nav ul ul li a {
	text-decoration: none;
	}

/*~~sub-sub-menus~~*/
#nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
/* ~~ This ends the styles for the dropdown nav. ~~ */

	
/** Begin Boxslider
===================================*/

.bx-wrapper {
	position: relative;
	top: -80px;
	margin: 0 auto 2em auto;
	padding: 1em 0;
	*zoom: 1;
	border-bottom: 4px solid #CE372F;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #FFF;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
	bottom: -20px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #3963D1;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #CE372F;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #3963D1;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {display:none;}

.bx-wrapper .bx-next {display:none;}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 201;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.bx-wrapper {transition-timing-function: ease-in-out;}
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #FFF\5;
	background: rgba(255, 255, 255, 0.50);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: 100%;
	padding: 40px;
}
/* end boxslider */
	
#content {
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	height: 100%;
	top: -40px;
	width: 80%;
}
#content a:link {color: #3963D1;}
#content a:visited{color: #CE372F; text-decoration: none;}
#content a:hover{color: #CE372F;}
#content a:active{color: #CE372F;}
#content a:focus{color: #CE372F;}

#content li {
	list-style-image:url(images/bullet.gif);
	
}
#content img {
    max-width: 100%;
    height: auto;
	padding: .5em;
}
.menu {
	text-align: center;
	font-family: "Gill Sans MT Condensed", Arial, Helvetica, sans-serif; 
	font-size: 1.4em;
	width: 80%;
	left: 10%;
	margin-top: 1em;
	padding: 1.5em;
	background: #CE372F; 
	box-shadow: 0px 0px .8em rgba(0,0,0,0.60);
	border-radius: .8em;  
	list-style: none;
	position: relative;
	display: inline-table;
	color: #FFF; 
	text-decoration: none;
	text-shadow: .2em .2em .2em #000;
}
#content a.menu:link {color: #FFF; text-decoration:none;}
#content a.menu:visited{color: #FFF;}
#content a.menu:hover{color: #C0D62E;}
#content a.menu:active{color: #C0D62E;}
#content a.menu::focus{color: #C0D62E;}

/* --- go to top ------------------------------- */

/* BackToTop button css */
#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#CE372F;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#CCC;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
/* --- End go to top --- */


#footer {
  width:80%;
	padding: 0 10%;
	background: #3963D1;
	color: #FFF;
}



#footer .title {
	font-family:"Gill Sans MT", "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
#footer  a:link {color: #FFF; text-decoration: none;}
#footer  a:visited {color: #FFF; text-decoration: none;}
#footer  a:hover {color: #FFF; text-decoration: underline;}
#footer  a:focus {color: #FFF; text-decoration: underline;}
#footer  a:active {color: #FFF; text-decoration: underline;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 5%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 47.5%;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media only screen and (max-width: 1360px) {
#nav ul li a {
	padding: 1em 1em;
	}
}
@media only screen and (max-width: 1150px) {
#nav {display:none;}

#nav_hh {
	display: block;
	font-family:"Gill Sans MT", "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 200%;
	padding-bottom:2em;
	}
#nav_hh_image {
	display:block;
}
#nav_hh li {
	list-style-type:none;
    }
#nav_hh a {
	color: #3963D1;
	text-decoration: none;
    }
    
#nav_hh a:hover {
	color: #CE372F;
	text-decoration: none;
	}
			.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:101;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 2%;
			left: 2%;
			width:76%;
			height: 50%;
			padding: 1em;
			border: 2px solid #CE372F;
			background-color: white;
			z-index:102;
			overflow: auto;
		}
.bx-wrapper {
	top: -10px;
}
#content {
	top: 20px;
}

}
@media only screen and (max-width: 865px) {
#search {
	width: 60%;
	height: 60px;
	padding-left: 30%;
	}
#header p{
	font-size: 1.2em;
	line-height: 100%;
	}

.long{display:none;}
.medium {display:block;}
#content {
	top: 2px;
}
.bx-wrapper {
	top: -30px;
}

}
@media only screen and (max-width: 580px) {
.logo {display:none;}
.logo-hh {
	display:block;
    position: absolute;
    left: .05em;
    top: 55px;
    z-index: 100;
}
#header p{
	left: 95px;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
#search {
	width: 80%;
	height: 60px;
	padding-left: 10%;
	}

.medium {display:none;}
.short{display:block;}

.col { 
		margin: 1% 0 1% 0%;
	}
.span_2_of_2, .span_1_of_2 { width: 100%; }
}

@media only screen and (max-width: 316px) {

.addthis_sharing_toolbox {display:none;}
}