/* sandlike color is ECD0A6 */





* {

margin : 0 0 0 0; 

padding : 0 0 0 0; 

} 



img.as-text { content: attr(alt); }







body

{

	padding: 10px 0px 10px 0px;

	font : normal 0.76em/1.6em "georgia", "times new roman", serif;

	color: #333333;

	background-color: #ffffff;

	background-image: url(images/grass-bg.jpg);

	text-align: left;

}



 the following is an Internet Explorer Hack to ensure that the website displays in the same manner in Internet Explorer and all other browsers. It does not validate against W3C CSS validator at http://jigsaw.w3.org/css-validator/ but it validates correctly when the whole page is taken into consideration at validator.w3.org 

<[if IE]>

body

{

background: #ffffff url('images/grass-bg.jpg');

padding: 10px 0px 10px 0px;

font : normal 0.71em/1.4em "georgia", "times new roman", serif; 

color: #555555;

}<![endif]>



 End Hack 



a

{

color: #663300;

text-decoration: underline;

}



a:hover

{

	text-decoration: none;

	color: #FF0000;

}



p

{

margin-bottom: 10px;

}





h3

{

	font-size: 1.7em;

	color: #663300;

	margin-bottom: 10px;

}



h4

{

font-size: 1.2em;

}



td

{

	padding: 0 3px 0 3px;

}



.contentarea

{

padding-top: 1.3em;

}



#content ul

{

	text-indent: 1em;

	line-height: 1.5em;

	list-style-type: none;

	margin-bottom: 1.0em;

}



table {



border: solid 1px #CCCCCC;

}



.noborder {

	border-top-width: 0;

	border-right-width: 0;

	border-bottom-width: 0;

	border-left-width: 0;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

}



img

{

border: solid 1px #6F5230;

}



img.left

{

position: relative;

float: left;

margin: 0em 1.8em 1.4em 0em;

}



img.right

{

position: relative;

float: right;

margin: 0em 0em 1.8em 1.8em;

}



.map_align_right

{

	position: relative;

	float: right;

	margin: 0em;

	display: inline;

	width: 562px;

}



.hr-thick

{

position: relative;

background: #fff url('images/border2.gif') repeat-x;

height: 14px;

margin: 1.0em 0em 0.5em 0em;

clear: both;

}





.hr-thin

{

position: relative;

height: 1px;

border-bottom: solid 1px #eaeaea;

margin: 1.0em 0em .5em 0em;

}



#outer_page {

	width:794px;

	border: solid 1px #666666;

	clear: both;

	background-position: center;

	position: relative;

	visibility: inherit;

	background-color: #DCDAC4;

}



#page

{

	width: 780px;

	background-color: #fff;

	margin: 7px auto;

	text-align: left;

}





#header

{

position: relative;

height: 227px;

background: #fff url('images/hdrpic.jpg') no-repeat top left;

margin-bottom: 2px;

}



#topmenu {

position: relative;

background: #586E56 url('images/menubg.gif') repeat-x top left;

height: 3.5em;

padding: 0em 1.0em 0em 1.0em;

margin-bottom: 2px;

}



#topmenu ul

{

position: absolute;

top: 1.1em;

}



#topmenu ul li

{

	position: relative;

	display: inline;

	font-style: normal;

	font-weight: bold;

}



#topmenu ul li a

{

padding: 0.5em 1.0em 0.9em 1.0em;

color: #213A1F;

text-decoration: none;

}



#topmenu ul li a:hover

{

text-decoration: underline;

color: #CC0000;

}





#topmenubottom

{

background: #fff url('images/border1.gif') repeat-x;

height: 14px;

margin-bottom: 1.5em;

}







#col1 {

background-color: #FFFFCC;

	float: left;

	width: 170px;

	margin-left: .5%;

	Margin-right: .3%;

	text-indent: 4px;

	text-align: left;

}



#eventbox-left

{
	float: left;
	clear:right;
	width: 180px;
	margin: 0 2em 2em 0;
	display: inline;
	padding-left: 1.5em;
	padding-top: 2em;
	background-image: url(images/border2.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border-right: solid 1px #bbbbbb;
	color: #663300;

}





#eventbox-left a

{

	color: #663300;

	text-decoration: none;



}



#eventbox-left a:hover

{

	text-decoration: underline;

	color: #FF0000;

}





#two_col {

	  float:right;

	width: 520px;

	margin: 0;

	padding: 0 3% 0 0;

}



#two_col ul

{

	line-height: 1.5em;

	list-style-type: disc;

	padding-left: 20px;

}

#eventbox-right

{

	float: right;

	clear:left;

	width: 190px;

	margin: 0 0 2em 2em;

	display: inline;

	border-left: solid 1px #bbbbbb;

	padding: .5em;

	background-image: url(images/border2.gif);

	background-repeat: repeat-x;

	background-position: center top;

}









#footer

{

position: relative;

height: 2.0em;

clear: both;

padding-top: 5.0em;

background: #fff url('images/border2.gif') repeat-x 0em 2.5em;

font-size: 0.9em;

font-family: sans-serif;

color: #333333;

}



#footer .left

{

position: absolute;

left: 2.0em;

bottom: 1.2em;



}



#footer .center

{



	clear:both;

	bottom: 1.2em;

	text-align: center;

	display: block;

	margin-top: -20px;

}



#footer .right

{

	position: absolute;

	right: 30px;

	bottom: 1px;

}
#outer_page #page #eventbox-left .style3 {
	font-size: 14px;
}