body { margin: 0; padding: 0; background: #a3a4a5; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 12px; color: #353434; text-align: left; }
a { color: #001f55; text-decoration: underline; }
a:hover { color: #001f55; text-decoration: none; }
img { border: 0; }
strong { color: #324557; }
h1 {font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 18px; color: #324557; margin: 0 0 10px 20px; padding: 1em 1em 0 0;  line-height: 1.2em; }
h2 {font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 16px; color: #324557; margin: 0 0 10px 20px; padding: 1em 1em 0 0;  line-height: 1.2em; }
h3 {font-size: 12px; color: #324557; margin: 0 0 5px 15px; padding: 0; line-height: 1.2em;}
h4 { margin: 2em 0 .5em 0; font-size: 12px; color: #324557; }
p { margin: 0; padding: 0 1em 1em 20px; line-height: 1.8em; }
.clear { clear: both; }
table.member-table {background: #935801; width: 545px; padding: 5px; text-align: center; valign: top; margin: 0 10px 20px 0;}
table.member-table tr {padding: 5px; valign: top; background: #fae8cd;}
table.member-table tr td {border: 1px solid #f6d5a5; }
table.member-table tr td a {display: block; width: 100%; height: 100%; text-decoration: none; background: #fae8cd;}
table.member-table tr td a:hover {background: #fff; text-decoration: none;}

a.platinum {display: block; width: 492px; height: 49px; float: left; padding: 0; margin: 10px; background: url(../images/platinum.jpg) no-repeat top; text-indent: -9000em; overflow: hidden; }
a.platinum:hover {background: url(../images/platinum.jpg) no-repeat bottom;}
a.gold {display: block; width: 492px; height: 49px; float: left; padding: 0; margin: 10px; background: url(../images/gold.jpg) no-repeat top; text-indent: -9000em; overflow: hidden; }
a.gold:hover {background: url(../images/gold.jpg) no-repeat bottom;}
a.silver {display: block; width: 492px; height: 49px; float: left; padding: 0; margin: 10px; background: url(../images/silver.jpg) no-repeat top; text-indent: -9000em; overflow: hidden; }
a.silver:hover {background: url(../images/silver.jpg) no-repeat bottom;}

div.headersub {
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 20px; color: #324557; margin: 0 0 0 0;
}

div.anouncement {
margin: 0 0 0 0;
text-align: center;
align = center;
width: 500px;
background: #ccdee8;
overflow: auto;
border: solid 1px #000;
padding: 5px;
}

div.calendar {
font-size: 20px;
font-family:"Times New Roman", Times, serif;
Text-align: center;
padding:.4em 0 .4em 0;
color: #FFF;
width: 227px; 
/*height: 5px;*/
background: #18265A;
}

div.scrollbar {
	height: 350px;
	width: 620;
	overflow: auto;
	border: solid 0px #000;
	padding: 5px;
}

div.scrollbar_det {
	height: 415px;
	width: ;
	overflow: auto;
	border: solid 0px #000;
	padding: 5px;
}

div.scrollbar_det_b {
	height: 415px;
	width: ;
	overflow: auto;
	border: solid 1px #000;
	padding: 5px;
	margin-left: 0px;
}


div#divider {display: block; width: 80%; height: 1px; background: #cddfe9; margin: 10px 0 10px 0;}

div#container {margin: 0 auto; width: 795px; border-left: 1px solid #c2d7e4; border-right: 1px solid #c2d7e4; border-bottom: 1px solid #c2d7e4;}
div#container div#top {margin: 0; display: block; width: 795px; height: 127px; background: url(../images/top.jpg) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#top a.logo {float: left; display: block; margin: 30px 0 0 0; padding: 0; height: 49px; width: 306px; text-indent: -9000em; overflow: hidden;}

div#container div#nav {display: block; float: left; margin: 0; padding: 0; width: 795px; height: 36px; text-indent: -9000em; overflow: hidden; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
div#container div#nav ul {margin: 0; padding: 0; list-style: none; }
div#container div#nav ul li {float: left; margin: 0; padding: 0;  }
div#container div#nav ul li a {display: block; text-indent: -9000em; overflow: hidden; height: 36px;}
div#container div#nav ul li a.home {margin: 0; background: url(../images/home.jpg) no-repeat top; width: 67px;}
div#container div#nav ul li a.home:hover {background: url(../images/home.jpg) no-repeat bottom;}
div#container div#nav ul li a.about {margin: 0; background: url(../images/about.jpg) no-repeat top; width: 124px;}
div#container div#nav ul li a.about:hover {background: url(../images/about.jpg) no-repeat bottom;}
div#container div#nav ul li a.membership {margin: 0; background: url(../images/membership.jpg) no-repeat top; width: 95px;}
div#container div#nav ul li a.membership:hover {background: url(../images/membership.jpg) no-repeat bottom;}
div#container div#nav ul li a.calendar {margin: 0; background: url(../images/calendar.jpg) no-repeat top; width: 131px;}
div#container div#nav ul li a.calendar:hover {background: url(../images/calendar.jpg) no-repeat bottom;}
div#container div#nav ul li a.find {margin: 0; background: url(../images/find.jpg) no-repeat top; width: 159px;}
div#container div#nav ul li a.find:hover {background: url(../images/find.jpg) no-repeat bottom;}
div#container div#nav ul li a.members {margin: 0; background: url(../images/members.jpg) no-repeat top; width: 108px;}
div#container div#nav ul li a.members:hover {background: url(../images/members.jpg) no-repeat bottom;}
div#container div#nav ul li a.contact {margin: 0; background: url(../images/contact.jpg) no-repeat top; width: 111px;}
div#container div#nav ul li a.contact:hover {background: url(../images/contact.jpg) no-repeat bottom;}

div#container div#banner {display: block; margin: 0 auto; width: 795px; height: 423px; background: url(../images/2.jpg) no-repeat; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #18265a;}
div#container div#banner2 {display: block; margin: 0; width: 795px; height: 127px; background: url(../images/banner2.jpg) no-repeat; text-indent: -9000em; overflow: hidden; border-bottom: 4px solid #18265a;}
div#container div#banner3 {display: block; margin: 0 auto; width: 795px; height: 423px; background: url(../images/3.jpg) no-repeat; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #18265a;}
/*div#container div#bannerflash {display: block; margin: 0 auto; width: 795px; height: 423px; background: url(../images/2.jpg) no-repeat;text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #18265a;}*/
div#container div#bannerflash {display: block; margin: 0 auto; width: 795px; height: 423px; background: url(../images/2.jpg) no-repeat; border-bottom: 5px solid #18265a;}


div#container div#main {width: 795px; background: #fff; overflow: hidden; padding: 0; margin: 0;}
					h1.title-about {display: block; margin: 0 0 15px 0; padding: 0; height: 37px; background: url(../images/title-about.jpg) no-repeat left; overflow: hidden; text-indent: -9000em;}
					h1.title-pres {display: block; margin: 0 0 25px 0; padding: 0; width: 795px; height: 37px; background: url(../images/title-pres.jpg) no-repeat top; overflow: hidden; text-indent: -9000em;}
					h1.title-board {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: url(../images/title-board.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-mission {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-mission.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-slc {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-slc.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-presidents {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-presidents.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-diversity {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-diversity.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-calendar {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-calendar.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-membership {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-membership.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-benefits {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-benefits.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-dues {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-dues.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-find {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-find.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-members {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-members.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}
					h1.title-members-2 {display: block; margin: 0 0 15px 0; padding: 0; width: 795px; height: 37px; background: #fff url(../images/title-members-2.jpg) no-repeat; overflow: hidden; text-indent: -9000em;}


div#container div#main-board {float: left; overflow: hidden; padding: 0; margin: 0; background: #fff; border-bottom: 10px #935801 solid; }

div#container div#main div#interior {float: left; overflow: hidden; padding: 0; margin: 0; border-bottom: 10px #935801 solid; }
					.right {float: right; display: block; width: 213px; height: 213px; margin: 0 30px 30px 30px; background: url(../images/right-bg.jpg) no-repeat; overflow: hidden;}
					.right2 {float: right; display: block; width: 213px; height: 213px; margin: 0 30px 30px 30px; background: url(../images/right-bg2.jpg) no-repeat; overflow: hidden;}
					ul#side-nav {margin: 10px 0 0 20px; padding: 0; list-style: none;}
					 
					a.side {display: block; margin: 0; padding: 5px; text-decoration: none; }
					a.side:hover {color: #935801; text-decoration: none;}
					
					div#side-nav {float: left; margin: 0 10px 0 0; padding: 0; width: 228px; background: #ccdee8; overflow: hidden; }
					div#side-nav ul {margin: 0; padding: 0; list-style: none; }
					div#side-nav ul li {}
					div#side-nav ul li a {display: block; width: 250px; height: 25px; padding: 5px 0 0 5px; margin: 0; text-decoration: none; overflow: hidden; border: 1px solid #b6c8d2;}
					div#side-nav ul li a:hover {color: #935801; background: #fff; overflow: hidden;}
					div#side-nav ul li a.active {color: #935801; background: #fff; overflow: hidden;}
					div#side-navdet { font-family: 'georgia'; font-weight:bold; float: center; margin: auto; padding: 0; width: auto; background: #ccdee8; overflow: hidden; }

div#footer {display: block; margin: 3px auto; padding: 10px; width: 775px; height: 90px; overflow: hidden; color: #494a4d; line-height: 2.0em; font-size: 10px}
div#footer a {color: #494a4d; text-decoration: underline;}
div#footer a:hover {color: #000; text-decoration: none;}