a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clear {clear: both; height: 0px;}
.floatleft {float: left;}
.floatright {float: right;}

body { behavior: url("csshover3.htc"); } 

body {background: #000000; font-family: Corbel, Tahoma, Verdana, Arial, Helvetica, 'sans serif'; }


#container {overflow: hidden; background: url(../images/body_bg.gif) repeat-y; width: 960px; margin: auto;}

#header {width: 960px; height: 319px; position: relative; background-repeat: no-repeat;}
#header #logo {margin: 13px 0 0 34px; position: relative; z-index: 10000; width: 338px; height: 241px; }
#header #wave {position: absolute; bottom: 0; left: 0; z-index: 2;}
#header .slideshow {position: absolute; top: 0; left: 0; z-index: 1 !important; width: 960px; height: 290px;  z-index: -1;}

#nav {margin: 15px 0 0 0; font-size: 15px; font-weight: bold; color: #c7c5c5; text-transform: uppercase; float: left; position: relative; z-index: 1000;}
#nav a {color: #c7c5c5;}
#nav a:hover {color: white; text-decoration: none;}
#nav li {width: 105px; text-align: right; line-height: 18px; margin: 0 0 15px 43px; background: url(../images/navbull.gif) no-repeat 115px 3px; padding: 0 35px 0 0; position: relative; overflow: visible;}
#nav li ul {position: absolute; top: 0; left: 140px; background: #303586; z-index: 100000; margin: 0; float: none; display: none; width: 165px;}
#nav li:hover ul {display: block;}
#nav li ul li {text-align: center; width: 165px; line-height: 18px; padding: 0; margin: 0; background: none; font-size: 13px; border-bottom: 1px solid white;}
#nav li ul li a {display: block; padding: 7px 0;}

#content {float: right; width: 729px; padding: 5px 25px 0px 0; position: relative; z-index: 1;}
#content p + p { margin-top: 0.5em; } 
#content h1 {color: #303586; font-size: 25px; letter-spacing: 2px; font-weight: bold; text-align: center; margin: 10px 0 20px 0; text-transform: uppercase;}
#content h2 {font-size: 15px; font-weight: bold; text-align: left; color: #1b0a00; letter-spacing: 1px; line-height: 21px; text-transform: uppercase; margin: 10px 0 15px 0;}
#content ol {list-style-type: decimal; margin: 5px 40px 5px 20px;}
#content ul {list-style-type: disc; margin: 5px 40px 5px 20px;}

#meeting {width: 729px; overflow: hidden; background: url(../images/meetingmiddle.gif) repeat-y; position: relative; padding: 25px 0; margin: 0 0 19px 0;}
#meeting #mtop {width: 729px; height: 23px; background: url(../images/meetingtop.gif) no-repeat; position: absolute; top: 0; left: 0;}
#meeting #mbot {width: 729px; height: 21px; background: url(../images/meetingbottom.gif) no-repeat; position: absolute; bottom: 0; left: 0;}
#meeting #m-z {width: 673px; padding: 0 28px; position: relative; z-index: 4;}
#meeting h2 {color: #303586; font-size: 25px; letter-spacing: 2px; font-weight: bold; text-align: center; margin: 10px 0 20px 0; text-transform: uppercase;}
#meeting h3 {font-size: 15px; font-weight: normal; text-align: center; color: #1b0a00; letter-spacing: 1px; line-height: 21px; text-transform: uppercase; margin: 0 0 7px 0;}
#meeting .date {float: left; width: 118px; padding: 0 21px 0 0;}
#meeting .mainImg {float: left;}
#meeting .buttons {float: right; width: 281px;}
#meeting .buttons a.bluebtn {width: 280px; height: 32px; display: block; text-align: center; background: url(../images/bluebtn.gif) no-repeat; color: #ffffff; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0 0 0; margin: 0 0 5px 0;}
#meeting .buttons a.bluebtn:hover {text-decoration: none;}
#meeting .divide {width: 483px; height: 1px; background: #9596ba; clear: both; margin:  21px auto;}

#members {width: 729px; overflow: hidden; background: url(../images/membersmiddle.gif) repeat-y; position: relative; padding: 10px 0 19px 0; margin: 0px 0 39px 0;}
#members #metop {width: 729px; height: 17px; background: url(../images/memberstop.gif) no-repeat; position: absolute; top: 0; left: 0;}
#members #mebot {width: 729px; height: 13px; background: url(../images/membersbottom.gif) no-repeat; position: absolute; bottom: 0; left: 0;}
#members #me-z {width: 673px; padding: 0 28px; position: relative; z-index: 4;}
#members h2 {color: #303586; font-size: 25px; letter-spacing: 2px; font-weight: bold; text-align: center; margin: 10px 0 20px 0; text-transform: uppercase;}
#members a.redbtn {width: 312px; height: 32px; display: block; text-align: center; background: url(../images/redBtn.gif) no-repeat; color: #ffffff; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0 0 0; margin: 0 0 5px 0;}
#members a.redbtn:hover {text-decoration: none;}

#graybutton {width: 673px; padding: 0 28px 90px 28px; position: relative; z-index: 4; overflow: hidden;}
#graybutton a.graybtn {width: 315px; height: 32px; display: block; text-align: center; background: url(../images/grayBtn.gif) no-repeat; color: #303586; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0 0 0; margin: 0 0 5px 0;}
#graybutton a.graybtn:hover {text-decoration: none;}

#footer {clear: both; float: right; width: 778px; padding: 32px 0 0 0; background: url(../images/footerBg.gif) no-repeat top left #ffffff;}
#footer p {font-size: 12px; color: #303586; line-height: 18px; text-align: center; padding: 0 0 15px 0;}
#footer p span {font-weight: bold; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; display: block;}

#bulletin {border: 2px solid black; margin-left: 5px; padding-left: 5px;}

.center {text-align: center;}

td.list_table {
	padding: 5px;
}