body {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background-color:"#AEDF87";
background-image:url('images/background.png');
scrollbar-face-color:#AEDF87;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-color:#78AAFF;
}

#contentarea {
overflow:scroll;
overflow-x: hidden;
width:640px;
height:470px;
scrollbar-face-color:#ADCFEB;
scrollbar-base-color:#ADCFEB;
scrollbar-arrow-color:#11568C;
scrollbar-track-color:#ADCFEB;
scrollbar-shadow-color:#ADCFEB;
scrollbar-highlight-color:#ADCFEB;
scrollbar-3dlight-color:#ADCFEB;
scrollbar-darkshadow-color:#ADCFEB;
}

a:link,a:active,a:visited{
color:#11568c;
text-decoration:underline;
}

a:hover{
text-decoration:none;
color:#1F7DC8;
}

img {
behavior:url('http://www.carlypattersononline.com/images/hack/pnghack.htc');
}

.feed A:link {
color:#FFFFFF;
text-decoration:underline;
}
.feed A:visited {
color:#FFFFFF;
text-decoration:underline;
}
.feed A:hover {
color:#A4D27F;
text-decoration: none;
}


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 9px Tahoma;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #176DB5;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #176DB5;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #176DB5;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid #176DB5;
width: 224px;
height: 220px;
margin-bottom: 1em; padding: 3px;
text-align: center;
}


.news{
width: 400px;
padding: 4px;
border: 1px solid #11568C;
font-family: Tahoma;
font-size: 10pt;
font-color: #11568C;
align: center;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.news2{
width: 100%;
padding: 1px;
border: 0px solid #11568C;
font-family: Tahoma;
font-size: 10pt;
font-color: #FFFFFF;
align: center;
}

.news3{
width: 100%;
padding: 1px;
border: 0px solid #11568C;
font-family: Tahoma;
font-size: 10pt;
font-color: #FFFFFF;
align: center;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.news2 A:link {
color:#FFFFFF;
text-decoration:underline;
}

.news2 A:visited {
color:#FFFFFF;
text-decoration:underline;
}

.news2 A:hover {
color:#A4D27F;
text-decoration: none;
}


.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: #11568C;
font-size: 10pt;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

	
	.poller{	/* The poller box */
	
		float:right;		
		width:150px;
		height:220px;		
		padding:15px;	
		border:3px double #317082;
		background-image:url(images/question.gif);
		background-repeat:no-repeat;
		background-position: center center;
		margin:10px;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:0px;
	}
	/* 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 fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.8em;
		margin-top:10px;
		font-style:italic;
	}

