/* CSS Document */

body { margin:0px;
background:url(../images/watermark.gif) repeat-x fixed center center; }

#logo { text-align:center; }

#img1 { border-top:1px solid #999999;
border-left:1px solid #999999;
border-right: 1px solid #999999;
background:#ffffff; }

.sideBdrs { border-left:1px solid #999999;
border-right: 1px solid #999999; }

#textBox { padding: 15px;
height:300px;
vertical-align:top;
background:#ffffff; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font:12px Arial, Helvetica, sans-serif;
color:#000000;
vertical-align:top; }

#footer { border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right: 1px solid #999999; }

#edit { text-align:right; }

#logo2 { text-align:center; }

#copyright { font: 8pt Arial, Helvetica, sans-serif;
color:#999999;
text-align:center; }

#mainNav { width: 150px !important; }

#img1 #bridgetools { position: relative; left: 300px; }

#members { border:1px solid #000000; }

#memBox { padding: 15px 0px 20px 0px;
vertical-align:top; }

#membersHeader { background:#000000; 
font: 9pt Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 4px 11px 3px 11px;
font-variant:small-caps; }

.memberslogin, #membership_register, .style2, .loginerror { font-family: Arial, Helvetica, sans-serif;
font-size: 8pt !important;
color: #333333;
font-variant:small-caps;
text-align:left !important; }

.forgotpw { font-family: Arial, Helvetica, sans-serif;
font-size: 8pt !important;
color: #333333;
font-variant:small-caps; }

#member_pass, #member_email { size:24;
border: 1px solid #333333; 
font-size: 12px; 
color: #ffffff; 
background: #000000;
padding: 0px 3px 0px 3px;position:relative; z-index:10; }

a { color: #666666; text-decoration:underline; }

a:hover { color: #333333; }

#textarea1 a img, #textarea1 td a img, #textarea2 a img, #textarea2 td a img { border-color: #666666;
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: bold 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #999999;
  background: #e5e6e8;
}

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

a#button2 { 
white-space: nowrap;
font: bold 14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 2px solid #999999;
  background: #e5e6e8;
}

a#button2:hover { 
text-decoration: none; color: #000000; 
}

#visible_area{
	width:560px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:60px;/*required but obviously adjustable*/
	white-space:nowrap;
}
	
#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; }