body {background-color:#CD853F;}


/*DIVS*/

#wrapper {position:absolute; width:95%; top:10px; left:2%; right:5%; background-color:white;}

 #head {width:100%; height:150px; background-color:green;}
 
 #pagetitle {position:absolute; text-align:center; left:50%; top:45px; font-size:35px; color:white;} /*for home page and other pages*/
 

#menutop {height:25px; background-color:#F9966B; text-align:center; border: black solid 0px;}

#column1 {background-color:white; width:25%; float:left;}

#column2 {background-color:white; width:50%; float:left;}

#column2a {background-color:white; width:75%; float:left;}

#column3 {background-color:white; width:25%; float:right;}

#footer {clear:both; width:100%; background-color:#6AFB92; text-align:center;}

#rotator
{
	background: green  url(rimages/rotator.php) no-repeat center top;
	color: inherit;
	height:200px;
	width: 100%;
}

/*CLASSES*/

/*rounded-corner box for rotating photos on homepage*/

.picframe {
	width: 96%;
	background-color: #f90;
	color: #fff;
	margin-top:10px;}

.roundtop { 
	background: url(images/tr.gif) no-repeat top right;}

.roundbottom {
	background: url(images/br.gif) no-repeat bottom right;}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;}
/*end of rounded corner box on home page*/

.floatright {float:right; border: 1px solid black;
			margin:0px 0px 10px 10px;}

.accentbox {width:90%; margin:5px; border:solid 1px red;
            padding:5px; text-align:center; background-color:#F5F5DC;}
.accentbox p {font-size:20px;}    /*highlight box on home page*/

.accentbox2 {width:50%; margin:0% 24% 0% 24%; border:solid 0px red;  text-align:center; background-color:#F9966B;}
.accentbox2 p {font-size:21px;}    /*used for all download boxes*/

.accentbox2a {width:70%; margin:20px 15% 0% 15%; border:inset 3px red;  text-align:center; background-color:transparent;}
.accentbox2a p {font-size:21px;}  /*used on facilities and council pages*/

.photocaption {display:block; font-size:17px; color:teal; text-align:center; margin:5px 5px 5px 5px;}

/*LINKS*/

a:link {text-decoration:none; color:navy;}
a:visited {text-decoration:none; color:navy;}
a:hover {text-decoration:none; color:white; background-color:gray;}

a.image:link {text-decoration:none; color:white;}
a.image:visited {text-decoration:none; color:white;}
a.image:hover {text-decoration:none; color:white; background-color:gray;}

/*FONTS*/

.centrecolumn {display:block; font-size:20px; font-family: Times Roman; padding-left:10px; padding-right:15px; color:#610B0B;} /*used in home page intro*/

.largeleftcol {display:block; font-size:20px; font-family: Times Roman; padding-left:30px; padding-right:40px; color:#610B0B;} /*used on membership page*/

.lrcoldesc {display:block; font-size:16px; font-family: Times Roman; padding:8px 15px 5px 5px; color:gray;} /*used in descriptions of links in left and right columns on home page*/

.columntitle27 {display:block; font-size:27px; font-family: Times Roman; color:teal; padding-left:10px; padding-top:30px;} /*font for the home page column titles*/

.columntitle27a {display:block; font-size:27px; font-family: Times Roman; color:teal; padding-left:30px; padding-top:30px;} /*font for the membership page left column title*/

.columntitle23{display:block; font-size:22px; font-family: Times Roman; color:teal; padding-left:10px;}

.columntitle23a{display:block; font-size:22px; font-family: Times Roman; color:teal; padding-left:30px; text-decoration:underline;}

ul li{font-size:20px; font-family: Times Roman;  color:#610B0B; margin-left:30px;}

ol li{font-size:20px; font-family: Times Roman;  color:#610B0B; margin-left:30px;}