/* CSS Document */

body { margin:0px;
background:#f2f2f2; }

#menuBox { background:url(../images/menuBG.gif) repeat-x top left; }

#menuLeft { width:12px;
background:url(../images/menuBG.gif) repeat-x top left; }

#menuRight { width:12px;
background:url(../images/menuBG.gif) repeat-x top left;
text-align:right; }

#mainTL { width:7px;
vertical-align:top;
background:url(../images/mainLeft.gif) repeat-y top left; }

#mainTR { width:7px;
text-align:right;
vertical-align:top;
background:url(../images/mainRight.gif) repeat-y top right; }

#main { background:#ffffff url(../images/mainBG.gif) repeat-x top left;
vertical-align:top;
 }

#mainBL { vertical-align:bottom;
background:url(../images/mainLeft.gif) repeat-y top left; }

#mainBR { vertical-align:bottom;
background:url(../images/mainRight.gif) repeat-y top right; }

#copyright { vertical-align:top;
font: 7pt Arial, Helvetica, sans-serif;
padding:0 0 0 4;
color:#cccccc; }

#edit { text-align:right;
padding: 0 2 0 0;
width:110px; }

#textBox { padding: 25px 10px 15px 10px;
vertical-align:top;
height:300px;
background: url(../images/mainBottom.gif) repeat-x bottom left; }

#imgBox { padding: 45px 20px 45px 20px; 
vertical-align:top;
width:320px;
background: url(../images/mainBottom.gif) repeat-x bottom left; }

.rimg { text-align:center; }

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

#img1 { text-align:right; }

.memberslogin, .forgotpw,
#membership_register, .style2 { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666666; }

a { color:#6882a3; text-decoration:none; }

a:hover { text-decoration:underline; }

#textarea1 a img, #textarea1 td a img, #textarea2 a img, #textarea2 td a img { border-color:6882a3; }

#textarea1 a:hover img, #textarea1 td a:hover img,
#textarea2 a:hover img, #textarea2 td a:hover img { border-color:666666;
opacity: .85;
filter: alpha(opacity=85); }

a#button { 
white-space: nowrap;
font: bold 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #6882a3;
  text-decoration: none;
 padding: 0px 10px 0px 10px;
  border: 1px solid #969ca5;
  background: #ffffff;
  text-transform:uppercase;
}

a#button:hover { 
text-decoration: none; background: #e8e8e8; 
}

#visible_area{
	width:500px;/*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; }