/* CSS Document */

body { background-color: #A9733A;
background-image: url(../images/bodyBG.gif);
background-position: top;
background-repeat: repeat-x;
margin: 20 0 0 0; }

#bodyBG { background:url(../images/bodyBG.png) no-repeat fixed bottom center;
vertical-align:top; }

#address { text-align: right;
padding: 0 2 2 0;
font: 12px tahoma, arial, helvetica, sans-serif;
color: #C78A4A; }

#mainBG { border: 1px solid #C78A4A;
width: 760px;
background-color: #212121;
padding: 5px; }

#header { border-top: 1px solid #000000;
border-left: 1px solid #3B3B3B;
border-right: 1px solid #3B3B3B; }

#header2 { border-top: 1px solid #3B3B3B;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #000000; }

#menuBox1 { border-top: 1px solid #000000;
border-left: 1px solid #3B3B3B;
border-right: 1px solid #3B3B3B; }

#menuBox2 { border-top: 1px solid #3B3B3B;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #000000; }

#menu2 { vertical-align: top;
padding: 0 0 0 0; }

#spacer { border-top: 1px solid #3b3b3b;
background-image: url(../images/spacer.gif);
background-position: top;
background-repeat: repeat-x;
height: 20px; }

#textBox1 { border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #3B3B3B;
border-right: 1px solid #3B3B3B;
 }

#textBox2 { border-top: 1px solid #3B3B3B;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
height: 300px;
padding: 10 10 15 10;
vertical-align: top;
background: #000000 url(../images/textBG.gif) no-repeat center center; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font: 14px arial, helvetica, sans-serif;
color: #C78A4A; 
vertical-align: top;
line-height: 140% }

#textB { border-top: 1px solid #3B3B3B; }

a { color: #ffffff; text-decoration: none; }

a:hover { text-decoration: underline; }

.memberslogin, .forgotpw, #membership_register, .style2, .loginerror { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #C78A4A; }

a#button {
white-space: nowrap;
font: bold 11px Arial, Helvetica, sans-serif;
background-color: #202020;
  font-weight: bold;
  color: #C78A4A;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #3b3b3b;
}

a#button:hover {
text-decoration: none; background-color: #000000;
color: #ffffff;
}

hr {
border: 0;
color: #3B3B3B;
background-color: #3B3B3B;
height: 1px;
width: 95%;
text-align: center; }


caption.calendar-month{font: 12px arial, helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none;}
th{font: 12px arial, helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration: none;}
td.fullday {font: 10px arial, helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none;}
td.emptyday {font: 10px arial, helvetica, sans-serif; font-weight: normal; color: #CCCCCC; text-decoration: none;}
td.today {font: 12px arial, helvetica, sans-serif !important; font-weight: bold !important; color: #ffffff !important; }
td.today a{font: 12px arial, helvetica, sans-serif !important; font-weight: bold !important; color: #ffffff !important; }

#visible_area{
	width:550px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:70px;/*required but obviously adjustable*/
}

#testscroller {
	white-space:nowrap;
} 

#testscroller a {
	display: inline-block;
	padding: 0 1 0 0; }
	
#mid { vertical-align:middle; }

#mid a { width: 30px;
opacity: .9;
filter: alpha(opacity=90);}

#mid a:hover { opacity: .75;
filter: alpha(opacity=75);}

#visible_area #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }