body {background-color: #fff;margin: 0;padding:0;text-align:center;}
#container{padding:0;width:900px;margin: 0 auto;text-align:left;}
#header{background-image: url(http://www.fairfield.org.uk/images/header.gif);background-repeat: no-repeat;margin: 0;padding: 40px 0 0 0;height: 120px;text-align:left}

/* TOP NAVIGATION
----------------------------------------*/
#topnav{background-color:#000099; margin: 0;padding: 0;height: 24px;}
#topnav ul {list-style:none;float:left;font:normal 11px Verdana, Arial, Helvetica, sans-serif;margin:0 5px;padding: 3px 0 0 0;}
#topnav li {float:left;margin: 0;border-right: 1px solid #FFF;padding: 0 8px;}
#topnav li a {display:block;color:#fff;text-decoration:none;font-weight:bold;padding:0}
#topnav li a:hover,#topnav li.active a {color:#fff;text-decoration:underline;}
#topnav li a:visited{color:#fff}
#topnav li a span {padding:0 10px 0 11px;display:block;}
/* BANNER
----------------------------------------*/
#banner{width:900px;height:198px;margin: 1px 0;}
#banner ul{list-style:none;margin:0}
#banner li{float:left;margin:0}

#wrapper{width:900px;padding:0;margin:0;float:left;}

/* LEFT NAVIGATION 
----------------------------------------*/
#leftcol{width:178px;padding:0;margin:0;float:left;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#leftcol h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff;padding: 5px; margin:0 0 10px 0;background-image: url(http://www.fairfield.org.uk/images/secthdr-bgd.gif);}
#leftnav{text-align:left;font-size:10pt;padding:0;margin:0;float:left}
#leftnav ul{padding:0;margin: 0;list-style-type:none;display:block;float:left}
#leftnav li{background: url(http://www.fairfield.org.uk/images/leftnav-button.gif) no-repeat;padding:0 ;width:178px;margin: 0;height: 32px;display:block;float:left}
#leftnav li A{ COLOR: #000033; TEXT-DECORATION: none;margin:0;padding:6px 0 0 25px;float:left}
#leftnav li A:hover { COLOR: #000033; text-decoration: underline}
#leftnav li A:active { COLOR: #ff0000}
#leftnav li A:visited { COLOR: #000033;padding:6px 0 0 25px;float:left}
.text {
	font-size: 10px;
	text-align: left;
	color: #333333;
	padding-right: 10px;
}


/* MAIN CONTENT AREA 
----------------------------------------*/
#maincontent{width:700px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;margin:0 0 0 5px;padding:0 0 0 10px;float:left}
#maincontent h1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;color:#FFF;font-weight:bold;padding: 5px;margin:0 0 10px 0;background-image: url(http://www.fairfield.org.uk/images/secthdr-bgd.gif);}
#maincontent p {line-height:16px}
#maincontent td{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
#concontent{text-align:left;width:700px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;float:left;margin-left:5px;}
#maincontent .indent{margin-left:40px}
#maincontent legend{font-family: "Arial Black";font-size: 14px;color: #FF0000;}
#maincontent .quote{font-size:12px;font-weight:bold;margin-left:30px;margin-right:30px;}
#maincontent A { COLOR: #000099; TEXT-DECORATION: none;font-weight:bold}
#maincontent A:hover { COLOR: #000099; text-decoration: underline}
#maincontent A:active { COLOR: #ff0000}
#maincontent A:visited { COLOR: #000099;font-weight:bold}

/* MAIN PAGE SECTION TEXT
----------------------------------------*/
#sechold{width:700px;margin:10px 0;float:left;padding:0;}
.sechdr{background-image: url(http://www.fairfield.org.uk/images/secthdr-bgd.gif);font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;padding:3px 0 8px 6px;color: #fff;margin:0 2px 0 0;width:168px;float:left}
#sectiontext{font-size:7.5pt;padding: 0 0 0 4px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666;float:left}
#sectiontext ul {margin:0 2px 0 0;list-style-type:none;float:left;padding: 0;display:block;width:168px}
#sectiontext li{width:168px;float:left;line-height:12px;margin: 0;}
.secttext{padding:5px 0}
.secttext A:link { COLOR: #000099; text-decoration: none;font-weight:bold}
.secttext A:hover { COLOR: #000099; text-decoration: underline}
.secttext A:active { COLOR: #ff0000}
.secttext A:visited { COLOR: #000099;font-weight:bold}

#secfoot{{width:700px;margin:0 0 2px 0;padding:0;height:30px;float:left}
#secfoot ul {width:700px;list-style-type:none;margin:0 0 0 4px;padding:0;display:block;float:left}
#secfoot li{float:left;width:170px;height:30px;padding:0;margin:0;background-image: url(http://www.fairfield.org.uk/images/more.gif);background-repeat: no-repeat;display:block}
#secfoot a{margin: 0;padding:9px 0 0 30px;height:30px;font-size:10px;float:left}
#secfoot a:hover {color:#003399;text-decoration:underline}
#secfoot a:visited{color:#003399}
.line {border-top:6px solid #000099;margin:0 0 10px 0;width:900px;}

/* BASE MESSAGE 
----------------------------------------*/
#base {text-align:center;margin:0;padding:0;}
#basemessage{font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size: 9px;padding: 0;color: #333;margin: 0 0 5px 0;}
#basemessage a {color:#000099;text-decoration:none}
#basemessage a:hover{color:#000099;text-decoration:underline}
#basemessage a:visited{color:#000099;}

input,select,textarea,submit{padding: 1px;color: #000000;font-size: 10px;font-family: Verdana, Helvetica, Arial, sans-serif}
p,li,td{font-family:Verdana, Arial, Helvetica, sans-serif;}

h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:bold; margin:0px}
/* classes for validator */
.tfvHighlight{font-weight: bold; color: red;}
.tfvNormal{font-weight: normal;	color: black;}
A:link { COLOR: #000066; TEXT-DECORATION: none}
A:hover { TEXT-DECORATION: underline}
A:visited { COLOR: #fff; TEXT-DECORATION: none}
A:active { COLOR: #ff0000}

/* MAIN PAGE SECTION HEADERS 
----------------------------------------*/
#sectionheaders{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;padding-right: 0px;padding-left: 0px;padding-top: 0px;padding-bottom: 3px;color: #FFFFFF;margin-bottom: 5px;}
#sectionheaders ul{margin:0px;list-style:none;float:left;padding: 0px;}
#sectionheaders li{width:155px;float:left;padding-right: 4px;padding-bottom: 5px;padding-left: 4px;display:block;text-align:left;margin-top: 0px;margin-right: 5px;margin-bottom: 0px;margin-left: 0px;height: 14px;padding-top: 5px;}

/* MAIN PAGE MORE DETAILS 
----------------------------------------*/
#more{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;padding: 2px;color: #000;margin-bottom: 5px}
#more ul{margin:0px;list-style:none;float:left;padding: 0px;}
#more li{width:155px;float:left;padding-right: 4px;padding-bottom: 5px;padding-left: 4px;display:block;text-align:left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 6px;height: 30px;padding-top: 5px;}
#more li a{display:block;color:#666666;text-decoration:none;padding-left:24px;padding-top:3px}
#more li a:hover{text-decoration:none;color:#000}
.more1,.more2,.more3,.more4{background-repeat: no-repeat;height: 30px;width: 200px}
.more1{background-image: url(http://www.fairfield.org.uk/images/more1.gif)}
.more2{background-image: url(http://www.fairfield.org.uk/images/more2.gif)}
.more3{background-image: url(http://www.fairfield.org.uk/images/more3.gif)}
.more4{background-image: url(http://www.fairfield.org.uk/images/more4.gif)}


/* FOOTER 
----------------------------------------*/
#footer{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;padding: 0;color: #ccc;margin: 0 0 5px 0;}
#footer a {color:#ccc; text-decoration:none}
#footer a:hover{color:#ccc;text-decoration:underline}
#footer a:visited{color:#ccc;}

/* LOGOS 
----------------------------------------*/
.logos{width:900px;margin: 0 0 5px 0;float:left;padding:0;float:left}
.logos ul{margin:0;list-style-type:none;float:left;padding:0}
.logos li{padding:0;display:block;float:left;margin:0}
a.logo1{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:98px}
a.logo2{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:168px;background-position: -98px 0px;}
a.logo3{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:84px;background-position: -266px 0px;}
a.logo4{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:82px;background-position: -350px 0px;}
a.logo5{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:93px;background-position: -432px 0px;}
a.logo6{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:109px;background-position: -525px 0px;}
a.logo7{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:106px;background-position: -634px 0px;}
a.logo8{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;height:73px;width:160px;background-position: -740px 0px;}

a.logo1:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: 0px -73px;}
a.logo2:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -98px -73px;}
a.logo3:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -266px -73px;}
a.logo4:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -350px -73px;}
a.logo5:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -432px -73px;}
a.logo6:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -525px -73px;}
a.logo7:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -634px -73px;}
a.logo8:hover{display:block;float:left;background-image: url(http://www.fairfield.org.uk/images/logos.gif);background-repeat: no-repeat;background-position: -740px -73px;}

/* OTHER PAGES SECTION TEXT
----------------------------------------*/
#sectiontext-row{width:210px;margin:0px;float:left;font-size:11px;text-align:left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;}
#sectiontext-row ul {margin:0px;list-style:none;float:left;padding: 0px;}
#sectiontext-row li{width:205px;float:left;padding-right: 12px;padding-bottom: 10px;padding-left: 4px;line-height:14px;margin: 0px;}
#sectiontext-row li a {display:inline; color:#003399; text-decoration:none}
#sectiontext-row li a:hover,.sectiontext-row li.active a {color:#003399;text-decoration:underline}
#sectiontext-row li a:visited{color:#003399}
#sectiontext-row li a span {display:block}

/* OTHER PAGES SECTION HEADERS 
----------------------------------------*/
#sectionheaders-row{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;padding: 3px;color: #FFFFFF;margin-bottom: 5px;width:210px}
#sectionheaders-row ul{margin:0px;list-style:none;float:right;padding: 0px;}
#sectionheaders-row li{width:210px;float:left;padding-right: 4px;padding-bottom: 5px;padding-left: 4px;display:inline;text-align:left;margin-top: 0px;margin-right: 5px;margin-bottom: 0px;margin-left: 0px;height: 14px;padding-top: 5px;}

/* SERVICES 
----------------------------------------*/
#services{width:900px;font-family: Verdana, Arial, Helvetica, sans-serif;margin:0px;padding: 0px;display:block;float:left;font-size: 9px;text-align:left;}
#services div {float:left}
#services ul{list-style:none;display:block;margin-bottom:3px;height:220px}
#services li {padding-bottom: 1px;margin:0px}
#servicelist{margin:0px;width:225px}
#services a {color:#999999;text-decoration:none}
#services a:hover{color:#000;text-decoration:none}
#services a:visited{text-decoration:none}

#hideList {PADDING-RIGHT: 10px;DISPLAY: block;PADDING-LEFT: 20px;FONT-SIZE: 9px! important;PADDING-BOTTOM: 0px;MARGIN: -1px 0px 3px 20px;TEXT-TRANSFORM: uppercase;WIDTH: 360px;COLOR: #999999;PADDING-TOP: 0px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;BACKGROUND-COLOR: #ffffff;text-align:left}
.hide {BACKGROUND-POSITION: 0px 1px;BACKGROUND-IMAGE: url(http://www.fairfield.org.uk/images//icon-hide.gif);BACKGROUND-REPEAT: no-repeat}
.show {BACKGROUND-POSITION: 0px 1px; BACKGROUND-IMAGE: url(http://www.fairfield.org.uk/images/icon-show.gif);BACKGROUND-REPEAT: no-repeat}
#clear,.clear {clear: both}


.textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #3F3F3F;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;margin-bottom:10px;padding-left: 5px;text-align: left;vertical-align: top;height: 100%;margin:0px;}
.siteheaders{font-size:10px; font-weight:bold; padding-right: 4px;padding-bottom: 5px;padding-left: 4px;text-align:left;margin-top: 0px;margin-right: 5px;margin-bottom: 0px;margin-left: 0px;height: 14px;padding-top: 5px; background-color: #000099; color:#FFFFFF; height:14px}

#dropmenudiv{margin-top:8px;position:absolute;border:1px solid #dddddd;border-bottom-width: 0;font:normal 11px Verdana;line-height:18px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid #dddddd;padding: 1px 0;text-decoration: none;font-weight: bold;}
#dropmenudiv a:hover{ /*hover background color*/color:white;background-color: #000099;}

#costable{display:block;width:660px;margin:0px;padding:0px;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #999999;}
#costable li{list-style-type: square;}
#coswomen, #cosmen{width:325px;vertical-align:top;padding:0px;margin:0px}
#coswomen{float:left;}
#costable .header{font-weight: bold;background-color: #ccc;width: 307px;padding-top: 2px;padding-right: 0px;padding-bottom: 2px;padding-left: 10px;border: 1px solid #000000;margin:0px}
#costable .title{font-weight: bold;}
#surveywhite,#surveyblue{padding:15px;width:400px;text-align:left}
#surveyblue{background-color:#eee}
#conresults{text-align:left;margin:0px}
#conresults label{width:160px;font-weight:bold}
#conresults input,#conresults select{width:180px}
#conresults .button{width:100px}
#conresults ul{width:680px;list-style:none;border-bottom: 1px dashed #666;padding:4px 0;margin:0;}
#conresults li{display:block;margin:0;float:left;}
#conresults .name{width:350px}
#conresults .web{width:230px;text-align:center}
#conresults .links{width:100px;text-align:right}
.maptable{background-color:#FFFFFF;font-family:Verdana,Arial,sans-serif;font-size:8pt;color:#333333;text-decoration:none;}
#map{margin:0px;padding:0px}
#map td{font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#close {padding: 10px;color: #333333;background-color: #F1F3F8;border: 1px solid #D8DDEB;margin-bottom:10px;line-height:12px}
#close .bold {color:#ff0000;font-weight:bold;font-size:14px}
#announce {float:right;background-image: url(http://www.fairfield.org.uk/images/announce-bgd.gif);background-repeat: no-repeat;width:280px;font-size:11px;color:#333;text-align:center;padding:40px 15px 10px 15px;}