body{
	margin-top:20px;
	margin-bottom:50px;
	padding:0;
	background-color:#ffffff;
	background-image:url(../gfx/body_bg.png);
	background-repeat:repeat-x;
	font-family:verdana, sans-serif;
}


#PageContainer{
	width:804px;
	height:auto;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;

	background-image:url(../gfx/PageContainer_bg.png);
	background-repeat:repeat-y;
}


#PageHeader{
	width:804px;
	height:110px;
	margin:0;
	padding:0;
	background-image:url(../gfx/CornerLT.png);
	background-repeat:no-repeat;
}

#Logo{
	margin-left:20px;
	margin-top:10px;
	padding:0;
	float:left;
}

#Tagline{
	margin-top:63px;
	margin-right:20px;
	float:right;
}

#Tagline span{
	font-family:verdana,helvetica,sans-serif;
	font-size:18px;
	color:#008f88;
	font-style:italic;
}


#PageMiddle{
	width:804px;
	height:auto;
	overflow:auto;
	padding-top:0px;
	padding-bottom:30px;
	float:none;
	clear:both;
	
	background-image:url(../gfx/PageMiddle_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}


#PageFooter{
	width:804px;
	height:auto;
	overflow:auto;
	margin-right:auto;
	margin-left:auto;
	padding-top:10px;
	padding-bottom:20px;
	float:none;
	clear:both;
	background-image:url(../gfx/PageFooter_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#PageFooter p{
	padding-left:20px;
	margin-bottom:0;
	font-size:11px;
	color:#666666;
}

#Navigation{
	width:180px;
	height:auto;
	min-height:300px;
	margin-left:20px;
	padding:0;
	float:left;
}

#ContentHeader{
	width:570px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-left:15px;
	padding:0;
	background-color:#dddddd;
}


#ContentHeader h1{
	margin-top:0;
	padding-top:50px;
	padding-left:20px;
	font-size:36px;
	color:#1e8884;
	font-weight:bold;
}

#ContentContainer{
	width:440px;
	height:auto;
	min-height:400px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	padding:0;
	float:left;
}


#ContentContainerHome{
	width:380px;
	height:auto;
	min-height:300px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	padding:0;
	float:left;
}


#MainContent{
	margin:20px;
	margin-left:0;
	margin-top:10px;
}




#SideContent{
	width:180px;
	height:auto;
	overflow:auto;
	min-height:300px;
	margin-top:10px;
	margin-right:20px;
	float:right;
}


#PageFooter p{
	margin-top:0;
}




/*
*************************************************
Generic list styles (News and similar)
*************************************************
*/

div.SpotListing ul{
	display:block;
	width:auto;
	height:auto;
	overflow:auto;
	
	margin:0;
	padding:0;
	list-style:none;
	font-family:verdana, helvetica, sans-serif;
	font-size:11px;
}

div.SpotListing ul li{
	list-style:none;
	display:block;
	width:100%;
	height:auto;
	margin-bottom:2px;
	padding:0;
}

div.SpotListing ul li a,
div.SpotListing ul li a:link,
div.SpotListing ul li a:visited,
div.SpotListing ul li span.nolink{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;

	background-image:url(../gfx/Listing_li_a_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#269f9a;
	
	text-decoration:none;
	color:#ffffff;
}

div.SpotListing ul li a:hover{
	background-image:url(../gfx/Listing_li_a_hover_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#40a7a3;
	color:#ffffff;
}

div.SpotListing ul li a span,
div.SpotListing ul li span.nolink span{
	display:block;
	width:auto;
	height:auto;
	overflow:auto;

	margin:0;
	padding:10px;

	background-image:url(../gfx/menu/Menu_br.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	
}

div.SpotListing ul li a span{
	cursor:pointer;
}

div.SpotListing ul li span.nolink span span,
div.SpotListing ul li span span{
	background-image:none;
	margin:0;
	padding:0;
}

div.SpotListing span span.Heading{
	font-weight:bold;
}

div.SpotListing span span.Date{
}

div.SpotListing span.Image{
	display:block;
	width:auto;
	height:auto;
	float:left;
	clear:left;
}

div.SpotListing span.Image img{
	display:block;
	width:auto;
	height:auto;
	padding-top:4px;
	padding-right:6px;
	padding-bottom:6px;
}

div.SpotListing span span.Text{
}

div.SpotListing span span.ReadMore{
	display:block;
	width:auto;
	height:auto;
	float:right;
	clear:both;
	margin:0;
	padding:0;
	padding-right:14px;
	background-image:url(../gfx/ArrowReadMore.gif);
	background-repeat:no-repeat;
	background-position:right center;
	font-weight:bold;
}

div.SpotListing li.MoreItems{
	width:auto;
	padding-right:10px;
}

div.SpotListing li.MoreItems a,
div.SpotListing li.MoreItems a:link,
div.SpotListing li.MoreItems a:visited{
	display:block;
	width:auto;
	height:auto;
	overflow:auto;
	float:right;
	clear:both;
	margin:0;
	padding-right:5px;
	background-image:url(../gfx/ArrowReadMore_G.gif);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#ffffff;
	color:#009c95;
	font-weight:bold;
	text-decoration:none;
}


div.SpotListing li.MoreItems a:hover{
	background-image:url(../gfx/ArrowReadMore_G_hover.gif);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#ffffff;
	color:#80ceca;
}


div.SpotListing li.MoreItems a span{
	display:block;
	width:auto;
	height:auto;
	background-image:none;
}














/* Newsletter spot */

#NewsletterSpot{
	font-family: verdana, helvetica, sans-serif;
	font-size:11px;
}

#NewsletterSpot a{
	display:block;
	width:auto;
	height:auto;
	overflow:auto;
	
	margin:0;
	padding:0;
	text-decoration:none;
	color:#009c95;
	cursor:pointer;
}

#NewsletterSpot a:hover{
	color:#80ceca;
}

#NewsletterSpot a span.Heading{
	display:block;
	padding-bottom:1px;
	
	font-size:13px;
	font-weight:bold;
}

#NewsletterSpot a span.Intro{
	display:block;
	
}

#NewsletterSpot a span.ReadMore{
	display:block;
	width:auto;
	height:auto;
	overflow:auto;
	float:left;
	clear:both;
	padding-right:15px;
	margin-top:3px;
	
	background-image:url(../gfx/ArrowReadMore_G.gif);
	background-repeat:no-repeat;
	background-position:right center;
	
	font-weight:bold;
}

#NewsletterSpot a:hover span.ReadMore{
	background-image:url(../gfx/ArrowReadMore_G_hover.gif);
}









