/* CSS Document */

body { background: #4f83ab; }

#logo { background: url(../images/logo.gif) no-repeat top right;
vertical-align: top; }

#hs { background: url(../images/headerStr.gif) repeat-x top;
height: 50px; }

#menuBox { border-bottom: 1px solid #587b99; }

#news { border-bottom: 1px solid #587b99;
color: #587b99;
font: bold italic 14px arial, helvetica, sans-serif;
padding: 5 10 5 10; }

#textBox { padding: 20 0 15 10;
vertical-align: top;
height: 300px; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font: 12px arial, helvetica, sans-serif;
vertical-align: top;
color: #000000; }

#main { background: #ffffff;
padding: 10px; }

#edit { text-align: right;
vertical-align:top; }

#copyright { vertical-align: top;
font: bold 10px arial, helvetica, sans-serif;
color: #ffffff;
padding: 0 0 0 2; }

#copyright a {color:#ffffff; text-decoration:none; }

#copyright a:hover { text-decoration:underline; }

.memberslogin {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000; }

.forgotpw { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000; }

#membership_register, .style2 { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000; }

a { color: #587b99; text-decoration: none; font-style: italic; }

a:hover { text-decoration: underline; }

a#button {
white-space: nowrap;
font: bold 11px Arial, Helvetica, sans-serif;
background-color: #ffffff;
  font-weight: bold;
  color: #587b99;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #587b99;
}

a#button:hover {
text-decoration: none; background: #c5d7e4;
}

#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 0 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; }