* {margin: 0; padding: 0;}

form {margin: 0; padding: 0;}

body {text-align: center; padding: 0; margin: 0; background: #8a9d6d;}

a, a:visited, a:link {color: #8a9d6d; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: underline; font-weight: bold;}
a:active {color: #90c5ff; text-decoration: none; font-weight: bold;}

b {font-weight: bold;}
i {font-style: italic;}
strong {font-weight: bold;}
em {font-style: italic;}

img {margin: 0; padding: 0;}
	img.border {border: 5px solid #d2dac7;}

.label {display: block; float: left; width: 50px; vertical-align: middle; font-style: italic;}

#container {position: relative; width: 689px; margin: 0 auto; background: url(images/bknd.gif) repeat-y top center; border-bottom: 2px solid #d2dac7;}

#compass {position: absolute; bottom: 0px; right: 2px; width: 340px; height: 196px; overflow: hidden; z-index: 0;}
#contact {position: absolute; bottom: 0px; left: 2px; width: 210px; height: 161px; overflow: hidden; z-index: 1;}

#header {position: relative; width: 689px; height: 87px; overflow: hidden; margin: 0; padding: 0; z-index: 500;}

#menu {position: relative; width: 689px; height: 19px; overflow: hidden; margin: 0; padding: 0; z-index: 501;}

#text {position: relative; width: 449px; padding: 0; margin: 0 18px 5px 0; text-align: left; vertical-align: top; float: right; display: inline; z-index: 502;}
	
	#text p {font: 11px arial, helvetica, sans-serif; margin: 0.9em 0 0.9em 1px; text-align: left; line-height: 1.3em; color: #000000;}
	#text h1 {font: bold 16px arial, helvetica, sans-serif; margin: 5px 0 10px 0; text-align: left; line-height: 1.3em; color: #809ead; height: 17px; overflow: hidden; text-transform: uppercase; letter-spacing: 0.2em;}	
	#text h2 {font: bold 13px arial, helvetica, sans-serif; margin: 0.7em 0 0.7em 1px; text-align: left; line-height: 1.3em; color: #000000;}
	#text h3 {font: bold 13px arial, helvetica, sans-serif; margin: 0.7em 0 -0.6em 1px; text-align: left; line-height: 1.3em; color: #000000;}
	#text h4 {font: italic 12px arial, helvetica, sans-serif; margin: 0.8em 0 -0.5em 1px; text-align: left; line-height: 1.3em; color: #000000;}
	#text h5 {font: italic 12px arial, helvetica, sans-serif; margin: 0.8em 0 0.8em 1px; text-align: left; line-height: 1.3em; color: #000000;}
	
	#text div.hr {width: 448px; height: 1px; background: #8a9d6d; margin: 0.6em 0 0.6em 1px; padding: 0; overflow: hidden;}
	
    #text table {font: 11px arial, helvetica, sans-serif; border-collapse: collapse; align: center; margin: 0.3em 0 0.3em 1px;}
    	#text table td {font: 11px arial, helvetica, sans-serif; color: #000000; padding: 0 7px 0.4em 0; text-align: left; line-height: 1.1em; vertical-align: middle;}
	
	#text ul {font: 11px arial, helvetica, sans-serif; margin: -0.2em 0 0.9em 36px; text-align: left; line-height: 1.3em; color: #000000; padding: 0;}
    	#text ul li {line-height: 1.3em; margin: 0 0 0.7em 0; vertical-align: baseline;}
	#text ol {font: 11px arial, helvetica, sans-serif; margin: -0.2em 0 0.9em 36px; text-align: left; line-height: 1.3em; color: #000000; padding: 0;}
    	#text ol li {line-height: 1.3em; margin: 0 0 0.7em 0; vertical-align: baseline;}
	
	div.column1 {float: left; width: 217px;}
	div.column2 {float: right; width: 217px;}

#leftbar {position: relative; width: 190px; margin: 0 5px 166px 12px; padding: 0; text-align: left; vertical-align: top; float: left; display: inline; z-index: 503;}
	
	#leftbar p {font: 10px arial, helvetica, sans-serif; margin: 0 0 0.5em 0; text-align: left; line-height: 1.2em; color: #000000;}
	#leftbar h1 {font: bold 13px arial, helvetica, sans-serif; margin: 0; text-align: left; line-height: 1.2em; color: #000000; height: 14px; overflow: hidden;}
	#leftbar h2 {font: bold 11px arial, helvetica, sans-serif; margin: 0 0 0.4em 0; text-align: left; line-height: 1.2em; color: #000000;}
	
	#leftbar ul {font: 10px arial, helvetica, sans-serif; margin: 0.5em 0 0.9em 23px; text-align: left; line-height: 1.2em; color: #000000; padding: 0;}
    	#leftbar ul li {line-height: 1.3em; margin: 0 0 0.3em 0;}
	
	#leftbar .image {width: 190px; height: 134px; overflow: hidden; margin-bottom: 5px;}
		#leftbar .image img {border: 2px solid #FFFFFF; margin: 0; padding: 0;}
	
	#leftbar a, #leftbar a:visited, #leftbar a:link {color: #809ead; text-decoration: none; font-weight: bold;}
	#leftbar a:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
	#leftbar a:active {color: #809ead; text-decoration: none; font-weight: bold;}

#footer {position: relative; width: 689px; margin: 8px auto;}

	#footer p {font: bold 11px arial, helvetica, sans-serif; margin: 0 10px 15px 10px; text-align: center; line-height: 1.3em; color: #FFFFFF;}
		#footer p a, #footer a:visited, #footer a:link {color: #d2dac7; text-decoration: none; font-weight: bold;}
		#footer p a:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
		#footer p a:active {color: #FFFFFF; text-decoration: none; font-weight: bold;}

#photo {width: 640px; height: 450px; top: 0px; left: 0; position: absolute; margin: 0; padding: 0; overflow: none; z-index: 1;}

#desc {width: 640px; height: 44px; top: 450px; left: 0; position: absolute; z-index: 4;}
	#desc p {font: bold 11px arial, helvetica, sans-serif; color: #FFFFFF; line-height: 17px; margin: 5px 0; padding: 0; text-align: center;}

#desc_close {width: 640px; height: 25px; top: 494px; left: 0; position: absolute; z-index: 4;}
	#desc_close p {font: bold 11px arial, helvetica, sans-serif; color: #FFFFFF; line-height: 20px; margin: 0; padding: 0; text-align: center;}
	#desc_close a, #desc_close a:visited, #desc_close a:link {color: #d2dac7; text-decoration: underline; font-weight: bold;}
	#desc_close a:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
	#desc_close a:active {color: #FFFFFF; text-decoration: none; font-weight: bold;}

#close {width: 640px; height: 25px; top: 450px; left: 0; position: absolute; z-index: 4;}
	#close p {font: bold 11px arial, helvetica, sans-serif; color: #FFFFFF; line-height: 25px; margin: 0; padding: 0; text-align: center;}
	#close a, #close a:visited, #close a:link {color: #d2dac7; text-decoration: underline; font-weight: bold;}
	#close a:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
	#close a:active {color: #FFFFFF; text-decoration: none; font-weight: bold;}

.submenu {position: absolute; border-width: 1px 1px 0 1px; border-color: #FFFFFF; border-style: solid;}
    .submenu ul {list-style: none; margin: 0; padding: 0; display: block; font: bold 11px arial, helvetica, sans-serif; color: #FFFFFF; line-height: 20px; text-align: left;}
    	.submenu ul li {display: block; margin: 0;}
    
    	.submenu ul li a, .submenu ul li a:visited, .submenu ul li a:link {display: block; color: #FFFFFF; text-decoration: none; padding: 0px 4px; height: 20px; line-height: 20px; background: #809ead; border-width: 0 0 1px 0; border-color: #FFFFFF; border-style: solid;}
    	.submenu ul li a:hover {display: block; color: #000000; text-decoration: none; background: #d2dac7; font-weight: bold;}
    	.submenu ul li a:active {display: block; color: #000000; text-decoration: none; background: #8a9d6d; font-weight: bold;}

#sub_about {position: absolute; top: 106px; left: 65px; width: 105px; display: none; z-index: 550;}
#sub_events {position: absolute; top: 106px; left: 330px; width: 195px; display: none; z-index: 551;}
#sub_getinvolved {position: absolute; top: 106px; left: 444px; width: 190px; display: none; z-index: 552;}
#sub_archives {position: absolute; top: 106px; left: 602px; width: 75px; display: none; z-index: 553;}

input, select {font: 11px arial, helvetica, sans-serif; color: #000000; vertical-align: middle;}
textarea {font: 11px arial, helvetica, sans-serif; text-align: left; color: #000000; vertical-align: top; width: 325px; height: 100px;}
textarea.sm {font: 11px arial, helvetica, sans-serif; text-align: left; color: #000000; vertical-align: top; width: 150px;}
input.submit {font: bold 10px arial, helvetica, sans-serif; color: #000000; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 0.1em;}