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

/* 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:#0d337f; margin-bottom:12px; padding:0 0 6px 0;}
h2 {font-size:1.25em; font-weight:400; margin: 10px 0; color:#0d337f; 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;}
h2.home {font-size:1.6em; 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:#0d337f;}
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-new.jpg); background-repeat:no-repeat; background-position:center; background-color:#1c5489;}
#topArea {max-width:854px; margin:0 auto; padding-top: 30px; min-height:140px;}
#topLogo {text-align:left; float:left;}
#topLogo img {width:96px; float:left; margin-right:30px; margin-left:20px; border:1px #ffffff solid;}
#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-bubble3.png); text-align:center; line-height:28px; color:#BFDAF4; background-repeat:no-repeat; margin-top:5px; font-size:1.25em; margin-right:10px; float:right;}
#topContact span.call { line-height:18px;}
#topContact a:link, #topContact a:visited {color:#BFDAF4; text-decoration:none;}
#topContact a:hover, #topContact a:focus {color:#468acb; 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: 300px; margin-bottom:20px; }
#content { width:100%; max-width:990px;	float:left; background-color:#e6e6e6; border-radius:20px; padding:0px; }
#contentText { float:left; padding:30px 5% 30px 5%; text-align:left; width:55%; background-color:#ffffff; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
#leftPanel { width:25%; height:100%; position:relative; float:right; padding:30px 5% 30px 5%; text-align:center;  background-color:#e6e6e6; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
#main2 { max-width:990px; margin:25px auto 20px;}

/* Specifics */
.green { color:#0d337f;}
.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;}

@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; }
  #topContact { margin: 0px auto; float:none; clear:both; }
  #main2 { max-width:990px; margin:15px auto 20px; }
  #content { max-width:990px; float:left; background-color:#ffffff; border-radius:20px; min-height:350px; padding:5px;}
  #contentText {float:left; padding:5%; text-align:left; width:90%; background-color:#ffffff; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
  #leftPanel {width:90%; padding:0 5% 5%; text-align:center; background-color:#ffffff; border-bottom-right-radius: 20px;}
}

@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; width:100%;}
  #topContact { margin: 0px auto; float:none; clear:both; }
  #main2 { width:96%; margin:15px auto 20px; }
  #content { max-width:990px;float:left; background-color:#ffffff; border-radius:20px; min-height:350px; padding:0px;}
  #contentText { float:left; padding:5%; text-align:left; width:90%; background-color:#ffffff; border-radius: 20px; }
  #leftPanel { width:90%; padding:0 5% 5%; text-align:left; background-color:#ffffff; border-radius: 20px; }
}

@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; }
  #main2 { width:96%; margin:15px auto 20px; }
}

@media screen and (min-width: 1010px) {
	#topLogo { width:550px;}
}