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

body, html { 
display:block;
margin:0px;
padding:0px;
width:100%;
background-color:#cbdaea;
background-image:url(../images/main-background.jpg);
background-repeat:repeat-y;
background-position:center;
}

#SiteWrapper {
margin:0px; padding:0px;
margin-left:auto;
margin-right:auto;
width:950px;
text-align:center;
}

#NavWrapper {
float:left;
margin:0px; padding:0px;
margin-left:30px; margin-right:auto;
}


/* Site Styles  */
#Header {
width:950px;
display:block;
float:left;
}

#imgLogo {
float:left;
width:269px;
}

#txtContact {
float:left;
width:640px;
height:30px;
}

#txtContact a, a:link, a:active, a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#26303b;
}

#txtContact a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#26303b;
text-decoration:none;
}

#txtContact p {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#26303b;
}

#hdrText {
float:left; 
}


/* navigation styles */

#NavWrapper ul.tabNav {
margin:0px; padding:0px;
margin-left:auto; margin-right:auto;
list-style-type:none;
text-align:left;

}

#NavWrapper ul.tabNav li {
display:inline;
padding:0px; margin:0px;
border:none;
}

#NavWrapper ul.tabNav li a.MainNavLink, a.MainNavLink:link, a.MainNavLink:active, a.MainNavLink:visited {
margin:0px; padding: 2px 0px 6px 5px;
display:block;
float:left;
width:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
border-left:#a8acae solid 1px;
border-top:none;
border-right:#a8acae solid 1px;
border-bottom:#a8acae solid 1px;
background-image:url(../images/btn-off.jpg);
background-repeat:repeat-x;
text-decoration:none;
text-align:center;
}

#NavWrapper ul.tabNav li a.MainNavLink:hover {
margin:0px; padding: 2px 0px 6px 5px;
display:block;
float:left;
width:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
border-left:#a8acae solid 1px;
border-top:none;
border-right:#a8acae solid 1px;
border-bottom:#a8acae solid 1px;
background-color:#424b51;
background-image:none;
text-decoration:none;
text-align:center;
}

#NavWrapper ul.tabNav li.current a.MainNavLink {
margin:0px; padding: 2px 0px 6px 5px;
display:block;
float:left;
width:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#26303b;
text-decoration:none;
background-color:#fff;
border-left:#CCCCCC solid 1px;
border-top:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:#fff solid 1px;
background-image:none;
text-align:center;
}

div.tabContainer {
width:882px;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
border-top:none;
background-color:#FFFFFF;
}

div.tabContainer div.tab { display: none; text-align:center; float:left;  }
div.tabContainer div.current { display: block; text-align:center; float:left;  }

#clear { 
clear:both;
text-align:left;
}

#homespacer {
height:50px;
}

#contentspacer {
width:100%;
height:40px;
}

#footerspacer {
clear:both;
height:60px;
}



/* content styles */

#WhiteBackground {
margin:0px; padding:0px;
margin-left:auto; margin-right:auto;
margin-left:-1px;
float:left;
width:880px;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
border-top:none;
background-color:#FFFFFF;
}

#textcontent {
float:left;
margin:0px; padding:0px;
margin-left:40px; margin-right:40px;
width:776px;
text-align:center;
}

#column {
margin:0px; padding:0px;
float:left;
width:220px;
text-align:left;
margin-right:5px;
}


#myLeftColumn {
margin:0px; padding:0px;
float:left;
width:340px;
text-align:left;
}

#myRightColumn {
margin:0px; padding:0px;
margin-left:50px;
float:left;
width:370px;
text-align:left;
}

#mySmallRightColumn {
margin:0px; padding:0px;
margin-left:10px;
float:left;
width:360px;
text-align:left;
}

#FullColumn {
margin:0px; padding:0px;
float:left;
width:750px;
text-align:left;
}


/* image appears on the left or right ... for images only */
#lefty { float:left; margin-right:20px;}

#righty { float:right; margin:0px; padding:0px; margin-left:20px;  }

/* text styles */
h1.darkblue { 
margin:0px; padding:0px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#26303b;
}

h1.introtext {
margin:0px; padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#767676;
text-align:left;
font-weight:normal;
margin-bottom:30px;
}

p.greytext { 
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#868686;
}


p.footertext { 
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#868686;
}