body{ background-image:url(../images/bg.gif);}	
ul { list-style-type:none;}
a { text-decoration:none;}
br{ margin: -8px 0px 0px 0px;}
h1{ font-size:.8em; color:#000000; margin-bottom:10px;}
h2{ font-size:1.1em; color:#666666;}
p, ul, td, th, label, input, select, h1, h2, form,textarea{font-family:"Lucida Grande", Geneva, Arial, sans-serif; }
p{
	font-size:.7em; 
	color:#000000;
	line-height:1.4em; 
	margin:0px 0px 0px 0px;
}
#photos img, #sideimage img{
	padding: 1px 1px 1px 1px;
	margin: 10px auto 5px 50px;
	border: 1px solid #333;
}

/* main elements ---------------------------------------------------------*/
#wrapper {
	background-image:url(../images/middle.gif);
	background-repeat:repeat-y;
	width: 790px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	position:relative;
}
#topshadow{
	background-image:url(../images/top.gif);
	background-repeat:no-repeat;
	width: 790px;
	height:35px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#bottomshadow{
	background-image:url(../images/bottom.gif);
	background-repeat:no-repeat;
	width: 790px;
	height:45px;
	clear:both;
	margin-left: auto;
	margin-right: auto;
}

#photos{margin:20px 0px 0px 60px; width:200px;}
#photos img{margin:0px 20px 10px 10px;}
#photos h1{ margin-left:0px;
border-bottom:1px solid #ccc;
}

.header{
	width:685px;
	height:183px;
	margin-left:50px;
}
.img0{background-image:url(../images/header.jpg);}
.img1{background-image:url(../images/header1.jpg);}
.img2{background-image:url(../images/header2.jpg);}
.img3{background-image:url(../images/header3.jpg);}

#nav{
	background-image:url(../images/nav.jpg);
	width:685px;
	height:45px;
	margin-left:50px;
}
#sidenote{
	background-image:url(../images/sidenote.jpg);
	background-repeat:repeat-y;
	width:213px;
	height:auto;
	margin-left:50px;
}
#sidenote a{color:#333333;}
#sidenote h1{border-bottom: 1px solid;	margin: 0px 20px 5px 10px;}
#sidenote p, h1 {margin-left:20px;margin-right:20px;}

#sidenotebottom{
	background-image:url(../images/sidenotebottom.jpg);
	background-repeat:no-repeat;
	width:213px;
	height:26px;
	margin-left:50px;
}
#redbox{
	background-color:#990000;
	padding: 2px 0px 10px 0px;
	margin-right:30px;
	margin-left:5px;
	color:#FFFFFF
}
#redbox h1{color:#FFFFFF}
#redbox a{color:#FFFFFF; cursor:help}
#redbox a:hover{color:#ccc}
#redbox ul, li{color:#ccc; font-size:.8em; display:block;margin-left:20px; text-align:left; padding-left:0px;}
.boxmargin ul, li{margin:0px 0px 0px 0px; display:list-item;}

#footer{
	text-align:center;
	font-family:"Lucida Grande", Geneva, Arial, sans-serif; 
	font-size:.7em; 
	color:#EAEBDB;
	line-height:1.4em; 
	margin:0px auto 1em auto;
}
#footer a{color:#EAEBDB;font-weight:bold; text-decoration:underline;}
#footer a:hover{color:#333;}

#sideimage{
	float:left;
	width:213px;
	height:auto;
	margin-left:0px;
	text-align:center;
}

#contentmiddle{
	float:right;
	width:335px;
	display:inline;
}
#contentmiddle h1{color:#999999; margin-left:0px;}
#contentmiddle h2{margin-top:20px;}
#contentmiddle p{margin-right:20px; line-height:1.3em;}
#contentmiddle ul{font-size:.8em; list-style-type:disc;}
#contentmiddle img{margin-left:50px;}
#contentmiddle a{color:#990000}


#contentright{
	float:right; 
	width:165px;
	border-left: 2px dotted #000;
	padding:10px 8px 10px 0;
}
#contentright p{margin-left:15px;}
#contentright h1{ font-size:.7em; margin-left:15px;}
.top{margin-top:8px}
.center{margin-top:80px;}

#gray a{ color:#666666;}
#gray a:hover{ color:#999999;}

#invert{ 
padding:5px 0px 5px 10px;
margin-left:-10px;
background-color:#666666; 
color:#CCCCCC; 
}

#fix{clear:both;margin-bottom:10px}
#font1{font-size:1.1em;font-weight:bold; margin-bottom:6px;display:block;}
#font2{font-size:1.1em; color:#333333;}

/* form -------------------------------------*/
form{margin-top: 10px; }
form input, textarea{margin-left:5px;}
form p{margin-left:10px}

#formwrap{
	background-image:url(../images/form.jpg); background-repeat:no-repeat;
	width:280px;
	height:270px;
	margin:0px auto 0px auto;
	float:left; 
	clear:both;
}

input{margin-top:5px; font-size:.7em}
textarea{font-size:.7em; width:265px;}



/* menu and links --------------------------------------*/
#menu{
	float:right;
	height:32px;
	width:440px;
	vertical-align:top;
	margin:8px 0px 0px 10px;
	display:inline;
}
#menu ul, li{
	display:inline;
	margin:0px;
}

#menu a{
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif .8em normal;
}

li#home a{
	float:left;
	display:block;
	width:65px;
	height:30px;
/*    background: url(images/Home.jpg) 0px 0 no-repeat;*/
}
li#home a:hover {color:#666666/*background-position: 0 -30px;*/}

li#location a{
	float:left;
	display:block;
	width:85px;
	height:30px;
    /*background: url(images/Location.jpg) 0px 0 no-repeat;*/
}
li#location a:hover {color:#666666/*background-position: 0 -30px;*/}

li#recreation a{
	float:left;
	display:block;
	width:100px;
	height:30px;
    /*background: url(images/Location.jpg) 0px 0 no-repeat;*/
}
li#recreation a:hover {color:#666666/*background-position: 0 -30px;*/}

li#contact a{
	float:left;
	display:block;
	width:80px;
	height:30px;
    /*background: url(images/Contact.jpg) 0px 0 no-repeat;*/
}
li#contact a:hover {color:#666666/*background-position: 0 -30px;*/}

li#facilities a{
	float:left;
	display:block;
	width:90px;
	height:30px;
    /*background: url(images/Facilities.jpg) 0px 0 no-repeat;*/
}
li#facilities a:hover {color:#666666;/*background-position: 0 -30px;*/}



/* email send ---------------------------------*/

.confirm{font-family:Verdana, sans-serif; font-size:.8em; float:left; padding-bottom:8px;}
.sent{color:#00CC00; }
.notsent{color:#FF0000;}


/* directions ---------------------------------*/
#directions td{font-size:.75em}
#dirForm th{font-size:.75em}