/* CSS Document  by www.neamus.net */

html,body {
	margin: 0;
	padding: 0;
} 
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	margin: 1px 0 0 0;
	font-size:.85em;
}
#main {
    min-width: 770px;
    max-width: 960px;
    width: expression(document.body.clientWidth > 960? "960px": "auto" );
    padding:0px;
    margin: .3em auto 0 auto;
}
/* accesskeys */
#accessbar { width: auto; height: 1px; position: relative; padding: 0; margin: 0;}
#accessbar li { position: absolute; display: block; margin: 0; padding: 0; height: 1px; }
#accessbar a { height: 1px; display: block; text-indent: -9999px; text-decoration: none; }
/* LINKS */
a,
a:link 
a:active {
	font-weight: bold;
	text-decoration: none;
	color:#4FCF00;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img { border:none;}
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding:0;
	line-height:1.4em;
}
p img { vertical-align:baseline;}
span .blue { color:#0000CC;}
.stats { color:#0000CC;}
address { font-style:normal; margin:0 0 .5em 0; font-size:.83em; font-style:normal;}
.clear {
	background-image: url(../graphics/default/dot.gif);
	background-repeat: repeat-x;
	height: 1px;
	clear:both;
	margin-top:1em;
}
#contents h1,
.contents h1 { margin-top:0; font-size:1.4em;}
#contents h2 { margin-top:0; font-size:1.3em; color:#333333;}
#contents h3 { margin-top:0; font-size:1.21em; color:#666666;}
#contents h4 { margin-top:0; font-size:1.1em; color:#999999;}


/* form */
#rightCol fieldset { border:none;}
label, 
fieldset legend { font-weight:bold; }
#rightCol fieldset label { font-weight:normal; }
#rightCol p { margin:0px 5px 0 5px; font-size:.85em; padding-top:.4em; font-weight:bold;}
#rightCol p label { font-size:1.2em;  }
#rightCol fieldset p { margin:0 0 0 0; }
#rightCol fieldset p label { font-size:.85em; padding:0 0 0 0; }
#rightCol p.marg { margin-top:.1em; font-size:.85em; padding-top:0; }
#rightCol p.marg #category,
#rightCol p.marg #searchkeyword { width:180px;}
#rightCol legend { padding:0 0 0 8px; }
#rightCol fieldset { 
	padding:0 0 0 2px;
	margin-top:1em;
	margin-bottom:0;
	border:none;
}
.searchModule input.button { margin-top:1em;}
.button { color:#0000CC;}
/* layout */

#main .left { width:70%; float:left;}
#main .right { float:right; width:30%; }
#rightCol { 
	float:right; 
	width:240px;
}


/* general content images */


#leftCol .imgcapright{
	float:right;
	margin: 2px 0px 2px 2px;
	background-color: #fff;
}	
#leftCol .imgcapright p{
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
	margin: 0;
	padding:0 10px 0 0;
}
#leftCol .imgcapleft{
	float:left;
	margin: 2px 2px 2px 0px;
	background-color: #fff;
}
#leftCol  .imgcapleft img,
#leftCol  .imgcapright img { float:none; }
#leftCol  .imgcapleft p{
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
	margin: 0;
	padding:0 10px 0 0;
}


/* search form */
fieldset p.unsatisfactory {
	background-image: url(../graphics/unsatisfactory.gif);
}
fieldset p.satisfactory {
	background-image: url(../graphics/satisfactory.gif);
}
fieldset p.excellent {
	background-image: url(../graphics/excellent.gif);
}
fieldset p.awaiting {
	background-image: url(../graphics/awaiting.gif);
}
#rightCol fieldset p.excellent,
#rightCol fieldset p.satisfactory,
#rightCol fieldset p.unsatisfactory,
#rightCol fieldset p.awaiting {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top:0;
}
/**/
#leftCol .contents { 
	width:98%; padding:0 1% 0 1%;
}
#leftCol h2 { font-size:1em; margin-top:0;}
#leftCol p,
#leftCol li { font-size:.85em;}
#leftCol p.jumpSelect,
#leftCol p.marg,
#faqSearch p.marg { margin:0;}



#rightCol div.module {
	margin-bottom:15px;
}
#rightCol h1 {text-indent: -9999px; line-height:10px; margin:0; padding:0; font-size:1em;}
#rightCol .search div.module {
    background: transparent url(../graphics/searchModule/search-module_03.gif) no-repeat left bottom;
    border: 0px solid #cccccc;
}
#rightCol .search div.module div {
    background: transparent url(../graphics/searchModule/search-module_04.gif) no-repeat right bottom;
    padding-bottom:1em;	
}
#rightCol .search div.module div div {
    background: transparent url(../graphics/searchModule/search-module_01.gif) no-repeat left top;
}
#rightCol .search div.module div div div {
	background: transparent url(../graphics/searchModule/search-module_02.gif) no-repeat right top;
	padding: .5em 10px 10px 10px;
	width: auto;
}
#rightCol .search div.module div.searchForm {	background: transparent url(../graphics/shim.gif) no-repeat right top; padding-top:50px;}
#rightCol .faq { width:220px; padding-left:5px;}
#rightCol .faq div.module {
    background: transparent url(../graphics/searchModule/faq-module_03.jpg) no-repeat left bottom;
    border: 0px solid #cccccc;
}
#rightCol .faq div.module div {
    background: transparent url(../graphics/searchModule/faq-module_04.gif) no-repeat right bottom;
	padding-bottom:10px;
}
#rightCol .faq div.module div div {
    background: transparent url(../graphics/searchModule/faq-module_01.gif) no-repeat left top;
}
#rightCol .faq div.module div div div {
	background: transparent url(../graphics/searchModule/faq-module_02.gif) no-repeat right top;
	padding: 0px 10px 10px 10px;
	width: auto;
}
#rightCol .faq div.module div div div div.faqbutton {
	background: transparent url(../graphics/shim.gif) no-repeat right top;
	height:130px;
}
#rightCol .faq div.module div div div div.faqbutton p { 
	width:100px; 
	margin:80px 0 5em 90px;
	padding:0 0 0 0;
	font-size:.75em; 
	text-align:right;
}
#rightCol .faq div.module p a { color:#000000;}


/**/


/* map container */

.mapBox { 
	border:1px solid #000000; 
	padding: 0 0 1em 0; 
	margin-bottom:1em; 
}
.mapBox .mapTitle { 
	background:#46B302; 
	border-bottom:1px solid #000000;
	padding:.3em;
	clear:both;
	margin-bottom:
}
.mapBox h1 { 
	color:#FFFFFF; 
	margin: 0 0 0 0;
	font-size:.98em;
}
#leftCol .mapBox p.instructions { 
	margin-bottom:0; 
	font-size:.78em; 
	padding: 0 .3em;
}

.mapBox .jumpMenu { padding:0 0 0 1em;}

/* HOME PROMOS */
table.promos tfoot td {
	padding:5px;
}
table.promos tfoot td.col1 {
	background-image: url(../graphics/modules/promos/tfLEFT.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
table.promos tfoot td.col2 {
	background-image: url(../graphics/modules/promos/bottomShadow.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border:none;
}
table.promos tfoot td.col3 {
	background-image: url(../graphics/modules/promos/tfRIGHT.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
table.promos { 
	border-collapse:collapse; 
	border-spacing:0;
	width:99%;
	clear:both;
	margin-bottom:25px;
}
table.promos th { 
	width:33.3%;
	border-bottom:1px solid #000000;
	text-align:left;	
}
table.promos th img { float:left;}

table.promos td {
	padding: 0 0 1.5em 0;
	vertical-align: text-top;
}
table.promos td.col1 {
	background-image: url(../graphics/modules/promos/tdLEFT.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:2px;
}
table.promos td.col2 {
	background-image: url(../graphics/modules/promos/tdMIDDLE.gif);
	background-repeat: repeat x;
	background-position: left bottom;
	border-left:1px solid #878787;
	border-right:1px solid #878787;
}
table.promos td.col3 {
	background-image: url(../graphics/modules/promos/tdRIGHT.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top:.5em;
	padding-right:.5em;
	padding-left:.5em; 
}
#leftCol table.promos th p { 
	color:#FFFFFF; 
	font-size:1em; 
	margin-top:1.3em;
	margin-bottom:.3em;
}
table.promos th.green {
	background-image: url(../graphics/modules/promos/greenTH.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
table.promos th.orange {
	background-image: url(../graphics/modules/promos/orangeTH.jpg);
	background-repeat: no-repeat;
	background-position: left top;
		border-left:1px solid #000000;
	border-right:1px solid #000000;
}
table.promos th.red {
	background-image: url(../graphics/modules/promos/redTH.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#leftCol table.promos ul.promoMenu {
	margin:0 0 0 0; 
	padding:0 0 0 0; 
	list-style-type: none;
	border-top:none;
	background-color: #FFFFFF;
	text-align:left;
	font-size:1.2em;
}
table.promos ul.promoMenu { vertical-align:top;}
table.promos ul.promoMenu li {
	background-image: url(../graphics/modules/promos/li.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding:.4em .4em;
	font-weight:normal;
	text-align:left;
	list-style-type: none;
}
table.promos ul.promoMenu li a {
	background-image: url(../graphics/navigation/bulletGreen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 17px;
	margin: 0 0 0 0;
	font-weight:bold;
}
table.promos ul.promoMenu li a:hover {
	background-image: url(../graphics/navigation/bulletGreen-over.gif);
}
table.promos #UpdatePanel1 { width:90%; margin:0 0 0 0;}
/* tabular results */

table.searchResults caption { font-size:18px; margin-bottom:.3em; color:#339900; text-align:left; font-weight:bold;}
table.searchResults caption span.disclaimer { font-size:11px; color:#000000; font-weight:normal; line-height:auto; margin-bottom:5px; display:block;}
table.searchResults caption span.mapButton a {
	float:right;
	background-image:url(../graphics/default/newIcons/map-button.gif);
	width:175px;
	height:60px;
	display:block;
	margin-top:-10px;
	margin-right:0;
	background-repeat: no-repeat;
	background-position: left -60px;
}
table.searchResults caption span.mapButtonHide a:hover {
	background-position: left top;
}
table.searchResults caption span.mapButtonHide a {
	float:right;
	background-image:url(../graphics/default/newIcons/hide-map-button.gif);
	width:175px;
	height:60px;
	display:block;
	margin-top:-10px;
	margin-right:0;
	background-repeat: no-repeat;
	background-position: left -60px;
}
table.searchResults caption span.mapButton a:hover {
	background-position: left top;
}
table.searchResults caption span.mapButton span { display:none; }
table.searchResults {
	border-spacing:0px;
	font-size:.95em;
	width:100%;
	float:right;
	text-align:left;
	vertical-align:text-top;
	border:1px solid #CCCCCC;
}
table.searchResults thead th { background-color:#f7f7f7; padding:0 0 0 0;}
table.searchResults thead th p { margin:0 0 0 0; padding:.5em ; color:#737373;}
table.searchResults tbody td {
	padding:.3em 0 .3em 0;
	background-image: url(../graphics/default/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align:text-top;
}
table.searchResults tbody p { margin:0 0 0 0; padding:.5em; }

table.searchResults tfoot p { margin:.5em 0 .5em 0; }



#leftCol table.searchResults thead th.column5, 
#leftCol table.searchResults thead th.column6 { text-align:center;}



#leftCol table.searchResults thead th { border-bottom:1px solid #efefef;}
#leftCol table.searchResults thead th.column1,
#leftCol table.searchResults thead th.column2,
#leftCol table.searchResults thead th.column3,
#leftCol table.searchResults thead th.column4,
#leftCol table.searchResults thead th.column5 { border-right:1px solid #efefef;}
#leftCol table.searchResults thead th.column1 { width:150px;}
#leftCol table.searchResults thead th.column3 { width:100px;}


#leftCol table.searchResults tbody tr.row0 {}
#leftCol table.searchResults tbody tr.row1 { background-color:#fefefe;}
/*#leftCol table.searchResults tbody tr:hover { background-color:#f6f9f2;}*/

#leftCol table.searchResults tbody td.column5,
#leftCol table.searchResults tbody td.column6 { vertical-align:top;}
#leftCol table.searchResults tbody td.column6 { padding-right:5px;}


#leftCol table.searchResults tbody td img.activeImage { padding:5px; border:1px solid #CCCCCC; width:88px; background-color:#FFFFFF; }
#leftCol table.searchResults tbody td img.award { width:50px;}
#leftCol table.searchResults tbody td img.councilPartner { width:80px;}

#leftCol table.searchResults tfoot td { text-align:center;}


/* new score icons */

p.score { }
#leftCol table.searchResults tbody td p span {
	vertical-align: middle;
	text-transform:uppercase;
	margin-left:20px;
	position:relative;
	display:block;
}

#leftCol table.searchResults tbody td p.excellentScore {
	background-image: url(../graphics/default/newIcons/excellent.gif);
		background-repeat: no-repeat;
	background-position: left center;
}
#leftCol table.searchResults tbody td p.satisfactoryScore {
	background-image: url(../graphics/default/newIcons/satisfactory.gif);
		background-repeat: no-repeat;
	background-position: left center;

}
#leftCol table.searchResults tbody td p.unsatisfactoryScore {
	background-image: url(../graphics/default/newIcons/unsatisfactory.gif);
		background-repeat: no-repeat;
	background-position: left center;
}
#leftCol table.searchResults tbody td p.awaitingScore {
	background-image: url(../graphics/default/newIcons/awaiting.gif);
		background-repeat: no-repeat;
	background-position: left center;
}



/*poll*/
table.results caption { font-size:1.3em; margin-bottom:.3em; color:#339900; text-align:left; font-weight:bold;}
table.results,
td.col3 table {
	border-spacing:2px;
	font-size:.95em;
	line-height:1em;
	text-align:left;
	width:100%;
	float:right;
}
td.col3 table td,
table.results td { border-bottom:1px solid #CCCCCC;}
table.results td img { 
	clear:both; 
	float:left;
	height:10px;
}
table.results td,
td.col3 table { padding: 0 0 .3em 0;}
table.results td img { border-left:1px solid #48A719; border-right:1px solid #48A719;}

td.col3 table label,
td.col3 table td { padding:0 0 0 0;}
td.col3 table p { padding:0 0 0 0; margin:0 0 0 0;}

td.col3 table input,
td.col3 table label,
td.col3 table p{ }
/**/


/* flash */
.centreSpace { width:auto; text-align:center; }
.flash { 
	margin:0 auto 0 auto;
	text-align:center;
}
.flash p { margin-left:10px; text-align:left;}
#flashcontent {
	width:530px;
	height:450px;
	background-image: url(../graphics/hampshire-safe2eat-map.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/* faq module */


.record {
	background-image: url(../graphics/default/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 1.33em;
	padding-bottom: 1em;
}
.record .pageTable { margin-bottom:.5em;}
.record h1 { margin-bottom:.1em; color:#333333; font-size:1.2em;}
.record h2 { margin:0;}

/* design letter modules */
alphaModule { 
	margin: 0 0 0 0; 
	padding: 0 0 0 0 ;
}
div.alphaModule {
    background: url(../graphics/modules/module-green-main_03.gif) no-repeat left bottom;
    text-align:left;
    margin-top:0;
    margin-bottom:0!important;
    width:520px;
}
html > body div.alphaModule { width:520px;}
div.alphaModule div {
    background: transparent url(../graphics/modules/module-green-main_04.gif) no-repeat right bottom;
}
div.alphaModule div div {
    background: transparent url(../graphics/modules/module-green-tab.gif) no-repeat left top;
}
p.alphaTitle { 
	font-weight:bold;
	padding: 5px 5px 0px 10px;
	margin:0 0 10px 0;
	width: auto!important;
	text-align:left;
}
div.alphaModule div div div {
	background: transparent ;
	padding: 0px/* 5px 5px 5px*/;
	width: auto!important;
	text-align:center;
}
div.alphaModule div div div div { background-image:none; padding:0px; display:block; background-color:transparent;!important}
#leftCol table#matrix  { width:505px; margin:0px 10px .3em 5px; padding:0; }
#leftCol table#matrix caption { display:none; }
#matrix td { width:3.84%;}

#matrix div.letter a {
	white-space: nowrap;
	text-transform: uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 3px;
	display:block;
}
#matrix div.letter {
    background: url(../graphics/modules/module-green_03.gif) no-repeat left bottom;
    text-align:left;
    margin-top:0px;
    padding:5px;
    margin-bottom:0px!important;
    width:auto;
}
html > body #matrix div.letter { width:auto; padding:0px;}
#matrix div.letter div,
#matrix .letter div {
  	background: transparent url(../graphics/modules/module-green_04.gif) no-repeat right bottom;
    padding:0px;
}
#matrix .letter div div {
  	background: transparent url(../graphics/modules/module-green_01.gif) no-repeat left top;
    padding:0px;
}
#matrix .letter div div div {
	background: transparent url(../graphics/modules/module-green_02.gif) no-repeat right top;
	padding: 0px;
	width: auto;
	text-align:center;
}

/**/

/*faq*/

#faqSearch { margin-left:12px;}
#faqSearch p,
#popularFaqs p.title { margin:1em 0 1em 0;}
#faqSearch p.marg { margin-top:.3em;}
#popularFaqs { padding:0 0 0 12px;}


#popularFaqs h2 { color:#333333; font-size:1.2em;}
#popularFaqs h3 { color:#666666; font-size:1.1em;}





/*------------------*/
#popularFaqs ul,
#faqGroup ul {
	margin:0 0 0 0; 
	padding:1px 0 8px 0; 
	list-style-type: none;
	border-top:none;
	background-color: #FFFFFF;
	text-align:left;
}
#faqGroup ul li {	
	font-size:.95em;	
	padding:.4em 0 .4em 0;
}
#faqGroup ul li,
#popularFaqs ul li {
	background-image: url(../graphics/navigation/li.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:0 8px 0 8px;
	padding:.4em 0 .4em 0px;
	font-weight:bold;
	text-align:left;
	list-style-type: none;
}
#popularFaqs ul li a {
	background-image: url(../graphics/default/faq.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	display:block;
}
#popularFaqs ul li a:hover {
	background-image: url(../graphics/default/faq-over.gif);
}
#faqGroup ul li a {
	background-image: url(../graphics/default/faqGroup.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	display:block;
}
#faqGroup ul li a:hover {
	background-image: url(../graphics/default/faqGroup-over.gif);
}

/*----------------*/



/* assorted table data */

table.pageTable
{
	border-top:1px solid #E2E0DE;
	border-right:1px solid #E2E0DE;
	border-left:1px solid #E2E0DE;
	width:99%;
	margin-left:1px;
	border-collapse:collapse;
	margin-bottom:1em;
}
table.formTable
{
	width:99%;
	border-spacing:0px;
	margin-left:1px;
	border-collapse:collapse;
	margin-bottom:1em;
}

table.pageTable td,
table.pageTable th {
	padding:.3em;
	vertical-align: text-top;
	border-bottom:1px solid #E2E0DE;
}
table.formTable td,
table.formTable th {
	padding:.2em;
	vertical-align: top;
}
table.pageTable th {
	width:38%;
}

table.formTable label {
	vertical-align: text-top;
}
table.formTable .small label { font-size:.75em;}
table.pageTable p,
table.formTable p  { margin:0 0 .25em 0; padding:0px; vertical-align: text-top; line-height:normal; }
#leftCol table.pageTable img,
#leftCol table.formTable img { padding:0 0 0 0; margin:0 0 0 .5em; }
table.pageTable caption { margin:0 0 .3em 0; font-weight:bold; text-align:left; }




/* INTRO MODULES */

.promo {
	width:99%;
	display:block;
	margin-bottom:1em;
}
.contents .promo p,
#leftCol .promo p { 
	margin:0 0 0 0; 
	padding:0 0 0 0;
}
.promoImage { margin:0 5px 1em 0;}
#leftCol .promoImage img { margin:0 0 0 0; width:80px;}
.contents .promo .promoImage img
.promoText .promoTitle {font-size:1em; }
#leftCol .promoText .promoTitle {font-size:1.21em; }
.promoText .promoTitle img { vertical-align:baseline;}

img.activeImage {
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
img.ratingIcon { margin: 0 0 0 0; vertical-align:baseline;}


/*pagenation results*/
span.blue { color:#0033FF; margin:0 .3em 0 .3em;}
span.previous {
	background-image: url(../graphics/default/arrow_left_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-right:10px;
}
span.next {
	background-image: url(../graphics/default/arrow_right_green.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	margin-left:10px;
}

/**/


/* back to top */
.anchor {
	font-size:.75em;
	background-image: url(../graphics/default/arrow_up_blue.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 1em 0 0 0;
	padding: 0 0 0 20px;
	float: right;
	clear:both;
}
hr { clear:both;}

/* footer */

#footerMenu,
#legal { clear:both; width:100%; float:right;}

#footerMenu ul { 
	background-color:#67BD1A;
	width:100%;
	text-align:left;
	float:left;
	margin:0 0 0 0;
	vertical-align: middle;
	clear:both;
}
#footerMenu ul {
	background-color:#67BD1A;
	margin:2em 0 1.5em 0;
}
#footerMenu ul {
	padding:.4em 0 .5em 0;
	font-size:.95em;
}
#footerMenu li { 
	margin:0 0 0 0;
	padding:0 .5em 0 .5em;
	font-weight:bold;
	display:block; 
	float:left;
}
#footerMenu li a { color:#ffffff; padding:0 .5em; }
#badges { 
	margin:0 0 0 1em; 
	color:#656565; 
	font-weight:bold; 
	font-size:.8em; 
	line-height:2em; 
}
#badges a { color:#656565;}
#badges img { float:left; margin-right:1.3em; }
#badges img.footerLogo { margin-right:.5em;}
#badges { 
	margin-top:2em;
}
#legal {
	background-image: url(../graphics/default/dot.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	margin:10px 0px 0px 0px;
}
#legal ul {
	text-align:left;
	margin:0px;
	padding:5px;
}
#legal li { 
	display:inline;
	color:#C9C9C9; 
	margin:0px; 
	padding:0; 
	font-weight:normal; 
	font-size:.7em; 
}
#legal li a { color:#C9C9C9; padding:0px; margin:0px; }


