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

body {
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	font-size:small; 
	color: #27325f;
	margin: 0; padding: 0; 
	background-color:#49709e;
	background-image: url(images/draycottbggrp.jpg);
	background-position:top left;
	background-repeat:repeat-x}

#maincontainer {width:985px; 
margin: 0 auto 0 auto; 
padding: 0;
}

#top {padding: 10px 0 0 0;
text-align:center}
 
/*-----------navigation---------*/

#nav {
padding: 2em 0 1em 0 ; 
margin: 0; 
font-size: 12px ;
text-align:center;
height: 30px  }

ul#horizontal {
margin:  12px 0 0 0;
padding: 0;
}

ul#horizontal li {list-style-type: none;
display: inline;
margin: 0;

 }

ul#horizontal li a {color:#ffffff; 
text-decoration:none;
padding-right: 2em; }

ul#horizontal li a.on {color: #96c0e6  ; 
}

ul#horizontal li a:hover {color: #96c0e6 }


ul#horizontal li
{	
	position: relative;	 
}
ul#horizontal ul 
{
	
	margin: 0; 
	padding: 0;	
	display: none;
	position: absolute; 
	top:13px;
	left: 0;
	background-color: #2c4362;
		width: 200px;
	
	
	}
	
ul#horizontal li:hover ul, ul#horizontal li.over ul
{	display: block;}
	
	ul#horizontal li a.drop 
{	font-size:12px;
	display: block;
	text-decoration:none;
	color: #fff;
	padding: 7px 10px  ;
	text-align: left;
	border-bottom: 1px solid #000;
	margin-right: 2px;
	z-index:200;
	}
	


ul#horizontal li a.drop:hover
{	color: #96c0e6;	}		


/*-----content---------*/

#content { 
margin-top: 7px;
padding: 2em 1em 1em 0; 
background-color: #FFFFFF;
border-left: 14px solid #e5e5e5;
border-right: 14px solid #e5e5e5}

.contentfull { 

padding: 0 1em 1em 2.5em; 
}


#contentleft {width:350px; 
float: left; 
padding: 1em 0 0 2em;
text-align:center
}

#contentright {width: 510px; 
float: right;
margin-right: 0.5em;
 }

#contentlefthome {width:260px;
float: left; 
padding: 0;
margin-left: 1.5em }

#contentrighthome {width: 610px; 
float: right;
margin-right: 0.5em;
 }

#contentfullwidth {margin:  1.5em}

#content a {color: #0099FF ; 
text-decoration:none }

#content a:hover {color: #000}

.banner {width: 277px;
margin: 2em 1em 1em 1.25em;
float: left;
border: 1px solid #e7e7e7;
height:175px;
background-color: #F9F9F9  }

.banner2 {width: 277px;
margin: 2em 0 1em 2em;
float: left;
border: 1px solid #e7e7e7;
height:175px;
background-color: #F9F9F9  }


.banner3 {width: 277px;
margin: 2em  0.5em 1em 1.25em;
float: right;
border: 1px solid #e7e7e7;
height:175px;
background-color: #F9F9F9  }


p.bannertext {padding: 10px}

.newsitembanner {padding:  0 10px;
margin: 2em 0 0 0}

.title {width: 293px;
background-color:#e7e7e7;
text-align:center}


#base { clear:both; 
padding: 1em 1em 2em 1em  ; 
font-size:x-small;
background-color: #e5e5e5  }

#base a  {color:  #0099FF ; text-decoration:none }
#base a:hover {color: #27325f}

#fisher {font-size:x-small;  width: 150px; padding: 0 0 0 1em; float:right;   }
#fisher a {color: #0099ff; text-decoration:none}
#fisher a:hover {color:#49709e;}

#tag {width: 730px;   
float: left;
padding-left: 1em}

h1 {font-size: 16px;
color: #2c4460;
font-weight:bold;}

h2 {font-size: small; 
font-weight:bold;
color:  #2c4460;
margin: 0;
text-align:center}

h3 {font-size: 15px; 
font-weight: bold;
color: #49709e;
background-color:#e7e7e7;
margin: -0.5em 0 ;
padding: 5px 10px;

}

h4 {font-size: small; 
font-weight:bold;
color: #49709e;
margin: 0;
font-style:italic }

p.video {width: 602px;
padding: 1em ;
margin: 1em auto;
background-color: #ccc;
z-index:0;

}

p.regoffice {font-size: x-small;
margin-top: 3em}

.newsitem {margin: 1em 0;
padding: 1em 0; 
border-bottom: 1px solid #ccc}

.newsimage {width: 277px;
margin: 2em 1em 1em 1.25em;
float: left;
border: 1px solid #e7e7e7;
height:175px;
background-color: #F9F9F9  }

.newsimage2 {width: 277px;
margin: 2em 0 1em 2em;
float: left;
border: 1px solid #e7e7e7;
height:175px;
background-color: #F9F9F9  }


.newsimage3 {width: 277px;
margin: 2em  0.5em 1em 1.25em;
float: right;
border: 1px solid #e7e7e7;
height:175px;
background-color: #F9F9F9  }

p.logo {text-align:center;
padding-bottom: 1em}



/* ------------old stuff---some still applicable-----------------*/
#causes {width: 350px; 
float: left;
margin-left: 3em}

#causes2 {width: 300px; float: right;
margin-right: 5em}



.links {line-height: 2em}

#imagelist{width: 100px; float: left;  margin-top: 1em}
#pics {width: 410px; float: right; padding: 0; margin: 0}

#contentleftwho {width:740px;  padding: 0 0 0 0.5em}

#contentleft ul li {margin-bottom: 1em}

.whoswho {margin: 0 0 1em 0;
padding: 1em ;

}

.clear {clear:both}

.imagewho {width: 120px;
float: left;
}

.textwho {width:650px;
float: right;
margin-right: 1em}