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

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%;
color:#000000;
}

table{width:90%; border: 1px solid #789DB3; padding:0.1em;}
td, th { padding: 0.3em; border: 1px #789DB3 solid; }

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-color: #FFFFFF;
height: 130px;
/*background-image: url('../images/banners/1.jpg'); */
margin-top:10px;
}

.random-bg1 {
background-image: url('/images/banners/1.jpg'); 
}
.random-bg2 {
background-image: url('/images/banners/2.jpg'); 
}
.random-bg3 {
background-image: url('/images/banners/3.jpg'); 
}
.random-bg4 {
background-image: url('/images/banners/4.jpg'); 
}
.random-bg5 {
background-image: url('/images/banners/5.jpg'); 
}
.random-bg6 {
background-image: url('/images/banners/6.jpg'); 
}
.random-bg7 {
background-image: url('/images/banners/7.jpg'); 
}
.random-bg8 {
background-image: url('/images/banners/8.jpg'); 
}
.random-bg9 {
background-image: url('/images/banners/9.jpg'); 
}
.random-bg10 {
background-image: url('/images/banners/10.jpg'); 
}
.random-bg11 {
background-image: url('/images/banners/11.jpg'); 
}

#topsection h1{
margin: 0;
padding: 8px 0px 0px 20px;
float:left;
color:#ffffff;
}

#logo {
float: right;
margin-right:10px;
}

#contentwrapper{
float: left;
width: 100%;
background-image: url('../images/nav/stones.jpg');
background-repeat: no-repeat;
min-height:560px;
}

#contentcolumn{
margin: 20px 190px 0px 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-size: 1.1em;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
/*background: #C8FC98;*/
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
/*background: #FDE95E;*/
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#navcontainer {
background-color: #002e62;
padding:0px;
margin:0px;
}

#navcontainer ul
{
padding: 0px;
margin: 0px;
background-color: #002e62;
color: #ffffff;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #002e62;
color: #FFFFFF;
text-decoration: none;
float: left;
/*border-right: 1px solid #fff;*/
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

h1 {
	color: #007d8c;
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	color: #007d8c;
	font-size: 1.7em;
	margin: 0em 0em 1.2em 0em;
	font-weight: bold;
	}
h3 {
	color: #007d8c;
	font-size: 1.4em;
	margin: 0em 0em 1.2em 0em;
	font-weight: bold;
	}
h4 {
	color: #007d8c;
	font-size: 1.2em;
	margin: 0em 0em 0.2em 0em;
	font-weight: bold;
	}
h5 {
	color: #007d8c;
	font-size: 1.0em;
	margin: 0em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	color: #007d8c;
	font-size: 0.8em;
	margin: 0em 0em 1.2em 0em;
	font-weight: bold;
	}
	
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
}

a {
	color: #007d8c;
	text-decoration: none;
}

a:hover {
	color: #ecbb52;
	text-decoration: none;
}

.inputbox {
	background-color: #FFFFFF;
	border: #007d8c;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #002e62;
}

.inputboxcallback {
	background-color: #FFFFFF;
	border: #007d8c;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #002e62;
}

.inputboxsurvey {
	background-color: #ffffff;
	border: #007d8c;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #002e62;
}

.blueSubmit {
	background-color: #007d8c;
	border: #007d8c;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #ffffff;
}

.lightblueSubmit {
	background-color: #b3d8de;
	border: #ffffff;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #ffffff;
}

.darkblueSubmit {
	background-color: #002e62;
	border: #ffffff;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #ffffff;
}

.orangeSubmit {
	background-color: #ecbb52;
	border: #ffffff;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #ffffff;
}
#callback {
	background-color:#b3d8de;
}

#callback h3{
	color:#002e62;
	padding: 10px 0px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #b3d8de;
}

#sitesurvey {
	background-color:#ecbb52;
	
}

#sitesurvey h3{
	color:#002e62;
	padding: 10px 0px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #ecbb52;
}

.padded {
margin: 0px 6px 10px 6px;
}

.lightbluebartext {
background-color: #b3d8de;
text-decoration:none;
color: #002e62;
padding:2px;
}

.bluebartext {
background-color: #007d8c;
text-decoration:none;
color: #ffffff;
padding:2px;
}

.darkbluebartext {
background-color: #002e62;
text-decoration:none;
color: #ffffff;
padding:2px;
}

#footer {
text-align: center;
margin-bottom:20px;
}

#footer a {
color:#002e62;
padding: 0.2em 1em;
}

#footer a:hover {
color:#ecbb52;
}

#footer ul
{
font-weight:bold;
padding-left: 0;
margin-left: 0;
color: #ffffff;
float: left;
width: 100%;
margin-bottom:10px;
}

#footer ul li {
display:inline;
}

#bluefooter {
height: 20px; /*Height of blue footer bar*/
background-color: #007d8c;
clear:both;
}

#leftcolumn {
text-align: center;
}

#leftcolumn a {
color:#002e62;
padding:1px;
}

#leftcolumn a:hover{
color:#ffffff;
background-color:#002e62;
}

#leftcolumn ul {
font-weight:bold;
padding-top: 40px;
padding-left:15px;
float: left;
width: 120px;
}

#leftcolumn ul li {
list-style-type:none;
display:list-item;
padding-bottom:5px;
}

/* ----------------------------------------------------------------------------
 C L E A R  F L O A T S
---------------------------------------------------------------------------- */
.clearfix:after  {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix   {display:inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix   {display: block;}
/* End hide from IE-mac */