@charset "UTF-8";

/* All Pages */

body {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; background: url("../images/back.png"); background-repeat: repeat; background-color: #000000; color: #000000; }

#container {margin: auto; margin-top: 10px; width: 866px; text-align: center;}

#nav {text-align: center; width: 866px; height: 197px; background-color:#000000; padding-bottom: 0; margin-bottom: 0;}

#logo {float: left;}

#topright {float: left;}

#navtext {display: block;}

#innercontainer {width: 866px; background: url("../images/background.jpg"); padding-top: 20px;}

#heading {margin: auto; background-color: #cfcfcf; width: 600px;}

#indexbody {margin: auto; text-align: center; }

#bodytext {margin: auto; width: 500px; color: #000000; text-align: center; margin-bottom: 30px; background-color: #cfcfcf; padding: 10px 50px 30px 50px; }

#today {background-color: #ffffff; width: 500px; padding-top: 5px; padding-bottom: 5px;}

#happy {float: right; position: relative; right: 40px; top: -10px;}

#text {text-align: left; margin: 0px 0px 0px 0px; font-size: 11px;}

#eventcalendar {text-align: center; margin}

#slideshow {width: 700px; padding: 5px; background-color: #000000; margin: auto;}

#footer { text-align: left;	}

#pictures {float: ; background-color: #000000; height: 80px; width: 866px; padding-top: 10px;}

#pictures2 {float: left; background-color: #000000; height: 505px; width: 100px; padding: 10px; margin-bottom: 30px;}

#header {margin: auto; text-align: center; width: 100%;}

.headerimage {border: solid; border-width: 3px 3px 0px 3px; border-color: #ffffff;}

h1 {text-align: center; font-size: 1.5em;}

h2 {
	font-family: Verdana, sans-serif; 
	font-size: 1.2em;
	padding-bottom: 2px;
	border-bottom: 3px solid #1d923a;
}

ul { 
	margin-left: -20px; 
	margin-right:0px; 
	list-style: square inside; 
	
}

li {
	font-size: 1.2em;
	margin: 5px 0px;
	
}

.credit {color: #ffffff;}

.link:link, .link:visited {
	color: 	#1D923A;
	font-weight: bold;
	
}



/* Navigation */

img {border:none;}

.g {padding: 1px;}




/* Event Table */

table {border: none; border-spacing: 5px;}

td {border: none; padding: 5px; margin: 5px; font-size: 12px; }

td.heading {font-weight: bold; font-size: 16px;}

td.row1 {background-color: #ffed94;}

td.row2 {background-color: #dedede;}

a.play {display: block; width: 120px; height: 87px; text-decoration: none; background: url("../images/header/Play.jpg"); float: left;}

a.play:hover {background-position: -120px 0; text-decoration: none;}

a.play:active {background-position: -240px 0; text-decoration: none;}

a.eat {display: block; width: 90px; height: 87px; text-decoration: none; background: url("../images/header/Eat.jpg"); float: left;}

a.eat:hover {background-position: -90px 0; text-decoration: none;}

a.eat:active {background-position: -180px 0; text-decoration: none;}

a.events {display: block; width: 135px; height: 87px; text-decoration: none; background: url("../images/header/Events.jpg"); float: left;}

a.events:hover {background-position: -135px 0; text-decoration: none;}

a.events:active {background-position: -270px 0; text-decoration: none;}

a.info {display: block; width: 268px; height: 87px; text-decoration: none; background: url("../images/header/Info.jpg"); float: left;}

a.info:hover {background-position: -268px 0; text-decoration: none;}

a.info:active {background-position: -536px 0; text-decoration: none;}

/* Home Page */

#links {background-color: #d3d3d3; width: 350px; font-size: .75em; float: right; padding: 5px 10px 10px 10px; margin: 0px 0px 10px 10px; }


/* Graphic Design */

.thumb {border: solid; border-width: 1px; border-color: #000000; padding: 5px;}



/* Contact Page (contact.php) */

#contact { width: 350px; text-align: left;}

.title { font-size:16px; }

input {	color:#666666; }

textarea { color: #666666;}

label { font-size:11px; color:#000000;}





.text{ width: 600px; text-align:left; font-size: 10px; margin: 0 auto;}

.clear, br { clear:both;}

a:link { text-decoration: none;	color: #0033CC;	}
	
a:visited {	text-decoration: none; color: #003366; }
	
a:hover { color: #0033CC; text-decoration: none; }