html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#ccc; 
 font-family: Arial, Verdana, Tahoma, sans-serif;
} 

#pagewidth{ 
 width:750px; 
 text-align:left; 
 min-width: 600px;
 margin-left:auto; 
 margin-right:auto; 
} 

#header{ 
 height:100px; 
 width:100%; 
 background-color:#999; 
 } 

#header img {
 float: left;
 margin-left: -4px;
 padding: 0;
}

#leftcol{
 width:135px; 
 float:left; 
 position:relative; 
 margin-left:-135px; 
 margin-right:1px; 
 }

#leftcol ul {
	margin: 2px;
	padding: 0px;
	}

#leftcol li {
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 36px;
	width: 110px;
	text-align:center;
	list-style-type: none;
	margin-top:3px;
	}

#leftcol a {
	width:100%;
	height:36px;
	line-height:36px;
	display:block;
	text-align:center;
	text-decoration:none;
	color: #000;
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-left-color: #fff;
	}

#leftcol a:hover {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #333;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #fff;
	border-left-color: #333;
	}

.curr_loc {
	color: #fff;
	font-weight: bold;
	text-align: center;
	height:36px;
	line-height:36px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #333;
	border-right-color: #fff;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #fff;
	border-left-color: #333;
	}


#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 135px ;  /* left column width. NN4 hack to hide borders */ 
 border-left-color: #999;   /* left column color */ 
	border-left-style: solid; 
 /*/*/ border-right-width: 2px; /* right column width. NN4 hack to hide borders */ 
 border-right-color: #999;  /* right column color */ 
 border-right-style: solid; 
 background-color: #fff; /* center column colour */ 
 width: auto; 
 } 

#rightcol{
 /*/*/ width:2px; /* hack keeps NN4 right column right? */ 
 float:right; 
 position:relative; 
 margin-right:-2px; 
 margin-left:1px; 
 } 

#footer {
 height:50px; 
 width:100%;
 border-top: 2px #999; 
 background-color:#ccc;
 text-align: center;
 } 

#inner {
 margin:0;
 width:100%;
 }

#maincol { 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }

#maincol table {
	border-collapse:collapse;
	border-style: none;
	padding: 0px 0px 0px 3px;
	font-size: 80%;
	}

#maincol a {
	color: #00f;
	font-weight: bold;
	}

#outer>#inner { border-bottom: 1px solid #cc0;  }

.clr{clear:both;}

.content{padding:5px;} /*padding for content */ 

.nobullet {list-style-type: none;}

#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 


 /*printer styles*/ 

@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}
.c {
	float: left;
}
.cr {
	clear: left;
}
#descr {
	padding: 0px;
	margin: 0 0 5px 0;
}
table.formPage {
	border: 1px solid #A0A0A0;
}
td.err {
	padding: 3px;
	color: #FF0000;
	background: #FFEDED;
	border: 1px solid #A0A0A0;
	text-align: left;
}
td.msg{
	padding: 3px;
	color: #0000FF;
	background: #EDF3FF;
	border: 1px solid #A0A0A0;
	text-align: left;
}
.label {
	text-align: right;
}
.buttons {
	border-top: 1px solid #A0A0A0;
	text-align: center;
}
.count {
	color: #6f6f6f;
	font-size: 8pt;
	font-weight: normal;
}
#links a {
	font-size: 10pt;
}
#links p {
	margin: 0 0 7px 0;
}
.url {
	color: #6f6f6f;
}
#path {
	margin-top: 2px;
	padding: 3px;
	background: #fff;
	line-height: 19px;
	border-top: 1px solid #ccc;
}
.submit {
	float: right;
	vertical-align: bottom;
}
.text, .btn{
	font-size: 8pt;
}
input.text {
	color: #000000; 
	border: 1px solid #5e74b3;
	height: 13px;
}
textarea.text {
	font-size: 8pt;
	border: 1px solid #5e74b3;
}
select {
	font-size: 8pt;
	border: 1px solid #5e74b3;
}
.captcha {
	border: 1px solid #5e74b3;
	margin-top: 10px;
}
form {
	display: inline;
	margin: 0;
	padding: 0;
}
.btn{
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #5e74b3;
	background-color: #c69a52;
	height: 17px;
}
span.req{
	margin-left: 3px;
	color: #FF0000;
	font-weight: bold;
}
div.errForm, span.errForm {
	margin: 0px 0 0px 5px;
	padding: 2px 3px 2px 3px;
	color: #FF0000;
	background: #FFFFF3;
	border: 1px solid #cccccc;
	text-align: left;
	clear: right;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #909090;
	font-size: 7pt;
	text-decoration: none;
}
.sort {
	color: #000000;
}
p.subcats {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
div.pr {
	font-size: 6pt;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg{
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb{
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}
#ads {
	position: relative;
	text-align: left;
	color: #f5f5f5;
}

#ads a, #ads a:visited, #ads a:hover {
	width: 95%;
	display: inline;
	color: #f00;
  font-weight: bold;
	text-decoration: underline;
	line-height: normal;
	border-style: none;
}

#mapContainer {
    height: 400px;
    width: 400px;
		margin-left: 40px;
}
dt {
	font-weight: bold;
}
.poller{	/* The poller box */
		float:right;		
		width:280px;
		height:320px;		
		padding:15px;	
		border:3px double #317082;
		background-image:url(poll/images/vote.gif);
		background-repeat:no-repeat;
		background-position: center center;
		margin:10px;
}
	/* Poller title above radio buttons */
.pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
		border:3px thin #000000;
}
	/* Label for each radio button */
.pollerOption{
		margin:0px;
		font-size:0.8em;
}
	/* Label for each option above graph - i.e. results */
.result_pollerOption{
		margin:0px;
		font-size:0.8em;
}
	/* Title of poller - when ajax shows the results */
.result_pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
		font-size:0.9em;
}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
		float:left;
}
	/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
		float:left;
		height:16px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:0.9em;
		line-height:16px;
}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
		height:16px;
}
	
	/* Message when Ajax is working getting restults from the server */
.poller_waitMessage{
		display:none;	
}	
	
.result_totalVotes{
/*		clear:both; */
		font-size:0.8em;
		margin-top:10px;
		font-style:italic;
}