/* CSS Document */

#main { border: 5px solid #cccccc; }

#blueStr { background-color: #336699;
height: 5px; }

#blueStr2 { background-color: #336699;
height: 6px;
border-top: 1px solid #cccccc; }

#menuBox { border-bottom: 1px solid #cccccc;
background-color: #336699; }

#menuBox2 { padding: 3 10 3 0;
border-top: 1px solid #cccccc; }

#textBox { padding: 10 15 15 15;
height: 250px;
vertical-align: top; }

#textBox2 { vertical-align: top;
padding: 10 15 15 0; }

#textBox3 { padding: 10px;
height: 200px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
vertical-align: top;
background-color: #336699; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
vertical-align: top; }

#textarea3, #textarea3 td { font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #cccccc;
vertical-align: top; }

#copyright { font-family: arial, helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
vertical-align: top;
padding: 0 0 0 3;
border-top: 1px solid #cccccc; }

#edit { padding: 1 2 0 0;
text-align: right; }

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

a:hover { text-decoration: none; }

#textarea3 a { color: #ffffff; text-decoration: underline; }

#textarea3 a:hover { text-decoration: none; }

.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 { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000; }

#textarea1 a img, #textarea1 td a img, #textarea2 a img, #textarea2 td a img { border-color: #336699;
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-weight: bold;
padding: 0 10 0 10;
text-decoration: none;
background-color: #336699;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  border: 1px solid #cccccc;
}

a#button:hover {
color: #FFFFFF;
background-color: #769BC8;
}

#visible_area{
	width:550px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:70px;/*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 1 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, #visible_area_menu #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }