@charset "UTF-8";

@font-face {
 font-family: OpenSans-RegularEOT;
 src: url("fonts/OpenSans-Regular.eot") /* IE */
}
@font-face {
 font-family: OpenSans-RegularTTF;
 src: url("fonts/OpenSans-Regular.ttf") /* other browsers */
}
@font-face {
 font-family: OpenSans-LightEOT;
 src: url("fonts/OpenSans-Light.eot")
}
@font-face {
 font-family: OpenSans-LightTTF;
 src: url("fonts/OpenSans-Light.ttf")
}
@font-face {
 font-family: OpenSans-SemiboldEOT;
 src: url("fonts/OpenSans-Semibold.eot")
}
@font-face {
 font-family: OpenSans-SemiboldTTF;
 src: url("fonts/OpenSans-Semibold.ttf")
}
@font-face {
 font-family: OpenSans-BoldEOT;
 src: url("fonts/OpenSans-Bold.eot")
}
@font-face {
 font-family: OpenSans-BoldTTF;
 src: url("fonts/OpenSans-Bold.ttf")
}

body {
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size: 16px;
   color: #787878;
   background: #f8f8f8;
   overflow-x:hidden;
   margin:0px 0px 0px 0px;
   padding: 0 0px; 
}

html {overflow-y: scroll;} /* always a scrollbar to avoid horizontal jumps with short (and by consequence narrow) pages */

#header {
   background-color:#FFFFFF;
   height:238px;
   width:1070px;  /* width of white box + width of green box */
   margin-left:auto;
   margin-right:auto;
   position:relative; right:90px;     /* entire page moved to left for centering on phones #header #bannerouterwrapper #center #footerwrapper */
}

.listcontents.listcontentswrapper {
   width:1860px;  /* width of header image + width of green box */
   height:238px;
   margin-left:auto;
   margin-right:auto;
   clear:both;
}

ul.listcontents,ul.listcontents li {
   margin:0px;
   padding:0px;
   list-style-type:none;
}

ul.listcontents li {
   float:left;
}

#headerimage {
   width:1650px;  /* width of header image */
   height:238px;
   background: url("images/header.png") no-repeat left top;
}

.greenbox {
   width:210px;   /* width of green box, this influences other values here  */
   background-color:#009A9A;
   float:left;
}

.whitebox {
   background-color:#FFFFFF;
   width:860px;        /* fixed size of whitebox area */ 
   margin-left:210px;  /* width of green box */
}

#bannerouterwrapper {
   width:100%;
   background-color:#1c3664;
   position:relative; right:90px;    /* entire page moved to left for centering on phones #header #bannerouterwrapper #center #footerwrapper */
}
#bannerwrapper {
   width:1070px;       /* width of white box + width of green box */
   margin-left:auto;
   margin-right:auto;
}
.banner {
   width:1860px;      /* width of header image + width of green box */
   overflow:hidden;
   background-color:#1c3664;   /* shouldnt be needed because its in outerwrapper but chrome on android phone wants it */ 
}

#center {
   padding: 0 0px; 
   width: 100%;
   position:relative; right:90px;     /* entire page moved to left for centering on phones #header #bannerouterwrapper #center #footerwrapper */
}

.centerwrapper {
   width:1070px;      /* width of white box + width of green box */
   margin-left:auto;
   margin-right:auto;
}

#footerwrapper {
   position:relative; right:90px;     /* entire page moved to left for centering on phones #header #bannerouterwrapper #center #footerwrapper */
}
#footer {
   clear:both;
   height:100px;
   width:1070px;      /* width of white box + width of green box */
   margin-left:auto;
   margin-right:auto;
   position:relative; left:220px;   /* width of green box + 10 */
}
ul.footercontents,ul.footercontents li {
   margin:0px;
   padding:0px;
   list-style-type:none;
}
ul.footercontents li {
   float:left;
}

.bannertext {
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size: 16px;
   color: #fff;
}

.bannertext h1 {
   margin: 0px 0px 4px 0px;
   font-family: OpenSans-LightEOT, OpenSans-LightTTF, Arial, sans-serif;
   font-size: 16px;
   line-height: 30px;
   color: #fff;
   letter-spacing: 2.0px;
}

#line {
   padding-bottom:4px;
   border-bottom:1px solid #bcbcbb;
}


.bannertext.homeBanner h2 {
   font-family: OpenSans-LightEOT, OpenSans-LightTTF, Arial, sans-serif;
   font-size: 18px;
   color: #bcbcbb;
   margin-top: 0px;
   line-height: 30px;
   margin-bottom: 0px;
   padding-top: 2px;
   padding-bottom: 20px;
   width:460px;
}

.bannertext.homeBanner h2 span {
   font-size: 18px;
   color: #fff;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
}
.bannertext h3 {
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size: 16px;
   color: #fff;
}
.bannertextother {
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size: 16px;
   color: #fff;
}

.listcolumn {
   display:block;
   float:left;
   clear:left;
   height:35px;
}

.listservices {
   margin:0px 0px 12px 0px;
   list-style-type: disc;
}

.listnetwork {
   position:relative; right:40px;
   height:26px;
   list-style-type: none;
}

.listcontact {
   height:24px;
   list-style-type:none;
}

.hometext {
   font-size: 16px;
   color: #1c3665;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
}

.networktext {
   font-size: 16px;
   color: #1c3665;
   font-family: OpenSans-SemiboldEOT, OpenSans-SemiboldTTF, Arial, sans-serif;
}

.text, text p {
   font-size: 16px;
   color: #787878;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
}

.text h4 {
   font-size: 18px;
   color: #009A9A;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   margin: 0px 0px -6px 0px;
}
  
.text h5 {
   font-size: 20px;
   color: #1c3664;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   margin: 0px 0px 10px 0px;
}

.text h6 {
   color: #009898;
   font-family:  OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   text-align: center;
   font-size: 16px;
   margin: 0px 0px 0px 0px;
}

.text p.quote {
   background: url(images/quote-left.png) no-repeat;
   background-position: left 6px;
   padding-left: 18px;
   padding-right: 18px;
   margin-left: -18px;
}

.text span.quote {
   background: url(images/quote-right.png) no-repeat;
   background-position: right 6px;
   padding-right: 18px;
}

.text span.testimony {
   font-size: 14px;
   color: #1b3664;
   font-family: OpenSans-LightEOT, OpenSans-LightTTF, Arial, sans-serif;
}
  
a {text-decoration:none;}
a:link, a:visited, a:active {text-decoration: none}
a:focus {outline: none;}

.activecursor {cursor:pointer; cursor:hand;}

.link {
   text-decoration:none;
   color:#01999A;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size:16px;
}
.link:hover {
   color:#bbbbba;
}
.linkmedium {
   text-decoration:none;
   color:#01999A;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size:12px;
 }
.linkmedium:hover {
    color:#bbbbba;
}
.linksmall {
   text-decoration:none;
   color:#01999A;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size:10px;
}
.linksmall:hover {
    color:#bbbbba;
}
 
.csalogo, li.csalogo a {
   color: #787878;
   font-size: 12px;
   text-align: center;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
}

.smallfootertext {
   color:#019A9A;
   font-size: 10px;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
}   

.mediumfootertext, li.mediumfootertext a {
   color:#019A9A;
   font-size: 12px;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
}   

#submitquestionnairebutton {
   background-color:#009A9A;
   color:#FFFFFF;
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   border-style:outset; 
   border-color:#000000;
   cursor:pointer; cursor:hand;
}
#submitquestionnairebutton:hover {
   background-color:#1c3664;
   color:#FFFFFF;
}

#formmessagebox {
   position:relative;
   width:400px;
   height:100px;
   margin-top:50px;
   border:2px solid #009A9A;
   background-color:#f8f8f8;
   background-image:url("images/check.png");
   background-repeat:no-repeat;
   background-position:10px 16px;
   text-align:center;
   visibility:hidden;
}
#formmessagebox p {
   font-family: OpenSans-RegularEOT, OpenSans-RegularTTF, Arial, sans-serif;
   font-size:12pt;
   height:50px;
   padding-left:5px;
   margin-left:90px;
   margin-right:10px;
   text-align:left;
}