html, body { /* Sets up the document and removes auto 10px margin at top of page*/
margin:0;
padding:0;
}
body{ /* Sets up the page and aligns everything to center */
padding:0;
margin:0 auto 0;/* makes MOZ center everything*/
width: 771px;
text-align:center; /* makes IE center everything*/
background:#fff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 78%;
color:#1F4076;
line-height:140%;
background: url(/assets/images/shadows.jpg) top center no-repeat;
}
#container{
float:left;
margin:0px 6px 0px 6px;
text-align:left;
}
a:link, a:active, a:visited{
color:#CC6C02;
text-decoration:none;
}
a:hover{
color:#1F4076;
text-decoration:underline;
}
img{
border:0px;
}
/* --------------------- Deep background blue #356BC6 -------------------*/
/* -------------------- orange text colour #CC6C02 -------------------*/
/* -------------------- dark blue used for body copy #1F4076 -------------------*/
/* -------------------- dark blue used the footer background #1F4076 -------------------*/
/* -------------------- grey blue used in the right feature box background #BCC9DF ------------------- */
#header{ /* -------------------- the header area -------------------*/
width:760px;
float:left;
margin:0px 0px 0px 0px;
background: url(/assets/images/waves.gif) top left no-repeat #356BC6;
font-family: arial, verdana, helvetica, sans-serif;
}
#header img{
float:left;
margin:10px 10px 38px 1px;
}
#header h1{
float:left;
margin:10px 0px 00px 0px;
color:#CC6C02;
font-size:1.4em;
}
#header h2{
float:right;
margin:5px 0px 0px 0px;
padding:0px 0px 8px 0px;
font-size:1.4em;
line-height:140%;
}
#header h2 a{
color:#1F4076;
background: url(/assets/images/phoneIcon.gif) 0px 4px no-repeat ;
padding:6px 0px 8px 26px;
}
#header ul{
width:760px;
float:left;
list-style-type:none;
margin:10px 0px 0px 0px;
padding:0px;
}
#header ul a{
color:#fff;
font-weight:bolder;
}
#header ul li{
float:left;
display:inline;
margin:0px 13px 6px 13px;
}
#header ul .home{
float:right;
}
#header .home a{
color:#E5D3BA;
}
#header .current a{
color:#9EB9E4;
}
#content{ /* -------------------- the contnent -------------------*/
width:760px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
background-color:#356BC6;
background:url(/assets/images/mainBottomCurve.gif) bottom left no-repeat #356BC6;
border-top:7px solid #356BC6;
}
#tabs{ /* -------------------- the tabs on the sub page -------------------*/
float:left;
width:737px;
}
#tabs ul{
list-style-type:none;
margin:0px 0px 0px 11px;
padding:0px;
}
#tabs ul li{
display:inline;
margin:0px 1px 0px 0px;
padding:00px 12px 2px 00px;
background:url(/assets/images/tabRight.gif) top right no-repeat;
float:left;
border-bottom:#356BC6 1px solid;
}
#tabs ul li a{
float:left;
background:url(/assets/images/tab.gif) top left no-repeat;
padding:2px 0px 0px 12px;
font-weight:bolder;
font-size:.9em;
font-family: arial, verdana, helvetica, sans-serif;
}
#tabs ul .currentTab{
background:url(/assets/images/tabOverRight.gif) top right no-repeat;
border-bottom:#EBF0F9 1px solid;
}
#tabs ul .currentTab a {
background:url(/assets/images/tabOver.gif) top left no-repeat;
color:#003366;
}
#left{ /* -------------------- the left content coll -------------------*/
float:left;
margin:0px 12px 0px 11px;
padding: 0px;
/* border: 1px solid #999; */
}
#headlineBox{ /* -------------------- the faeture box onthe home page -------------------*/
width:498px;
position: relative;
margin:0px 0px 10px 0px;
padding: 0px;
background:url(/assets/images/headlinePhoto.jpg) top left no-repeat;
}
#headlineContainer{
width:498px;
margin:0px;
background:url(/assets/images/headlineCurve.gif) bottom left no-repeat;
}
#headlineBox h1{
margin:0px;
font-weight:normal;
font-size:1.5em;
/* margin:20px 160px 20px 16px; */
padding:20px 160px 20px 16px;
line-height:130%;
font-family: arial, verdana, helvetica, sans-serif;
}
#headlineBox h1 a:link, #headlineBox h1 a:active, #headlineBox h1 a:visited{
color:#fff;
/*background:url(/assets/images/bigArrow.gif) bottom right no-repeat;*/
display:block;
}
#headlineBox h1 a:hover{
color:#fff;
/*background:url(/assets/images/bigArrowOrange.gif) bottom right no-repeat;*/
display:block;
}
#leftContent{
width:498px;
float:left;
background:url(/assets/images/topCurve.gif) top left no-repeat #EBF0F9;
margin: 0px;
padding: 0px;
}
#left .withTabs{ /* -------------------- swaps the curve over on the top of the left coll for the tabs -------------------*/
background:url(/assets/images/topCurveTabs.gif) top left no-repeat #EBF0F9;
}
#left .subPage h1{ /* ----------------formatts the sub page headers and p's----------*/
font-size:1.6em;
margin:14px 10px 10px 14px;
font-family: arial, verdana, helvetica, sans-serif;
font-weight:normal;
}
#left .subPage h2{ /* ----------------formatts the sub page headers and p's----------*/
font-size:1.4em;
margin:16px 10px 10px 14px;
font-family: arial, verdana, helvetica, sans-serif;
font-weight:normal;
}
#left .subPage img{ /* ----------------formatts the sub page headers and p's and img's----------*/
float:left;
margin:8px 14px 10px 14px;
}
#leftContent h1{
font-size:1.6em;
margin:18px 16px 20px 14px;
font-weight:normal;
}
#leftContent h2{
font-size:1.4em;
margin:18px 16px 10px 14px;
font-weight:normal;
}
#leftContent h3{
font-size:.9em;
margin:14px 16px 10px 14px;
padding:10px 0px 00px 0px;
clear:both;
}
#leftContent p{
font-size:.9em;
margin:14px 16px 10px 14px;
}
#leftContent img{
float:left;
margin:9px 16px 10px 14px;
}
#leftContent .noBullets {
font-size:.9em;
margin:6px 8px 10px 14px;
padding:0px;
list-style-type:none;
}
#leftContent ul{
font-size:.9em;
margin:14px 16px 16px 30px;
padding:0px;
/*list-style-type:none;*/
clear:both;
}
#leftContent ul li{
margin:0px 0px 6px 0px;
}
#leftContent ul li a:link, #leftContent ul li a:active, #leftContent ul li a:visited{
background:url(/assets/images/blueArrow.gif) 0px 3px no-repeat ;
padding:0px 0px 0px 12px;
}
#leftContent ul li a:hover{
background:url(/assets/images/orangeOver.gif) 0px 3px no-repeat ;
padding:0px 0px 0px 12px;
text-decoration:underline;
}
#leftContent .quoteBox{
width:180px;
border:1px solid;
background-color:#fff;
float:right;
margin:10px 16px 10px 10px;
}
#leftContent .quoteBox2{
width:460px;
border:1px solid;
background-color:#fff;
float:left;
margin:10px 0px 30px 14px;
}
#leftContent .quoteBox p{
font-size:1.3em;
line-height:127%;
background:url(/assets/images/quotes.gif) top left no-repeat ;
padding:42px 0px 0px 0px;
}
#leftContent .quoteBox2 p{
font-size:1.3em;
line-height:127%;
background:url(/assets/images/quotes2.gif) -1px 0px no-repeat ;
padding:0px 0px 0px 50px;
}
#leftContent .quoteBox2 ul{
margin:0px 0px 0px 64px;
}
#leftContent .payPal{
clear:both;
margin:16px 100px 22px 14px;
}
#leftContent #address p{
font-size:1.4em;
line-height:120%;
font-family:Arial, Helvetica, verdana, sans-serif
}
#leftContent .newsEventBox{
border-bottom:1px dashed #A9C0E7;
width:460px;
margin:0px 0px 30px 15px;
padding:0px 0px 20px 0px;
}
#leftContent #noBorder{
border-bottom:none;
}
#leftContent .newsEventBox p, #leftContent .newsEventBox h3, #leftContent .newsEventBox ul{
margin:10px 0px 0px 0px;
}
#leftContent #home h2{
font-size:.9em;
font-weight:bolder;
}
#leftContent .newsEventBox h2{
font-size:.9em;
color:#666;
font-weight:bolder;
margin:0px;
}
#leftContent .top{
padding:0px 0px 14px 0px;
width:100px;
}
#leftContent .top a{
background:url(/assets/images/topArrow.gif) 0px 4px no-repeat ;
padding:0px 0px 0px 10px;
}
#leftContent .top a:hover{
background:url(/assets/images/topArrow2.gif) 0px 4px no-repeat ;
padding:0px 0px 0px 10px;
}
#leftContentBottom{
background:url(/assets/images/bottomCurve.gif) bottom left no-repeat ;
float:left;
width:498px;
padding:0px 0px 20px 0px;
margin: 0px;
}
#leftContent #flash{
margin:54px 0px 90px 96px;
}
#news, #training{ /* -------------------- news box on home page -------------------*/
float:left;
background:url(/assets/images/homeArticleBoxBottom.gif) bottom left no-repeat #DCE1EB;
margin:16px 10px 14px 12px;
}
#newsInner, #trainingInner{
width:220px;
float:left;
background:url(/assets/images/homeArticleBoxTop.jpg) top left no-repeat ;
}
#newsInner h1, #trainingInner h1{
font-size:1.0em;
margin:14px 10px 14px 14px;
font-weight:bolder;
}
#home #newsInner h2, #home #trainingInner h2{
font-size:.8em;
margin:0px 0px 0px 14px;
padding:0px;
}
#home #newsInner h3, #home #trainingInner h3{
padding:0px;
margin:0px 0px 0px 14px;
}
#newsInner p, #trainingInner p{
margin:0px 6px 14px 14px;
}
#newsInner .mainLink a, #trainingInner .mainLink a{
background:url(/assets/images/orangeArrow.gif) 0px 3px no-repeat ;
padding:0px 0px 0px 14px;
font-weight:bolder;
text-decoration:underline;
}
#newsInner .mainLink a:hover, #trainingInner .mainLink a:hover{
background:url(/assets/images/orangeArrowOver.gif) 0px 3px no-repeat ;
}
#leftContent .eventsPhoto{
width:400px;
float:left;
}
#leftContent .eventsPhoto img{
float:left;
margin:10px 10px 0px 0px;
}
/* -------------------------------------------- the RIght coll --------------------------------*/
#right{
float:left;
width:227px;
margin:0px 0px 7px 0px;
padding: 0px;
background:url(/assets/images/rightBoxTopCurve.gif) top left no-repeat #BCC9DF;
}
#rightContentBottom{
background:url(/assets/images/rightBoxBottomCurve.gif) bottom left no-repeat ;
padding:0px 0px 90px 0px;
margin: 0px;
width:227px;
float:left;
}
#rightContentHolder{
margin:14px 14px 0px 14px;
padding: 0px;
}
/* --------- fearture boxes on the RIght coll ----------*/
#featureBox1{
background:url(/assets/images/qouteBackgroundBottom.jpg) bottom left no-repeat #18325C;
width:199px;
}
#featureBox1Inner{
background:url(/assets/images/qouteBackground.jpg) top left no-repeat ;
padding:0px 7px 11px 7px;
}
#featureBox1 h1{
font-size:1.4em;
font-weight:normal;
color:#fff;
font-family: arial, verdana, helvetica, sans-serif;
padding:8px 4px 0px 4px;
line-height:130%;
margin:0px;
}
#featureBox1 h2{
font-size:.9em;
font-weight:normal;
color:#fff;
text-align:right;
margin:0px 10px 12px 0px;
line-height:100%;
}
#featureBox1 p{
background:url(/assets/images/moreCaseStudies.jpg) top left no-repeat ;
text-align:left;
text-indent:-9000px;
width:184px;
height:18px;
margin:0px;
}
#featureBox1 p a{
display:block;
width:184px;
height:18px;
}
#featureBox2{
background:url(/assets/images/sunBeamMan.jpg) top left no-repeat #CC6C02;
width:199px;
margin:14px 0px 0px 0px;
}
#featureBox2Inner{
background:url(/assets/images/sunBeamManBottom.gif) bottom left no-repeat ;
padding:0px 7px 11px 7px;
}
#featureBox2 h1{
font-size:1.5em;
font-weight:normal;
color:#fff;
font-family: arial, verdana, helvetica, sans-serif;
padding:8px 4px 0px 4px;
margin:10px 0px 0px 0px;
line-height:130%;
margin:0px;
background:url(/assets/images/exclaim.gif) bottom right no-repeat;
}
#featureBox2 ul{
list-style-type:none;
color:#fff;
margin:8px 0px 0px 0px;
padding:0px;
font-size:.9em;
line-height:136%;
}
#featureBox2 ul li{
margin:0px 0px 8px 7px;
}
#featureBox2 ul a{
text-decoration:underline;
color:#fff;
font-weight:bolder;
background:url(/assets/images/whiteArrow.gif) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
}
#featureBox2 ul a:hover{
color:#1F4076;
background:url(/assets/images/whiteArrowOver.gif) 0px 4px no-repeat;
}
#featureBox3{
background:url(/assets/images/videoTopCurve.gif) top left no-repeat #18325C;
width:199px;
margin:14px 0px 0px 0px;
}
#featureBox3 h1{
font-size:1.3em;
font-weight:normal;
color:#fff;
font-family: arial, verdana, helvetica, sans-serif;
padding:8px 4px 6px 10px;
line-height:130%;
margin:0px;
}
#featureBox3 h1 a{
color:#fff;
}
#featureBox3 h2{
border-top:1px solid #BCC9DF;
width:199px;
height:162px;
margin:10px 0px 0px 0px;
background:url(/assets/images/video.jpg) top left no-repeat ;
text-indent:-9000px;
}
#featureBox3 h2 a{
width:199px;
height:162px;
display:block;
}
#featureBox3 img{
float:left;
border-top:2px solid #BCC9DF;
}
/* --------------------------------- footer area --------------------------------------------*/
#footer{
width:760px;
background:url(/assets/images/footerBottomCurve.gif) bottom left no-repeat #1F4076;
padding:12px 0px 10px 00px;
float:left;
}
#footer p{
font-size:.8em;
color:#fff;
margin:0px 0px 0px 12px;
float:left;
width:704px;
}
#footer p a{
color:#fff;
}
#llama{
font-size:.7em;
float:right;
margin:8px 12px 4px 12px;
}
#scqm{
font-size:.7em;
float:left;
margin:8px 0px 4px 12px;
}
/* --------------------------------- the contact form --------------------------------------------*/
#form{
margin:20px 0px 0px 10px;
padding:16px 0px 16px 16px;
background:url("/assets/images/formGrad.jpg") top right repeat-x;
width:460px;
float:left;
}
#form input, #form textarea{
width:420px;
margin:6px 0px 14px 0px;
background-color:#E3EBF7;
border:2px solid #CC6C02;
}
#form #question{
height:120px;
}
#form #button{
width:100px;
background-color:#CC6C02;
font-weight:bolder;
color:#fff;
}
#form p{
margin:0px;
font-size:.9em;
font-weight:bolder;
}
/* error message on the contact us form ------------------------------------------------- */
.errors {
padding:0.5em;
margin-left:0.75em;
margin-right:0.75em;
background:#FFCCCC;
border:1px solid #CC3333;
color: #CC3333;
}