/* CSS Document */

body { background:url(../images/bodyBG.gif) repeat top center;
margin:15px; }

#header { background:#aedee4 url(../images/headerBG.gif) no-repeat top left;
border-top:20px solid #c9e9e6;
height:286px; }

#menuBox { padding:0px 5px;
background:#c9e9e6; }

#menuBox2 { background:#aedee4 url(../images/menu2BG.gif) center center;
height:160px; }

#main { background:#ffffff url(../images/textBG.gif) no-repeat top left;
height:250px;
vertical-align:top;
padding:10px; }

#textBox { vertical-align:top;
padding:10px; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font:12px century gothic, Arial, Helvetica, sans-serif;
color:#754d29;
vertical-align:top; }

#lcol, #rcol { vertical-align:top;
padding-top:50px; }

#lcol { border-right:1px solid #e9e9e9; }

#rcol { border-left:1px solid #e9e9e9; }

#footer { background:#ffffff; }

#copyright, #footer2 { font: 11px century gothic, Arial, Helvetica, sans-serif;
color:#754d29;
padding:8px 15px; }

#footer2 { text-align:right; }

#footer2 a, #footer2 a:hover { color:#754d29; text-decoration:none; }

#edit { text-align:right; }

#members { border:1px solid #754d29; }

#memBox { padding: 15px 0px 20px 0px;
vertical-align:top; }

#membersHeader { background:#754d29; 
font: bold 9pt century gothic, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 4px 11px 3px 11px; }

.memberslogin, .forgotpw, #membership_register, .style2, .loginerror { font-family: century gothic, Arial, Helvetica, sans-serif;
font-size: 8pt !important;
color: #754d29; }

#member_pass, #member_email { size:24;
border: 1px solid #754d29; 
font-size: 12px; 
color: #ffffff; 
background: #000000;
padding: 0px 3px 0px 3px; }

a { color:#72b6bf; text-decoration:underline; }

a:hover	{ color:#f5abcb; }

#textarea1 a img, #textarea1 td a img, #textarea2 a img, #textarea2 td a img { border-color: #72b6bf;
opacity: 1;
filter: alpha(opacity=100); }

#textarea1 a:hover img, #textarea1 td a:hover img, #textarea2 a:hover img, #textarea2 td a:hover img { 
opacity: .85;
filter: alpha(opacity=85); }

a#button { 
white-space: nowrap;
font: 12px century gothic, Arial, Helvetica, sans-serif;
text-transform:uppercase;
  color: #754d29;
  text-decoration: none;
 padding: 0px 10px;
  border: 1px solid #aedee4;
  background: #e5e6e8;
  font-variant:small-caps;
}

a#button:hover { text-decoration: none; color: #754d29; background: #c9e9e6; border: 1px solid #754d29; }

#visible_area{
	width:350px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:50px;/*required but obviously adjustable*/
}

#visible_area_menu {
	width:678px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:150px;/*required but obviously adjustable*/
}

#testscroller, #testscroller2 {
	white-space:nowrap;
} 

#testscroller a, #testscroller2 a {
	display: inline-block;
	padding: 0 0 0 0; }
	
#mid { vertical-align:middle; }

#mid a { width: 30px;
opacity: 1;
filter: alpha(opacity=100);}

#mid a:hover { opacity: .85;
filter: alpha(opacity=85);}

#visible_area #bridgetools, #visible_area_menu #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }
