/* CSS didcot layout */


body  {
	font: 100% Trebuchet, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: justify ;   /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}



#wrapper {
	border-color: #0000FF;
	border-style: solid;
	border-width: 2px;	
	text-align: left;
	width: 980px;	
}
#mainContent {
	margin-left: 0px;
	margin-right:176px;
	padding: 40px 30px 30px 30px;	
}

#masthead {
 background: #ffffff;
	} 


#nav {
	  float: left ;
	  width: auto ;	 
}

#mainContent p {
	text-align: justify;
	} 

#mainContent h2 {
	font-size:15.0pt; 
text-align:center;}

#mainContent h3 {
	font-size:13.0pt;	
	text-align:center;
	}
	
#mainContent h4 {
	font-size:12.0pt;	
	text-align:left;
	}


a img {
	border:none;
}
	
#sidediv {
	padding: 20px 2px 0 0;
	float: right;
	right: 0px; 
	width: 170px;	
}

#side1 {
	
}	

#side2 {	
		 
}	
#side3 {
	 
}	


#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#e7e7e7; clear: both ;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}.section {
	border-bottom-style: solid;
	border-color: #ff0000;
	background: #ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border-left: none;
	border-right: none;
	padding: 0;
}
.section td.mid{
	width: 100%;
}