/*BODY*/

body  { background-color:#ffff99;
	color: #000000;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 100%;
	text-align: center;

	margin: 0;

	padding: 0;
}

h1,h2 {color: #663300;}

a:link,a:visited {color: #663300;
		  text-decoration: none;
		  font-weight: bold;}

a:hover {background-color: #cccc99;}

img {border: solid 1px #ffffff;}


a:hover img {border: solid 1px #663300;}


/*CONTAINER*/

#container {background-color: #ffffff;
	    font-size: 1em;
	    margin: 0 auto;
	    padding: 0;

	    width: 90%;}



/*HEADER*/


#header {background-color: #ffff99;
	 padding: 15px 0;
}


#header img {border: none;}


/*NAVBARS*/

.navbar ul {list-style-type: none;
	    margin: 0;
	    padding: 0;}

.navbar a.home,a.events,a.notices,a.area,a.facts,a.maps,a.links,a.contact {background-color: #cccc99;}



#side {	width: 140px;

	float: left;

	text-align: left;
	margin-left: 5px;
	padding: 20px 10px;
	border-right: solid 1px #cccc99;}


#side ul {margin: 0;
	  padding: 15px 0 0 0;
	  line-height: 150%;
}


#side li {margin: 1px 0;
	  padding: 5px 0;}

#base  {background-color: #ffff99;
	margin: 0;
	padding: 10px 0;}

#base li {display: inline;
	  padding: 5px 10px;}


/*RIGHT*/

#right {margin: 0;

	padding: 25px 10px;

	float: right;

	width: 250px;
	text-align: center;

	border-left: solid 1px #cccc99;}


#right a:hover {background-color: #ffffff;}


/*CONTENT*/

.content {text-align: justify;}

.content a {color: #663300;
	    text-decoration: underline;
	    font-weight: normal;}

.descrip {text-align: center;
	  font-size: 0.8em;}


/*MAIN1*/

#main1 {
margin: 0 165px;

	padding: 15px 25px;}


#facts a {line-height: 1.25em;}



/*CLEARER*/

.clearer {clear: both;
}



/*FOOTER*/

#footer {background-color: #ffff99;
	 color: #663300;
	 padding: 1px;
	 font-size: 0.75em;
	 border-top: solid 1px #663300;
}

