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

/* Responsive menu */
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle {border: 1px solid rgba(0, 0, 0, 0); float: right; padding: 7px 5px; position: relative; margin-bottom: 1px;}
.navbar-toggle .icon-bar {border-radius: 10px; display: block; height: 4px; width: 30px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.navbar-default .navbar-toggle { background-color: #1e1933;}
button {font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; text-transform: none; line-height: normal; margin: 0;}
.navbar-header { display:none; }
.navbar-header:before, .navbar-header:after {content: " "; display: table;}
.navbar-header:after { clear: both; }
.navbar-collapse {max-height: 340px; padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch;}
.navbar-collapse.in {overflow-y: auto;}

@media screen and (max-width: 780px) {
  .navbar-header {background-color: inherit; display: block; float: none; margin-left: 0px; width: 100%;}
}
@media (min-width: 779px) {
  #nav ul .navbar-collapse { width: auto; border-top: 0; box-shadow: none;}
  .mn-colapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
  .navbar-collapse.in {overflow-y: auto;}
  .navbar-collapse .navbar-nav.navbar-left:first-child {margin-left: 0px;}
  .navbar-collapse .navbar-nav.navbar-right:last-child {margin-right: 0px;}
  .navbar-collapse .navbar-text:last-child {margin-right: 0;}
  .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0;}
  .navbar-toggle {display: none;}
}

/* Default Styles */

* {	margin:0; padding:0;}
html, body {height:100%;}
body {
  background-color:#BFDAF4; 
  color:#666; 
  font:1em; 
  font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif; 
  font-weight:400; 
  text-align:center; /* horizontal centering for IE Win quirks */
  }
  
img, p, ul, li, hi, h2, h3, h4, blockquote { 
  border:0; 
  margin:0; 
  padding:0; 
  font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
  }

h1 {font-size:2em; font-weight:400; color:#42A50E; margin-bottom:12px; padding:0 0 6px 0;}
h2 {font-size:1.25em; font-weight:400; margin: 10px 0; color:#42A50E; padding:0; text-align:left;}
h3 {font-size:1.1em; font-weight:400; margin:0 0 5px 0; padding:4px 0 0 0; color:#000;}
h4 {font-size:1em; font-weight:400; margin: 10px 0 5px; color:#BBB; padding:0 0 6px 0;}
h1.home {font-size:2em; text-align:left;}

p {	
  font-size:1em; 
  padding-bottom:12px; 
  margin-bottom:0; 
  line-height:23px; 
  text-align:left;
  }
  
p.small {font-size: 0.8em;}
p.calltoaction {border:1px solid #BBB; padding:15px 25px; margin-top:10px; border-radius:20px; text-align:center; color:#468ACA; font-size:1.4em; line-height:28px;}
ul {margin:0 0 0 20px; padding:0px; text-align:left; }
li {margin:0; padding:0 0 4px 5px; font-size:1em;}
li span.smaller { font-size:0.8em; color:#BBB;}
blockquote {padding-left:30px;}
blockquote.border {border:1px solid #BBB; padding:16px 30px; margin-bottom:25px;}

a:link, a:visited {text-decoration:underline; color:#444;}
a:hover, a:active, a:focus {text-decoration:none; color:#42A50E;}

strong {font-weight:700;}

/* Structure */
#container {width:100%;margin: 0px auto 20px auto;border: 0px;}

#topBanner {width:100%; clear:both; background-image:url(../_images/top-background-large.jpg); background-repeat:no-repeat; background-position:center; background-color:#1c5489;}

#topArea {max-width:854px; margin:0 auto; padding-top: 30px;}

#topLogo img {width:108px; float:left; margin-right:30px; padding-left:20px;}
#topLogo h1 { color:#BFDAF4; font-size:2.5em; padding:12px 0 0; margin:0; font-weight:700;}
#topLogo h1 span.small { font-size:0.35em; color:#BFDAF4; letter-spacing:1px; font-weight:400;}
#topLogo h4 { color:#BFDAF4; letter-spacing:1px; margin:0; padding:0; line-height:18px; }

#topContact {width:181px; height:77px; padding:10px; background-image:url(../_images/contact-bubble.png); text-align:center; line-height:28px; color:#BFDAF4; background-repeat:no-repeat; margin-top:5px; font-size:1.25em;}
#topContact span.call { line-height:18px;}
#topContact a:link, #topContact a:visited {color:#BFDAF4; text-decoration:none;}
#topContact a:hover, #topContact a:focus {color:#42A50E; text-decoration:none;}




#main {	width:100%; background-image:url(../_images/back-gradient.jpg); background-repeat:repeat-x; float:left; clear:both; position: relative; min-height: 400px; }

#content { 
  max-width:990px;	
  float:left; 
  background-color:#e6e6e6; 
  border-radius:20px; 
  min-height:350px; 
  padding:0px; 
  }

#contentText {
  float:left; 
  padding:40px 6% 40px 6%; 
  text-align:left; 
  width:50%; 
  background-color:#ffffff; 
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;  
  }

#leftPanel {
  width:32%; 
  height:100%; 
  position:relative; 
  float:right; 
  padding:40px 3% 40px 3%; 
  text-align:center; 
  background-color:#e6e6e6; 
  border-top-right-radius: 20px; 
  }
  
#leftPanel.text {padding:5%;}
#leftPanel img {width:100%; border:1px; max-width:264px;}
#leftPanel img.cross {width:100%; max-width:200px;}
/*#leftPanel img {border-radius:12px;}*/

/* Specifics */
.green { color:#42A50E;}
.blue { color:#468ACA;}
.lightblue { color:#BFDAF4;}
.right { float:right;}
.right2 {float:right; max-width:250px;}
.centre { text-align:center; }
.left { float:left;}

.clear { width:100%; height:1px; clear:both;}
.clearLine { width:100%; height:30px; border-top:1px solid #006DB4; clear:both;}

.form1 {border:1px solid #CCC; padding:15px; max-width:490px; margin-top:15px; text-align:left;}
.send { margin:0px; padding:2px; border:#666 1px solid; background-color:#CCC; cursor:pointer;
	font-size:12px; color:#666; font-weight:bold; font-family:Georgia, Times, serif;}
input {border:#CCC 1px solid; margin-bottom:10px; padding:3px; vertical-align:middle;}
label input {border:0px; margin:0px;}
textarea {border:#CCC 1px solid; margin-bottom:10px;}
select {border:#CCC 1px solid; margin-bottom:10px;}

.map { width:100%; }

.h_iframe        {position:relative; padding-top: 100%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:94%;}

.wayne {display:none;}

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

  #topArea {padding: 0px 0px 20px 0px;}

  #topLogo {
    margin: 0px auto;
    float:none;
    padding:10px 10px 20px 10px;
    text-align:center;
    }

  #topLogo img {display:none;}

  #topContact { 
    margin: 0px auto;
    float:none;
    clear:both;
    }

	#nav {
	  width:100%; 
	  float:left; 
	  position:relative; 
	  font-size:17px; 
	  float:none; 
	  line-height:17px; 
	  clear:both; 
	  margin-bottom:0px; 
	  padding:0;
	  }
	
	#nav ul {padding:0; margin:0; width:100%; float:none; display:none; }
	#nav ul li {padding:0; text-align:left; display:block; border-left:0; border-bottom: 1px solid #1c436c; width:100%;}
	#nav ul li a { width:95%; padding:15px; display:block; font-size:1.2em; text-decoration:none;}
	#nav ul li a:hover {background-color:#1c436c; color:#FFF; }
	#nav ul li.active { width:95%; display:block; padding:15px; font-size:1.2em; font-weight:bold;}

  .homeImg1 {width:100%; border-top-left-radius:12px; border-top-right-radius:12px;}
  .homeImg2 {display:none;}
  .homeImg3, .homeImg4 {margin:0 auto; text-align:center;}
  .homeImg3 {padding:13px 0 14px;}
  .homeImg4 {padding:8px 0 8px;}
  .greyTop {width:100%; background-color:#DDD; text-align:center;}

  #homeHeader {
    width:100%; 
    background-color:#FFF; 
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    clear:both;
    }

  #content.home { max-width:970px; padding:10px; background-image:none; background-color:#ffffff; }
  #main2 { max-width:990px; margin:15px auto 20px; }

  #contentTexthome {
    margin-bottom: 20px; 
    padding: 30px 10px;
    }

  #content { 
    max-width:990px;	
    float:left; 
    background-color:#ffffff; 
    border-radius:20px; 
    min-height:350px; 
    padding:5px; 
    }

  #contentText {
    float:left; 
    padding:15px; 
    text-align:left; 
    width:90%; 
    background-color:#ffffff; 
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;  
    }

  #leftPanel {
    width:85%; 
    padding:20px; 
    text-align:center; 
    background-color:#ffffff; 
    border-bottom-right-radius: 20px; 
    }


  #leftPanel.text {padding:5%;}
  #leftPanel img {max-width:264px; border:1px;}
  #leftPanel img.cross {width:100%; max-width:200px;}
  /*#leftPanel img {border-radius:12px;}*/

  .leftText { position:relative; padding-bottom:20px; }
  .rightText { position:relative; padding-bottom:20px; }

  .box { background-color:#DDD; width:100%; padding-bottom:20px; margin-bottom:20px;}
  .box h3 {display:block; width:95%; background-color:#468ACA; color:#FFF; padding:4px 0 5px 5%; font-weight:700;}
  .box p {padding:0 5%; font-size:1em; line-height:21px;}

  #footer1 {width:100%; clear:both; margin-top:23px;}
  #footer2 {max-width:990px; margin:0 auto; padding:10px; clear:both; text-align:center; line-height:1.8em; letter-spacing:1px;}
  #footer2 .credit {font-size:0.7em;}
  #footer2 a:link, #footer2 a:visited {text-decoration:none;color:#666;}
  #footer2 a:hover, #footer2 a:active, #footer2 a:focus {text-decoration:underline;color:#333;}

}

@media screen and (min-width: 569px) and (max-width: 700px) {

  .homeImg1 {border-top-left-radius:12px; background-color:#fff; display:none;}
  .homeImg2 {display:none;}
  .homeImg3, .homeImg4 {margin:0 auto; text-align:center;}
  .homeImg3 {padding:13px 0 14px;}
  .homeImg4 {padding:8px 0 8px;}
  .greyTop {width:100%; background-color:#DDD; text-align:center; }
  .corner {border-top-left-radius:12px; border-top-right-radius:12px;}
  .wayne {display:block; float:left; padding:10px;}

  #homeHeader {
    width:100%; 
    background-color:#FFF; 
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    clear:both;
    text-align:left;
    }

	#nav {
	  width:100%; 
	  float:left; 
	  position:relative; 
	  font-size:17px; 
	  float:none; 
	  line-height:17px; 
	  clear:both; 
	  margin-bottom:0px; 
	  padding:0;
	  }
	
	#nav ul {padding:0; margin:0; width:100%; float:none; display:none; }
	#nav ul li {padding:0; text-align:left; display:block; border-left:0; border-bottom: 1px solid #1c436c; width:100%;}
	#nav ul li a { width:95%; padding:15px; display:block; font-size:1.2em; text-decoration:none;}
	#nav ul li a:hover {background-color:#1c436c; color:#FFF; }
	#nav ul li.active { width:95%; display:block; padding:15px; font-size:1.2em; font-weight:bold;}

}

@media screen and (min-width: 701px) and (max-width: 779px) {

  .homeImg1 {float:left; margin-right:6px; border-top-left-radius:12px;}
  .homeImg2 {display:none;}
  .homeImg3, .homeImg4 {margin:0 auto; text-align:center;}
  .homeImg3 {padding:13px 0 14px;}
  .homeImg4 {padding:8px 0 8px;}
  .greyTop {width:340px; background-color:#DDD; float:right; height:78px;}
  .greyTop.corner {border-top-right-radius:12px; margin-bottom:6px; height:96px;}

  #homeHeader {
    max-width:970px; 
    float:left; 
    background-color:#FFF; 
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    clear:both;
    padding-bottom:30px;
    }

	#nav {
	  width:100%; 
	  float:left; 
	  position:relative; 
	  font-size:17px; 
	  float:none; 
	  line-height:17px; 
	  clear:both; 
	  margin-bottom:0px; 
	  padding:0;
	  }
	
	#nav ul {padding:0; margin:0; width:100%; float:none; display:none; }
	#nav ul li {padding:0; text-align:left; display:block; border-left:0; border-bottom: 1px solid #1c436c; width:100%;}
	#nav ul li a { width:96%; padding:15px 3% 15px 3%; display:block; font-size:1.2em; text-decoration:none;}
	#nav ul li a:hover {background-color:#1c436c; color:#FFF; }
	#nav ul li.active { width:96%; display:block; padding:15px 3% 15px 3%; font-size:1.2em; font-weight:bold;}

} 

@media screen and (min-width: 569px) and (max-width: 779px) {

  #topArea {padding: 0px 0px 20px 0px; min-height:140px;}

  #topLogo {
    margin: 0px auto;
    float:none;
    padding:10px 10px 20px 10px;
    text-align:left;
    }

  #topContact { 
    margin: 0px auto;
    float:none;
    clear:both;
    }



  #content.home { margin:0px auto; padding:10px; background-image:none; background-color:#ffffff;}
  #main2 { width:96%; margin:15px auto 20px; }

  #contentTexthome {
    margin-bottom: 20px; 
    padding: 30px 10px;
    }

  #content { 
    max-width:990px;	
    float:left; 
    background-color:#ffffff; 
    border-radius:20px; 
    min-height:350px; 
    padding:0px; 
    }

  #contentText {
    float:left; 
    padding:20px; 
    text-align:left; 
    width:90%; 
    background-color:#ffffff; 
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;  
    }

  #leftPanel {
    width:90%; 
    padding:20px; 
    text-align:center; 
    background-color:#ffffff; 
    border-bottom-right-radius: 20px; 
    }

  #leftPanel.text {padding:5%;}
  #leftPanel img {max-width:264px; border:1px;}
  #leftPanel img.cross {width:100%; max-width:200px;}
  /*#leftPanel img {border-radius:12px;}*/

  #homeBottom {max-width:870px; clear:both;}

  .leftText { position:relative; padding-bottom:20px; }
  .rightText { position:relative; padding-bottom:20px; }

  .box { background-color:#DDD; width:100%; padding-bottom:20px; margin-bottom:20px;}
  .box h3 {display:block; width:95%; background-color:#468ACA; color:#FFF; padding:4px 0 5px 5%; font-weight:700;}
  .box p {padding:0 5%; font-size:1em; line-height:21px;}

  #footer1 {width:100%; clear:both; margin-top:23px;}
  #footer2 {max-width:990px; margin:0 auto; padding:20px; clear:both; text-align:center; line-height:25px; letter-spacing:1px;}
  #footer2 .credit {font-size:0.7em;}
  #footer2 a:link, #footer2 a:visited {text-decoration:none;color:#666;}
  #footer2 a:hover, #footer2 a:active, #footer2 a:focus {text-decoration:underline;color:#333;}


}


@media screen and (min-width: 780px) and (max-width: 1009px) {

  #topArea {min-height:140px;}
  #topLogo {text-align:left; float:left; width:550px;}
  #topContact { margin-right:10px; float:right; }
  
  #navMain {width:100%; background-color:#FFF; clear:both; }
  #nav {max-width:990px; margin:0 auto; text-align:center;}
  #nav span {text-align:center;}
  #nav ul { margin:0 auto; list-style:none; color:#42A50E; font-weight:700; letter-spacing:1px; text-align:center;}
  #nav ul li {margin:0; padding:0 20px; height:45px; line-height:45px; font-size:1.25em; display:inline; text-align:center; border-left:1px solid #468ACA}
  #nav ul li.first { border-left:0px;}
  #nav ul li a { color:#468ACA; text-decoration:none; display:inline; font-weight:400;}
  #nav ul li a:hover, #nav ul li a:focus { text-decoration:none; color:#42A50E;}
  #nav ul li.active { color:#42A50E; }
  #nav ul li.active a { color:#42A50E; font-weight:700; }
  #nav ul li.active a:hover, #nav ul li.active a:focus { display:inline-block; text-decoration:underline;}

  .homeImg1 {float:left; margin-right:6px; border-top-left-radius:12px;}
  .homeImg2 {display:none;}
  .homeImg3, .homeImg4 {margin:0 auto; text-align:center;}
  .homeImg3 {padding:13px 0 14px;}
  .homeImg4 {padding:8px 0 8px;}
  .greyTop {width:340px; background-color:#DDD; float:right; height:78px;}
  .greyTop.corner {border-top-right-radius:12px; margin-bottom:6px; height:96px;}

  #homeHeader {
    width:100%; 
    background-color:#FFF; 
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    clear:both;
    }

  #content.home { margin:0px auto; padding:10px; background-image:none;  background-color:#ffffff;}
  #main2 { width:96%; margin:15px auto 20px; }

  #contentTexthome {max-width:870px; position:relative; float:left; margin-bottom:20px; padding:30px 40px 30px 10px;}
  .leftText { position:relative; padding-bottom:20px; }
  .rightText { position:relative; padding-bottom:20px; }

  #homeBottom {max-width:870px; clear:both;}

  .box {background-color:#DDD; margin-right:6px;  width:33%; float:left; padding-bottom:15px;}
  .box.last {margin-right:0; width:32%;}
  .box h3 {display:block; width:95%; background-color:#468ACA; color:#FFF; padding:4px 0 5px 5%; font-weight:700; height:3em;}
  .box p {padding:0 5%; font-size:1em; }

  #footer1 {width:100%; clear:both; margin-top:23px;}
  #footer2 {max-width:990px; margin:0 auto; padding:20px; clear:both; text-align:center; line-height:25px; letter-spacing:1px;}
  #footer2 .credit {font-size:0.7em;}
  #footer2 a:link, #footer2 a:visited {text-decoration:none;color:#666;}
  #footer2 a:hover, #footer2 a:active, #footer2 a:focus {text-decoration:underline;color:#333;}

}

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

  #topArea {min-height:140px;}
  #topLogo {text-align:left; float:left; width:550px;}
  #topContact { margin-right:10px; float:right; }
  
  #navMain {width:100%; background-color:#FFF; clear:both; }
  #nav {max-width:990px; margin:0 auto; text-align:center;}
  #nav span {text-align:center;}
  #nav ul { margin:0 auto; list-style:none; color:#42A50E; font-weight:700; letter-spacing:1px; text-align:center;}
  #nav ul li {margin:0; padding:0 20px; height:45px; line-height:45px; font-size:1.25em; display:inline; text-align:center; border-left:1px solid #468ACA}
  #nav ul li.first { border-left:0px;}
  #nav ul li a { color:#468ACA; text-decoration:none; display:inline; font-weight:400;}
  #nav ul li a:hover, #nav ul li a:focus { text-decoration:none; color:#42A50E;}
  #nav ul li.active { color:#42A50E; }
  #nav ul li.active a { color:#42A50E; font-weight:700; }
  #nav ul li.active a:hover, #nav ul li.active a:focus { display:inline-block; text-decoration:underline;}

  .homeImg1 {float:left; margin-right:6px; border-top-left-radius:12px;}
  .homeImg2 {float:left;}
  .homeImg3, .homeImg4 {margin:0 auto; text-align:center;}
  .homeImg3 {padding:13px 0 14px;}
  .homeImg4 {padding:8px 0 8px;}
  .greyTop {width:340px; background-color:#DDD; float:right; height:78px;}
  .greyTop.corner {border-top-right-radius:12px; margin-bottom:6px; height:96px;}

  #homeHeader {
    width:970px; 
    float:left; 
    background-color:#FFF; 
    border-top-left-radius:10px; 
    border-top-right-radius:10px; 
    clear:both;
    }

  #contentTexthome {max-width:870px; position:relative; float:left; margin-bottom:20px; padding:30px 50px 20px;}
  .leftText {max-width:420px; position:relative; float:left; padding-bottom:20px; }
  .rightText {max-width:420px; position:relative; float:right; padding-bottom:20px; }

  #homeBottom {max-width:870px; clear:both;}
  .box {background-color:#DDD; margin-right:6px; height:144px; width:33%; float:left;}
  .box.last {margin-right:0; width:32%;}
  .box h3 {display:block; width:95%; background-color:#468ACA; color:#FFF; padding:4px 0 5px 5%; font-weight:700;}
  .box p {padding:0 5%; font-size:1em; line-height:21px;}

  #footer1 {width:100%; clear:both; margin-top:23px;}
  #footer2 {max-width:990px; margin:0 auto; padding:6px 0; clear:both; text-align:center; line-height:25px; letter-spacing:1px;}
  #footer2 .credit {font-size:0.7em;}
  #footer2 a:link, #footer2 a:visited {text-decoration:none;color:#666;}
  #footer2 a:hover, #footer2 a:active, #footer2 a:focus {text-decoration:underline;color:#333;}

  #content.home { max-width:970px; padding:10px; background-image:none; clear:both; background-color:#ffffff;}
  #main2 { max-width:990px; margin:15px auto 20px; }
  
}