/* GLOBAL STYLES */

* {padding: 0;
	margin: 0;}

body {background: #3b9898 url(../images/topBg.jpg) 50% 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

p {padding: 0 75px 25px 75px;
	line-height: 24px;
	color: #264d48;}
	
p span {font-weight: bold;
	font-size: 14px;}
	
h3 {padding: 0 0 4px 75px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #fff;}
	
h4 {font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 25px 0 0 35px;}
	
address {padding-top: 10px;
	font-style: normal;
	padding: 10px 0 0 35px;}

#content div {margin: 0 0 0 36px;
	color: #264d48;
	margin-bottom: 8px;}
.memb div div.odd {background: url(../images/membBack.gif) no-repeat;
	height: 146px;
	width: 312px;
	padding-left: 3px;}
.memb div div h4 {padding-right: 8px;}
.memb div div.even {background: url(../images/membBack2.gif) no-repeat;
	height: 146px;
	width: 312px;}
#content div div {width: 300px;
	float: left;
	margin: 0 35px 5px 20px;}
	
a:link, a:visited {color: #264d48;
	font-weight: bold;
	text-decoration: none;}
a:hover, a:active {color: #fff;}


/* POSITIONING STYLES */

#top {margin: 0 auto;
	width: 800px;
	height: 373px;
	background: url(../images/topFrame.jpg) no-repeat;}
	
h1 span {display: none;}
h1 a {position: relative;
	top: 130px;
	left: 485px;
	background: url(../images/logoOff.gif) no-repeat;
	display: block;
	width: 170px;
	height: 112px;}
h1 a:hover, h1 a:active {background: url(../images/logoOn.gif) no-repeat;}

h2 span {display: none;}
h2#homeCopy {background: url(../images/homeCopy.gif) no-repeat;
	height: 167px;
	width: 278px;
	position: relative;
	left: 92px;
	margin: 30px 0;}
	
h3 span {display: none;}
h3#about {background: url(../images/headAbout.gif) 45px 0 no-repeat;
	width: 237px;
	height: 93px;}
h3#members {background: url(../images/headMembers.gif) 45px 0 no-repeat;
	width: 237px;
	height: 93px;}
h3#contact {background: url(../images/headContact.gif) -10px 0 no-repeat;
	width: 237px;
	height: 93px;}

#container {background: #61c8cd;}
#content {width: 800px;
	margin: 0 auto;}
	
#leftCol {float: left;
	width: 350px;
	background: url(../images/saxPlayer.gif) no-repeat;
	height: 275px;}
	
#leftCol2 {float: left;
	width: 350px;
	background: url(../images/painter.jpg) 100% 0 no-repeat;
	height: 332px;}

#rightCol {float: right;
	width: 450px;}

#footer {width: 800px;
	margin: 0 auto;
	padding-top: 8px;
	color: #0d4b4b;}
#footer p {/*float: left;*/
	padding: 0;
	margin: 5px 0;}
#footer ul {/*float: right;*/
	list-style: none;
	/*margin-right: 80px;*/}
#footer li {display: inline;}
#footer a:link, #footer a:visited {text-decoration: none;
	color: #0d4b4b;}
#footer a:active, #footer a:hover {text-decoration: none;
	color: #fff;}


/* NAV STYLES */

#nav {position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -200px;}
#nav li {list-style: none;}
#nav span {display: none;}

#about {background: url(../images/navAboutOff.gif) no-repeat;
	width: 109px;
	height: 39px;}
#about a {display: block;
	width: 109px;
	height: 39px;}
#about a:active, #about a:hover {background: url(../images/navAboutOn.gif) no-repeat;}

#members {background: url(../images/navMembersOff.gif) no-repeat;
	width: 109px;
	height: 20px;}
#members a {display: block;
	width: 109px;
	height: 20px;}
#members a:active, #members a:hover {background: url(../images/navMembersOn.gif) no-repeat;}

#calendar {background: url(../images/navCalendarOff.gif) no-repeat;
	width: 109px;
	height: 26px;}
#calendar a {display: block;
	width: 109px;
	height: 26px;}
#calendar a:active, #calendar a:hover {background: url(../images/navCalendarOn.gif) no-repeat;}

#contact {background: url(../images/navContactOff.gif) no-repeat;
	width: 109px;
	height: 31px;}
#contact a {display: block;
	width: 109px;
	height: 31px;}
#contact a:active, #contact a:hover {background: url(../images/navContactOn.gif) no-repeat;}

#visitors {background: url(../images/navVisitorsOff.gif) no-repeat;
	width: 109px;
	height: 44px;}
#visitors a {display: block;
	width: 109px;
	height: 44px;}
#visitors a:active, #visitors a:hover {background: url(../images/navVisitorsOn.gif) no-repeat;}