/* CSS Document */

body {background: url(../images/bodyBG.jpg) repeat #000000;
margin:0px; }

#header { background:#000000;
vertical-align:bottom;
font: 20px trebuchet ms, Arial, Helvetica, sans-serif;
text-transform: lowercase;
color:#ffffff;
padding: 5px 0px 5px 10px; }

#footer { background:#000000; }

#img2 { padding-bottom:5px; text-align:center }

#main { vertical-align:top;
padding-top:0px;
background: url(../images/bodyBG.jpg) repeat;}

#wrapper {background: url(../images/bodyBG.jpg) repeat; }

#copyright { font: 7pt Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#CCCCCC;
padding: 0px 0px 0px 10px;
vertical-align:middle; }

#copyright a, #copyright a:hover { color:#cccccc; text-decoration:none; }

#edit { text-align:right; }

#logo { background:#ffffff;
vertical-align:bottom; }

#menuBox { padding-top:20px; }

#rcolHome { padding: 0px 0px 10px 20px;
vertical-align:top; }

#mcol { padding:0px;
vertical-align:top;
border: 2px solid #447583; }

#rcol {vertical-align:top;}

#imgHome { border:5px solid #ffffff; }

#lcol { vertical-align:top; }

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

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

#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;
text-transform:uppercase; }

.memberslogin, #membership_register, .style2, .loginerror { font-family: trebuchet ms, arial, helvetica, sans-serif;
font-size: 9pt !important;
color: #000000;
text-transform:uppercase; }

.forgotpw { font-family: trebuchet ms, arial, helvetica, sans-serif;
font-size: 8pt !important;
color: #000000;
text-transform:uppercase; }

#member_pass, #member_email { size:24;
border: 1px solid #8e1111; 
font-size: 9pt; 
color: #ffffff; 
background: #000000;
padding: 0px 3px 0px 3px; }


a {color:blue; text-decoration:none; }

a:hover { text-decoration:underline; }

#textarea3 a img, #textarea3 td a img, #textarea2 a img, #textarea2 td a img { border-color: #666666; }

#textarea3 a:hover img, #textarea3 td a:hover img, #textarea2 a:hover img, #textarea2 td a:hover img { 
border-color: #8e1111;
opacity: .8;
filter: alpha(opacity=80); }

a#button { 
white-space: nowrap;
font: 11px  Arial, Helvetica, sans-serif;
  color: #b9babb;
  text-decoration: none;
 padding: 0px 10px;
  border: 1px solid #b9babb;
  background: #333333;
text-transform:uppercase;
}

a#button:hover { 
text-decoration: none; color: #ffffff; background: #000000; border:1px solid #8e1111;
}


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

#testscroller{
	white-space:nowrap;
} 

#testscroller a{
	display: inline-block;
	padding: 0 2 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; }