@charset "utf-8";

/****** GENERAL LAYOUT STYLES: ******/
body											{ text-align: center; background-color: #E9EBD3; margin: 0; font-family: Arial, Helvetica, sans-serif }
body a:hover									{ text-decoration: none }
a img											{ border: 0 }
#container										{ margin: 0 auto; text-align: left; max-width: 1152px; width: 90%; min-width: 768px }
#header											{ float: left; height: 212px; background: url(../images/layout/header.jpg) no-repeat top center; width: 100%  }

/****** HEADER STYLES: ******/
#header h1, #header h2							{ margin: 0 0 0 -9999px }	/* Render the H1 and H2 tags off-screen (for the benefit of screen readers) */

/******* NAVIGATION STYLES: ******/
#nav											{ float: left; background: url(../images/layout/nav_bg.jpg); width: 100%; height: 39px; text-align: center }
#nav #leftCap									{ background: url(../images/layout/nav_cap_left.jpg) top left no-repeat; width: 100%; float: left }
#nav #leftCap #rightCap							{ background: url(../images/layout/nav_cap_right.jpg) top right no-repeat; padding: 0; width: 100%; float: left; text-align: center  }
#nav #leftCap #rightCap ul						{ text-align: center; margin: 0 auto; width: 768px }
#nav #leftCap #rightCap ul li					{ list-style: none; float: left }
#nav #leftCap #rightCap ul li a					{ background-repeat: no-repeat; display: block; height: 39px; text-decoration: none }
#nav #leftCap #rightCap ul li a:hover			{ background: 0 -39px }

#nav #leftCap #rightCap ul #tab_about a			{ background-image: url(../images/layout/about.jpg); width: 65px }
#nav #leftCap #rightCap ul #tab_members a		{ background-image: url(../images/layout/members.jpg); width: 93px }
#nav #leftCap #rightCap ul #tab_events a		{ background-image: url(../images/layout/events.jpg); width: 72px }
#nav #leftCap #rightCap ul #tab_guestbook a		{ background-image: url(../images/layout/guestbook.jpg); width: 115px }
#nav #leftCap #rightCap ul #tab_forSale a		{ background-image: url(../images/layout/for_sale.jpg); width: 91px }
#nav #leftCap #rightCap ul #tab_forum a			{ background-image: url(../images/layout/forum.jpg); width: 67px }
#nav #leftCap #rightCap ul #tab_links a			{ background-image: url(../images/layout/links.jpg); width: 59px }

#nav #leftCap #rightCap ul .separator			{ background: url(../images/layout/nav_separator.jpg); height: 39px; width: 23px; margin: 0 5px }

#nav #leftCap #rightCap ul li.active a			{ background: 0 -78px }

/****** CONTENT STYLES: ******/
#content										{ float: left; width: 90%; background-color: #FFF; position: absolute; top: 251px; left: 9.5%; max-width: 1152px }
#content #left_shadow							{ float: left; width: 22px; background: url(../images/layout/body_bg_left.jpg) repeat-y; border-right: 2px solid #4E5136 }
#content #page_content							{ float: left; padding: 10px; text-align: center }
#content #right_shadow							{ float: right; width: 22px; background: url(../images/layout/body_bg_right.jpg) repeat-y; border-left: 2px solid #4E5136 }


/****** FOOTER STYLES: ******/
#footer											{ background: url(../images/layout/footer_cap_left.jpg) top left no-repeat #3B3D28; height: 76px; 
												  position: absolute; left: 5% }
#footer	#rightCap								{ background: url(../images/layout/footer_cap_right.jpg) top right no-repeat; padding: 5px; text-align: center }
#footer #rightCap p								{ color: #FFF; font-size: 12px }
#footer #rightCap p a							{ color: #FFF }

/****** GENERAL TAG STYLES: ******/
#content ul										{ list-style-image: url(../images/layout/bullet.jpg); text-align: left; margin: -20px 0 10px 0; color: #333; font-size: 14px; line-height: 25px }
#content p										{ color: #333; font-size: 14px; line-height: 25px; margin: 30px 0; text-align: justify }
#content p a									{ color: #666 }
#content .heading								{ width: 100%; height: 65px; background-repeat: no-repeat; background-position: center }
#content h2.link_cat_header						{ text-align: left; width: 40%; border-bottom: 2px solid #660 }

/****** ALIGNMENT CLASSES: ******/
#content p.centre								{ text-align: center }

/****** IMAGE CLASSES: ******/
.img											{ border: 1px solid #000; float: left; margin: 25px 15px 15px 0 }
.img img										{ border: 5px solid #FFF }
.img span										{ display: block; font-size: 12px; color: #666; text-align: left; font-style: italic; padding: 5px }

/****** PARAGRAPH STYLES: ******/	
#content p.link									{ margin: 0 0 }
#content p.link hr								{ color: #660; background-color: #660; width: 80%; text-align: center; height: 1px }

/****** IMAGE STYLES: ******/
#content img.link_img							{ float: left; margin: 13px 15px 10px 0; background-position: top left; background-repeat: no-repeat }
#content img.gallery_thumbnail					{ float: left; margin: 0 15px 10px 0; background-position: top left; background-repeat: no-repeat }

/****** FORM STYLES: ******/
.vmail											{ background: url(../images/layout/form_vmail.jpg) no-repeat top left; height: 575px; width: 550px; margin: 0 auto }
.vmail label									{ color: #F30 }
.vmail input									{ border: 1px solid #000; background-image: url(../images/layout/vmail_field_bg.jpg) }
.vmail #formHeader								{ height: 60px; padding: 50px 0 }
.vmail #formHeader label						{ display: block; float: left; width: 10%; text-align: left; margin: 0 10% 10px }
.vmail #formHeader input						{ width: 50%; float: left; padding: 2px; margin: 0 0 10px 0; text-align: left; color: #000 }
.vmail #formContents label						{ display: block; margin: 15px 0 20px 0; text-align: left; font-weight: bold; padding-left: 50px }
.vmail #formContents textarea 					{ border: 1px solid #000; background-image: url(../images/layout/vmail_field_bg.jpg); text-align: left; 
												  font-family: Arial, Helvetica, sans-serif }
.vmail .submit									{ margin: 15px 0; font-weight: bold; padding: 10px }
#message										{ font-weight: bold; padding: 5px; margin: 10px 20% 25px 20%; font-size: 12px }
.bad											{ border: 1px solid #F30; background-color: #FFD5D5; color: #F30 }
.good											{ border: 1px solid #090; background-color: #D7FFD7; color: #090 }