@import url(fixed-3col.css);

#container { width: 767px; }
#header { height: 189px;}
#xcolumns {  margin: 0px 37px 0px 20px;}
#sidebar2 {	width: 237px;	}
#sidebar2 .border { padding-left: 20px; padding-right: 37px;}
#content { margin-left: 20px; margin-right: 237px;	  }
#footer { height: 82px; }

#login #sidebar2 { display: hidden;}
#login #content { margin-right: 0px; }

/* styling */
body { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;} 
body { background: url(../images/background.gif) repeat; }
#header {background: url(../images/header.gif) no-repeat; }
#columns {background: url(../images/columns.gif) repeat-y; }
#footer {background: url(../images/footer.gif) bottom no-repeat; }

#xcontent .border { background: #ccffff; border: 1px solid #00ffff;}
#content h1 { font-size: 1.3em;}
#content p {line-height: 1.5em;}
#content table {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; cell-spacing: 0px;}
#content tr { vertical-align: top; }
#content th { text-align: left; padding: 5px 10px; }
#content td { text-align: left; padding: 5px 10px;}
#content a { color: #898076;}

#xsidebar2 .border { background: #ffffcc; border 1px solid #ffff00; }
#sidebar2 .sidelet { margin-bottom: 15px; background: #E6E5D2; }
#sidebar2 .sidelet h1 { font-size: 1.1em; color: white; background: #898076 url(../images/sidelet.gif) right bottom no-repeat; padding: 5px; margin: 0px;}
#sidebar2 .sidelet form { padding: 10px; margin: 0px;}
#sidebar2 .sidelet ul { padding: 10px; margin-top: 0px; margin-left: 0px; }
#sidebar2 .sidelet li { margin-left: 0px; padding: 0px; list-style: none none outside; padding-bottom: 4px;}
#sidebar2 .sidelet label { display: block;}
#sidebar2 .sidelet input { display: block; width: 160px;}
#sidebar2 .sidelet a { color: #898076}
#sidebar2 .sidelet a:hover { color: black;}

#header ul { padding: 0px; padding-top: 135px; margin: 0px 0px 0px 280px;}
#header li { display: block; text-align: center; width: 83px; float: left;}
#header a { color: white; text-decoration: none; font-size: 11px; line-height: 32px;}

#footer .border  {text-align: right; padding: 30px 47px 0px 30px; color: #898076;}
#footer #copyright {float: left; text-align: left; width: 350px;}
#footer a  {color: #898076; width: 200px;}

#home #nav-home, 
#facilities #nav-facilities,
#howtojoin #nav-howtojoin,
#history #nav-history,
#contact #nav-contact,
#member #nav-member,
#bulletin #nav-bulletin,
#forum #nav-forums,
#admin #nav-admin
  {background: url(../images/menuactive.gif) top no-repeat; }
#home #nav-home a,
#facilities #nav-facilities a, 
#howtojoin #nav-howtojoin a,
#history #nav-history a,
#contact #nav-contact a,
#member #nav-member a,
#bulletin #nav-bulletin a,
#forum #nav-forums a,
#admin #nav-admin a
  {color: black; } 

.address li { list-style-type: none; }

#contact-form .col1 { width: 50%; }
#contact-form .col2 { width: 50%; border-left: #898076 solid 1px;}
#contact-form td {padding: 5px 35px; vertical-align: top}
#contact-form label {display: block; }
#contact-form input  { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; width: 180px; background: #E6E5D2; border: 1px solid #898076;}
#contact-form textarea { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; width: 430px; height: 8em; background: #E6E5D2; border: 1px solid #898076;}
#contact-form select  { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; width: 180px; background: #E6E5D2; border: 1px solid #898076;}
#contact-form .error { color: #dd0000; }

.image-insert { float: right; text-align: center; border: 1px solid #E6E5D2; margin-left: 10px; margin-bottom: 10px;}
.image-insert .image { border-bottom: 1px solid #E6E5D2; padding: 5px;}
.image-insert .note { color: #898076; padding: 5px;}

.bulletin .title {font-size: 1.2 em; padding: 5px; background: #E6E5D2;}
.bulletin .text {line-height: 1.5em; padding: 10px 5px;}
.bulletin .posted {text-align: right; padding: 5px; padding-bottom: 20px ; color: #898076; }

.nextprev { text-align: right; }