/* CSS Document */

#header { border-top: 1px solid #612e26;
border-bottom: 1px solid #612e26; }

#logo { background: url(../images/strUp.gif) repeat-x bottom; }

#textBox { background: url(../images/strDown.gif) repeat-x top;
padding: 20px 10px 20px 10px;
height: 300px;
vertical-align:top; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font: 12px Arial, Helvetica, sans-serif;
color: #333333;
vertical-align:top; }

#img1 { vertical-align:top; }

#menuBox { vertical-align:top; }

#footstr { background: url(../images/strUp.gif) repeat-x bottom; }

#footer { border-top: 1px solid #612e26; }

#copyright { font:9px Arial, Helvetica, sans-serif;
color:#333333;
vertical-align:top;
padding-left: 2px; }

#edit { text-align:right; }
.memberslogin {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333; }

.forgotpw { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333; }

#membership_register { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333; }

a { color: #612e26; text-decoration: underline; }

a:hover { color:#000000; }

a img { border-color: #612e26; }

a:hover img { border-color: #000000;
opacity: .8;
filter: alpha(opacity=80); }

a#button {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/menuBGon.gif) repeat-x center;
font-weight: bold;
font-style: normal;
color: #612e26;
border: 1px solid #612e26;
text-decoration: none;
padding: 1px 10px 1px 10px; }

a#button:hover { 
background: url(../images/flyOn.gif) repeat-x center;
color: #000000;
border: 1px solid #612e26; }

#visible_area{
	width:576px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:80px;/*required but obviously adjustable*/
}

#testscroller{
	white-space:nowrap;
} 

#testscroller a{
	display: inline-block; }
	
#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; }
