body{
background-color:#3F739E;
margin:0px; padding:0px;  
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana; 
font-size: 62.5%;
}

#wrapper {
margin: 0 auto;
text-align:left;
width: 994px;
background-color:#fff;
}

/* HEADINGS */
h1 {
font-size: 1.6em;
line-height: 1.2em;
margin-bottom: 0.5em;
margin-top: 0.1em;
color:#fff;
text-transform:uppercase;
}

h2 {
color:#fff;
font-size: 1.4em;
line-height: 1.0em;
margin-bottom: 1.0em;
}

h3 {
font-size: 1.4em;
line-height: 1.2em;
}
		      
/* LINKS */
a:link {color: #dffbff; text-decoration:none;}
a:visited {color: #B5DADF; text-decoration:none;}
a:hover {color: #dffbff; text-decoration:underline;}
a:active {color: #dffbff; text-decoration:underline;}
a {color: #dffbff; text-decoration:underline;}  

/*box links
 6FECFF*/
		   
#header{
background-image: url(images/header_image.jpg);
width: 946px;
height: 264px;
margin: 0 auto; /*center header*/
}
	
#content{
padding: 0 24px 0px 24px;
width: 946px;
background:#fff url(images/content_bg.gif) repeat-y top center;
}

#main_content{
background-color:#0076BE;
width:746px; 
float: left;
padding:12px 2px 2px 12px;
}


#main_contentmap{
background-color:#0076BE;
width:846px; 
float: left;
padding:12px 2px 2px 12px;
}


#main_content a{
color:#DFFBFF;
font-weight:bold;
}

span.bdytxt {
color:#efefef;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.2em;

}
	
#secondary_content{
background:#0076BE none repeat scroll 0% 50%;
/*background-color:#0076BE;*/
width:175px;
float: left;
}

	
/* FORMS */


/* FOOTER */

#footer{
background-color:#8CD3E5;
/*clear:both;*/
color:#333;
display:block;
margin:0 auto;
padding-top:12px;
width:946px;
}

p.footercontent {
color:#333;
text-align:center;
padding-bottom:12px;
}


.footercontent  a{
color:#CB1814;

}

.clearFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
			
/*SITE SPECIFIC*/


.strapline{
font-weight:bold;
font-size:1.6em;
}


/* three boxes 
================================== */

.photoColumnContainer {
width: 750px;
margin-bottom: 18px;
overflow: auto;
}

.photoColumn {
width: 224px;
background: #0680B8;
margin-right: 14px;
float: left;
border:1px solid #fff;
height:260px;
}
			
.photoColumn h3 {
background-color:#CB1814;
font-weight:bold;
color:#fff;
margin:0;
padding:0 0 0 10px;/*give some breathing space from edge*/
}

.photoColumn p {
color:#fff;
font-size:1.3em;
padding: 0 2px;
margin: 4px 2px 10px 10px;
}

#sidebar img, .photoColumn img {
display: block;
border:none;
/*margin-bottom: 18px;*/
}
		
		
/* rounded corner box
================================== */

.box {
  width: 180px;
  background: url(images/bottom-left.gif) no-repeat left bottom;
  margin-top:4px;
}

.box-outer {
  background: url(images/bottom-right.gif) no-repeat right bottom;
  padding-bottom: 5%;
}

.box-inner {
  background: url(images/top-left.gif) no-repeat left top;
}

.box h2 {
background: url(images/top-right.gif) no-repeat right top;
padding-top: 7%;
}

.box h2, .box p {
padding-left: 5%;
padding-right: 5%;
color:#fff;
text-align:center;
}

.box p {font-size:1.4em;}

a.boxlink:link{color:#dffbff;}
a.boxlink:visited {color:#6FECFF;}
a.boxlink:hover{text-decoration:underline;}
a.boxlink:active{color:#EFFDFF;}

.featuretxt h3 {line-height:1.2em;text-transform:uppercase; font-weight:bolder;margin-top:0;}

.featuretxt{float:right; width:218px; color:#fff; margin-right:14px; font-size:1.4em;}

.boxModuleRightContent {margin:0 0 20px;  padding:0; width:730px;}

.boxModuleRightContentmap{margin:0 0 20px;  padding:0; width:830px;}




/* jquery.datePicker
================================== */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}







textarea {
border:1px solid #CCCCCC;
/*margin:10px 0pt 0pt;*/
padding:5px;
}



fieldset.radio input {
clear:both;
float:left;
width:auto;

}


 label {
display:block;
font-weight:bold;
font-size:1.4em;
margin-bottom:1em;
}



fieldset.radio {
margin:1em 0pt 2em;
width:15em;
}


/*
label {
   float: left;
   width: 90px;
   margin: 0.3em 10px 0 0;
   text-align: right;
   }


form li{
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px;*/
}