@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');



*, *:before, *:after { 

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



body {

    height: 100%;

    margin: 0;

	padding: 0;

	background: #f2f2f2 url(../images/boxbackground.png) fixed;

    font: 13px Verdana, Arial, Geneva, sans-serif;

	color: #333;

	line-height: 1.5;

}

h4, h2, h1, .cursive{font-family: 'Gloria Hallelujah', cursive!important;

    

}

img {

	border: none;

    background: transparent;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ 

}



.inner {

	margin: 0 auto;

	padding: 0;

	max-width:1024px;

	position: relative;

	/*overflow:auto;*/

}

.center {

	text-align: center;

}



#header {

	background: url(../images/white95.png);

	margin: 0;

	padding: 0;

	width: 100%;

	min-height:99px;

	position: fixed;

	top:0;

	z-index:77;

	border-bottom:1px solid #FFF;

	box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);

	-ms-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);

	-o-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);

    -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;

} 

#header:hover {	

	background-color: #FFF;

	padding: 0 0 1px 0;

	box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.4);

	-webkit-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.4);

	-moz-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.4);

	-ms-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.4);

	-o-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.4);

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

} 



#logo {

	background: url(../images/chandlerscove-logo.png) no-repeat;

	/*width: 259px;*/

	width:385px;

	height: 86px;

	left:0;

	top:5px;

	position:absolute

}



/* ====================== MENUBAR ======================= */



ul.nav {

  display: inline;

  margin: 0;

  padding-top:32px;

  list-style: none;

  float:right;

  /*min-width:587px;*/

}

ul.nav li {

	font-family: Verdana, Geneva, sans-serif; 

	color: #666;

	font-size: 16px;

	white-space:nowrap;

	display: inline-block;

	position: relative;

	padding: 7px 5px;

	cursor: pointer;

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-o-transition: all 0.4s;

	transition: all 0.4s;

}

ul.nav li>a {

	color: #666;

	text-shadow: 0 1px 0 rgba(255,255,255,0.7)

}

ul.nav li:hover >a {

	color: #069;

}

ul.nav li:hover, ul.nav li:active {

  background: #eee;

  color: #069;

}

ul.nav li ul {

  padding: 0;

  position: absolute;

  top: 37px;

  left: 0;

  min-width: 200px;

  display: none;

  opacity: 0;

  visibility: hidden;

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-o-transition: all 0.4s;

	transition: all 0.4s;

}

ul.nav li:last-child ul {

  right: 0px;

  left:auto;

}

ul.nav li ul li { 

  background-color: #eee; 

  display: block; 

  color: #069;

  border-bottom:1px solid rgba(0,0,0,0.2);

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-o-transition: all 0.4s;

	transition: all 0.4s;

}

ul.nav li ul li a { 

  color: #069;

}

ul.nav li ul li:hover { background:#DFDFDF; }

ul.nav li:hover ul {

  display: block;

  opacity: 1;

  visibility: visible;

}

ul.nav .has-submenu>a {

	background: url(../images/sub-arrow.png) no-repeat right;

	padding-right:18px;

}



/* ========================= SOCIAL LINKS ======================== */

#social {

	float: right;

	display: block;

	width: 440px;

	margin: 10px 0 0 0;

}

#social li {

   list-style: none;

	margin: 0 0 3px 0;

   padding: 0 2px 0 17px;

   float: right;

}





/* ================================ SEARCH ================================= */

#search {



}



#search input[type="text"] {

    background: #FFF url(../images/icon-search.png) no-repeat 0;

    margin:0;

    padding: 7px 15px 5px 35px;

	border: 1px solid #ccc;

    font: bold 12px Arial,Helvetica,Sans-serif;

    color: #999;

    height:33px;

	width: 100px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    -webkit-transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

    transition: all 0.7s ease 0s;

    }



#search input[type="text"]:focus {

    width: 170px;

	color: #666;

    }



/* ---------------- BANNER ----------------- */

#banner {

	margin: 0;

	padding: 0;

	width:100%;

	max-height: 640px;

	background-color: #FFF;

	position:relative;

	overflow:hidden;

	margin: 0;

    padding: 0;

    

}

#bannersubpage {

	margin: 30px auto!important;

	padding: 0;

	width:100%;

	max-height: 640px;

	background-color: #FFF;

	position:relative;

	overflow:hidden;

	margin: 0;

    padding: 0;

    /* width: 100%; */

    max-width: 1024px;

    max-height: 640px;

    background-color: #FFF;

    /* position: relative; */

    /* overflow: hidden; */

    text-align: center;

}

#bannersubpage img {

    margin-top: 100px;

}

#banner .innertext {

	/*width: 960px;*/

	width: 85%;

	margin:0;

	padding:0;

	z-index:55;

	position:absolute;

	bottom:0;

	left:10%;

	text-align:left;

}



#banner H2 {

	font-family: Lato, "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 

	font-weight:700;

	font-size:50px;

	color:#FFF;

	line-height:1.1;

	z-index:56;

	position:absolute;

	bottom:100px;

	/*left:0;*/

	text-shadow: 0 1px 7px rgba(0,0,0,0.7);

	letter-spacing:-1px;

}



#banner .button {

	z-index:55;

	position:absolute;

	bottom:15px;

	left:0;

	text-shadow: 0 1px 3px rgba(0,0,0,0.5);

}



		

/* ======================== SLIDER ========================== */



/*! http://responsiveslides.com v1.54 by @viljamis */



.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }



.callbacks_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 72%;

  left: 10px;

  opacity: 0.5;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  width: 20px;

  height: 30px;

  background: transparent url(../images/arrows-banner.png) no-repeat left top;

  margin-top: -45px;

  }



.callbacks_nav:hover, .callbacks_nav:active {

  opacity: 1.0;

  }



.callbacks_nav.next {

  left: auto;

  background-position: right top;

  right: 10px;

  }



/* ============================== BODY ================================ */





#content {

	margin:30px auto;

	padding: 30px 20px;

	background-color:#fff;

	max-width: 1024px; 

	min-height:300px;

	box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.1);

	-webkit-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.1);

	-moz-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.1);

	-ms-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.1);

	-o-box-shadow: 0px 1px 32px 0px rgba(0,0,0,0.1);

} 



#content ul { 

	/*margin: 0;*/

	padding: 0 20px;

}

#content li {

	padding: 0 0 7px 0;

}



#content img {

	max-width:100%;

	height:auto;

}



/* ============================= LINKS ============================ */

a:link {

	color: #0099CC;

	text-decoration: none;

	-webkit-transition: color .1s ease-in-out;

	-moz-transition: color .1s ease-in-out;

	-o-transition: color .1s ease-in-out;

	transition: color .1s ease-in-out;

}

a:visited {

	color: #0099CC;

	text-decoration: none;

}

a:hover, a:active, a:focus {

	color: #999999;

	text-decoration: none;

}

a:link img {

  opacity: 1.0;

  filter: alpha(opacity=100); /* For IE8 and earlier */

  border:0;

}

a:hover img {

  opacity: 0.8;

  filter: alpha(opacity=80); /* For IE8 and earlier */

  border:0;

}





/* ============================= FOOTER ============================ */



#footer {

	background-color: #286799;

	width: 100%;

	padding: 0;

	font-size: 16px;

	color: #FFF;

	line-height: 1.5;

} 

#footer a:link, #footer a:visited {

	color: #92D7F5;

	text-decoration: none; 

	padding: 0;

}

#footer a:hover { 

	color: #FFF;

}



#footer2 {

	background-color: #032752;

	width: 100%;

	padding: 0 10px;

	font-size: 11px;

	color: #92D7F5;

	line-height: 1.3;

	overflow: auto;

} 

#footer2 a {

	color: #92D7F5;

}

#footer2 a:hover {

	color: #FFF;

}

#footer2 .logo {

	background: url(../images/CCI-NS-Logo-Opaque.png) no-repeat;

	width: 173px;

	height: 56px;

	margin: 0 0 10px 0;

	padding: 0;

	float: right;

}





.clearfloat { 

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}



/* =============================== TEXT FORMATTING ============================== */

H1, H2, H3, H4, H5, H6 {

	margin: 20px 0 5px 0;

	padding: 0;

	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

	font-weight:400;

	line-height:1.2;

}

H1 {

	font-size : 42px;

	color: #00457D;

	margin: 0 0 10px 0;

	

}

H2  {

	font-size : 32px;

	color: #0099CC;

}

H3 {

	font-size : 32px;

	color: #00457D;

}

H4 {

	font-size : 22px;

	color: #0099CC;

	margin-top: 10px;

}

H5 {

	font-size : 22px;

	color: #00457D;

	margin-top: 10px;

}

H6 {

	font-size : 18px;

	color: #0099CC;

	margin: 0;

}



hr {

	border: none 0;

	border-top: 1px dotted #ccc;

	height: 1px;

	margin: 20px 0;

	width:100%;

	text-decoration: none;

}

hr.whiteline {

	border: none 0;

	border-top: 1px dotted #FFF;

	height: 1px;

	margin: 10px 0;

	padding: 0;

	width:100%;

	text-decoration: none;

}



.lightblue {

	color : #0099CC;

}

.blue, .blue-text {

	color : #00457D;

}

.orange {

	color : #FF9900;

}

.green {

	color : #339900;

}

.purple {

	color : #663399;

}

.red, a.red, a.red:visited {

	color : #CC0000;

}

a.red:hover {

	color : #0099CC;

}

.white, a.white {

	color : #FFF;

}

.grey  {

	color : #666;

	text-shadow:0 1px 0 rgba(255,255,255,0.9);

}

.lightgrey  {

	color : #999;

	text-shadow:0 1px 0 rgba(255,255,255,0.9);

}

.small { font-size : 10px;}

.medium { font-size : 14px;}

.large { font-size : 18px;}

.extralarge { font-size : 24px;}

.message-error {

	color:#C00;

	font-size:14px;

}





/* ================================ VIDEO ======================= */



.video-container {

	position:relative;

	padding-bottom: 56.25%;

	overflow:hidden;

}

.video-container iframe, .video-container object, .video-container embed {

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height: 100%;

}



/* =============================== BUTTON ======================= */



a.button, button.button {

	border-radius: 5px;

	color: #fff;

	display: inline-block;

	font-size: 16px;

	margin: 20px 0;

	padding: 9px 16px;

	text-align: center;

	background-color: #0099CC;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

}



a.buttonmid, button.buttonmid {

	border-radius: 5px;

	color: #fff;

	display: inline-block;

	font-size: 14px;

	margin: 0;

	padding: 5px 10px;

	text-align: center;

	background-color: #0099CC;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

}



a.buttonsmall, button.buttonsmall   {

	border-radius: 5px;

	color: #fff;

	display: inline-block;

	font-size: 12px;

	margin: 0;

	padding: 3px 9px;

	text-align: center;

	background-color: #0099CC;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

}

a.button:hover, a.buttonsmall:hover, button.button:hover, button.buttonsmall:hover, button.buttonmid:hover    {

	background-color: #006699;

}





/* ===================================== NAV =====================================*/



nav#navbar .sectionidentifier {

	font-size: 20px;

	text-align: center;

	padding: 10px 0;

	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

	font-weight: 400;

	color: #B7B7B7;

	border-bottom: 1px dotted #FFF;

	text-shadow: 0px 1px 0 rgba(255,255,255,1);

}



nav#navbar {

	display: inline-block;

	width: 258px;

}

nav#navbar * {

	list-style-type: none;

}

nav#navbar ul li {

	display: block;

	height: auto;

	width: inherit;

	overflow: hidden;

	/* background: #cad5e1; */

	border-bottom: solid 1px #FFF;

	font-family: Verdana, Arial, sans-serif;

	font-size: 13px;

	text-shadow: 0px 1px 1px #fff;

}

nav#navbar ul li:last-child {

	border-bottom: none;

}

nav#navbar ul li a, nav#navbar ul li a:visited {

	text-decoration: none;

	text-transform: uppercase;

	color: #216093;

	text-shadow: 0px 1px 1px #fff;

	display: block;

	padding: 10px;

	line-height: 1.5;

}

nav#navbar ul li.has-submenu {

	background: url(../images/sub-arrow.png) right 15px no-repeat !important;

}

nav#navbar ul li a:hover {

	color: #0099CC;

}

nav#navbar ul li ul {

	display: none;

	margin-left: -12px;

	/*margin-right: -12px;*/

	background: url(../images/shadow.png) repeat-x #e3e3e3;

}

nav#navbar ul li.active>ul {

    display: block;

}

nav#navbar ul li ul li {

	border-bottom: solid 1px #ccc;

	border-left: none;

	background: none;

	padding-left: 19px;

	font-size: 13px;

}

nav#navbar ul li ul li:first-child {

	background: url(../images/arrow.png) 20px 0px no-repeat;

}

nav#navbar ul li ul li:last-child {

	background: url(../images/shadow2.png) repeat-x bottom;

}

nav#navbar ul li ul li a, nav#navbar ul li ul li a:visited {

	text-shadow: #FFF 0px 1px 1px;

}

nav#navbar ul li ul li a:hover {

	color: #0099CC;

}

nav#navbar ul li:hover ul {

	/*display: block;*/

}

nav#navbar ul li.active > a { color: #0099CC; }





/* ====================== FANCY TABLE ======================== */



table {

    /*border-collapse: collapse;

    margin-bottom: 3em;*/

    width: 100%;

    /*background: #fff;*/

}

.fancy td, .fancy th {

    padding: 0.65em .75em;

}

.fancy td.err {

	background-color: #003399;

	color: #fff;

	font-size: 0.75em;

	text-align: center;

	line-height: 1;

	}

.fancy th {

	background-color: #006699;

	font-weight: 700;

	color: #FFF;

	white-space: nowrap;

}

.fancy th a, .fancy th a:visited {

	color: #fff;

}

.fancy th a:hover, .fancy th a:active {

	color: #CFF;

}

/*.fancytable tbody th {

	background-color: #336699;

}*/

.fancy tr:nth-child(odd) {

    background-color: #f1f1f1;

}

.fancy tr:nth-child(even) {

    background-color: #fafafa;

}

/*

tbr:nth-ody tchild(2n-1) {

    background-color: #f2f2f2;

    transition: all .125s ease-in-out;

}

*/

.fancy tbody tr {

	border-bottom:1px dotted #ccc; /* added by K-J */

	background: rgba(235,245,251,0.2);

}

.fancy tbody tr:hover {

	background: rgba(235,245,251,0.8);

}

.fancy.no-hover tbody tr:hover {

  background-color: inherit;

}







/* ====================== SHOW HIDE ========================= */



.expandicon {

	padding: 5px;

	float: right;

	margin: -40px 0 0 0;

	color: #FFF;

	font-size: 10px;

	text-align: center;

	background-color: #006699;

	border-radius: 3px;

}

.expandiconfull {

	padding:0;

	margin:0;

	height:41px;

	color: #069;

	font-size: 14px;

	text-align: center;

	background: #ebebeb url(../images/expand-arrow.gif) center bottom no-repeat;

}

.expandicon:hover {

	background-color: #18356D;

}



.expand-title {

	cursor: pointer;

}

.expand-area {

	padding: 3px;

	background-color:#fcfcfc;

	background-image: -webkit-linear-gradient(rgba( 255, 255, 255, 1), rgba( 252, 252, 252, 1));

	background-image: linear-gradient(rgba( 255, 255, 255, 1),rgba( 252, 252, 252, 1));

}



/* ====================== Quotes ========================= */

#quotes { 

    margin: 0; 

    position: relative; 

}



#quotes > div { 

    position: absolute; 

    top: 0; 

    left: 0; 

}



/* ====================== BOXES ========================= */



.box-1, .box-1-3, .box-1-2, .box-2-3 { display:inline; float:left; margin-top:10px; margin-bottom:10px; margin-left:1%; margin-right:1%; padding:10px;}

.box-1 { width: 98%; } 

.box-1-3 { width: 31%;} 

.box-1-2 { width: 47.5%; }

.box-2-3 { width: 64%; } 

.l{ margin-left:0; }

.r{ margin-right:0; }



.nomargin { margin:0;}

.nopadding { padding:0;}



.box-1 h4, .box-1 h5, .box-1-3 h4, .box-1-3 h5, .box-1-2 h4, .box-1-2 h5, .box-2-3 h4, .box-2-3 h5 { line-height:1.0; margin-top:10px; }

.box-1 p, .box-1 p, .box-1-3 p, .box-1-3 p, .box-1-2 p { margin:0; padding:4px 0; }



.shadow {

	-webkit-box-shadow: 0px 0px 11px rgba(0,0,0,0.2);

	-moz-box-shadow:    0px 0px 11px rgba(0,0,0,0.2);

	box-shadow:         0px 0px 11px rgba(0,0,0,0.2);

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border:1px solid #f2f2f2;

}

.boxbackground {

	background: url(../images/boxbackground.png);

	border:1px solid #CCC;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

.fadebackground {

	background: rgba( 243, 252, 255, 0.9);

	background-image: -webkit-linear-gradient(rgba( 243, 252, 255, 0.9), rgba( 255, 255, 255, 1));

	background-image: linear-gradient(rgba( 243, 252, 255, 0.9),rgba( 255, 255, 255, 1));

	border:1px solid #CCC;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



.height100, .height-100 { height:100px; overflow:hidden }

.height150, .height-150 { height:150px; overflow:hidden }

.height180, .height-180 { height:180px; overflow:hidden }

.height200, .height-200 { height:200px; overflow:hidden }

.height225, .height-225 { height:225px; overflow:hidden }

.height250, .height-250 { height:250px; overflow:hidden }

.height275, .height-275 { height:275px; overflow:hidden }

.height300, .height-300 { height:300px; overflow:hidden }

.height350, .height-350 { height:350px; overflow:hidden }

.height400, .height-400 { height:400px; overflow:hidden }

.height500, .height-500 { height:500px; overflow:hidden }

.height600, .height-600 { height:600px; overflow:hidden }

.height700, .height-700 { height:700px; overflow:hidden }







/* ================================================================= 

::::::::::::::::::::::: Responsive settings  :::::::::::::::::::::::

================================================================== */

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

	#banner {

		max-height:480px;

	}

}

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

	.inner {

		padding:0px 5px;	

	}

	#banner {

		max-height:380px;

	}

	#logo {

		left:5px;

	}

	ul.nav li {

		font-size: 14px;

	}

	#banner .innertext {

		width: 95%;

		left:2%;

	}

	#banner H2 {

		font-size:38px;

		bottom:85px;

	}

}

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

	#banner {

		max-height:320px;

	}

	#logo {

		top:2px;

		width: 274px;

		height: 65px;

		-webkit-background-size: cover;

		-moz-background-size: cover;

		-o-background-size: cover;

		background-size: cover;

	}

	ul.nav li {

		font-size: 13px;

		padding:10px 3px;

	}

	ul.nav .has-submenu>a {

		background: url(../images/sub-arrow.png) no-repeat right;

		padding-right:15px;

	}

}

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

	#banner {

		max-height:300px;

	}
	
	ul.nav {
    position: absolute;
    margin-left: 275px;
}

	ul.nav li {

		padding:6px 3px;

	}

	ul.nav .has-submenu>a {

		background:none;

		padding-right:3px;

	}

	ul.nav li ul {

		padding: 0;

		position: absolute;

		top: 30px;

	}

	#banner H2 {

		font-size:30px;

		bottom:80px;

	}

	#banner .button {

		font-size:13px;

		padding:5px 7px;

		bottom:7px;

	}

}



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

	#menubar {

		display: none;

	}

}

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

	body {

		font: 12px Verdana, Arial, Geneva, sans-serif;

		line-height: 1.3;

	}



	.desktop {

		display:none;	

	}

	#content {

		margin:0;

		padding: 15px 10px;

	}

	.logo {

		margin: 50px 5px 5px 5px;

	}

	#footer2 {

		font-size:9px;

	}

	#footer2 .logo {

		width: 130px;

		height: 42px;

		-webkit-background-size: cover;

		-moz-background-size: cover;

		-o-background-size: cover;

		background-size: cover;

	}

	H1 {font-size : 28px;}

	H2, H3 {font-size : 22px;}

	H4, H5 {font-size : 18px;}

	H6 {font-size : 14px;}

	

	.small { font-size : 9px;}

	.medium { font-size : 13px;}

	.large { font-size : 15px;}

	.extralarge { font-size : 18px;}



	#banner H2 {

		font-size:20px;

		bottom:50px;

		letter-spacing:0;

	}

	#banner .button {

		font-size:12px;

		padding:4px 7px;

		bottom:2px;

	}

}







/* ||||||||||||| MOBILE MENUBAR START ||||||||||||| */

	#menubar {

	padding: 0;

	width: 100%;

	height: 41px;

	background-color: #003366;

	position: fixed;

	top: 0;

	z-index: 1000;

	box-shadow: 0 1px 7px rgba(0,0,0,0.4);

	}



	#menubar ul {

		margin: 0 auto;

		padding: 0;

		display: inline-block;

	}

	#menubar li {

		list-style: none;

		display: block;

		padding: 12px 9px;

		float: left;

		white-space:nowrap;

	}

	#menubar li:first-child {

		padding-left:0;

	}

	#menubar li:last-child {

		padding-right:0;

	}

	#menubar li a {

		padding: 10px 10px 0 0;

		color: #FFF;

		font: 16px Verdana, Arial, sans-serif;

		text-decoration: none;

	}

	#menubar li a:hover {

		color: #b2d7fb;

	}

	#menubar li a:active {

	color: #C90;

	}

	.menucontainer {

		text-align: center;

		margin: 0 auto;

	}

/* ||||||||||||| MOBILE MENUBAR END ||||||||||||| */



/* ===================================== MOBILE NAV =====================================*/



	#menuhead {

		display: block;

		width: 97%;

		margin:0 auto;

		padding: 10px;

		background-color: #003366;

		color:#FFF;

		font-size:14px;

		text-align:left;

		min-width:300px;

	}

	

	nav#mobilenav {

		display: inline-block;

		width: 97%;

		margin:0 auto;

		text-align: left;

		min-width:300px;

	}

	nav#mobilenav * {

		list-style-type: none;

		margin:0;

		padding:0;

	}

	nav#mobilenav ul li {

		display: block;

		min-height: 32px;

		line-height: 32px;

		height: auto;

		width: inherit;

		overflow: hidden;

		background: #003366;

		border-bottom: 1px solid rgba(255,255,255,0.2);

		font-family: Verdana, Arial, sans-serif;

		font-size: 12px;

	}

	nav#mobilenav ul li:last-child {

		border-bottom: none;

	}

	nav#mobilenav ul li a, #mobilenav ul li a:visited {

		text-decoration: none;

		text-transform: uppercase;

		color: #FFF;

		display: block;

		padding-left: 12px;

		padding-right: 12px;

	}

	nav#mobilenav ul li.has-submenu {

		background: #003366 url(../images/sub-arrow.png) right 10px no-repeat;

	}

	

	nav#mobilenav ul li>a:hover {

		color: #b2d7fb;

	}

	nav#mobilenav ul li ul {

		display: none;

		margin-left: -12px;

		margin-right: -12px;

		background: #0b4075 /*url(../images/shadow.png) repeat-x*/;

		-moz-box-shadow:    inset 0 10px 10px -10px rgba(0,0,0,0.8);

		-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);

		box-shadow:         inset 0 10px 10px -10px rgba(0,0,0,0.8);

	}

	nav#mobilenav ul li.active>ul {

		display: block;

	}

	nav#mobilenav ul li ul li {

		border-bottom: solid 1px #069;

		border-left: none;

		background: none;

		padding-left: 20px;

		font-size: 12px;

	}

	nav#mobilenav ul li ul li:first-child {

		background: url(../images/arrow.png) 20px 0px no-repeat;

	}

	nav#mobilenav ul li ul li:last-child {

		-moz-box-shadow:    inset 0 -10px 10px -10px rgba(0,0,0,0.8);

		-webkit-box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.8);

		box-shadow:         inset 0 -10px 10px -10px rgba(0,0,0,0.8);

	}

	nav#mobilenav ul li ul li a:hover {

	color: #b2d7fb;

	}

	nav#mobilenav ul li:hover ul {

		/*display: block;*/

	}







.details-block input, .details-block select, .reg-block input, .reg-block select {

	width:75%;

}

.fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened {

    overflow: visible!important;

}

#contentcol {
   
   
   width: 100%;
   
   padding: 20px;
}

#left, #right {
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
    height: 100%;
}

body{margin:0}

#left {
    vertical-align: top;
    margin-right: 8%;
}

#right {
vertical-align: top;
    
}

.module-text {
    min-height: 360px;
}