/* CSS Document */

body { margin:15px 0px 2px 0px;
background:#999999; }

#header { border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
text-align:center; }

#bdr { border:2px solid #000000; }

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

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

#imgArea { background:#ffffff;
height:440px;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
vertical-align:middle;
padding:5px 0px; }

#img1 { padding:0px 5px; }
#img2 { padding:0px 5px; text-align:center; }
#img3 { padding:0px 5px; text-align:right; }

#textBox { background:#003268 url(../images/textBG.gif) repeat-x top left;
padding:0;
vertical-align:top; }

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

#textBox3 { padding:0px 0px 0px 15px; vertical-align:top; border-left:1px solid #ffffff; }

#textBox4 { padding: 0px 15px 0px 15px; vertical-align:top; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }

#textBox5 { padding: 0px 15px 0px 0px; vertical-align:top; }

#textBox6 { padding:0px 0px 0px 15px; vertical-align:top; }

#textBox7 { background:#003268 url(../images/textBG.gif) repeat-x top left;
padding:0px;
vertical-align:top;
border-top:2px solid #ffffff; }

#textBox8 { padding: 0px 15px; border-left:1px solid #ffffff; vertical-align:top; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td, #textarea3, #textarea3 td, #textarea4, #textarea4 td { vertical-align:top;
font:14pt calibri, Arial, Helvetica, sans-serif;
color:#ffffff; }

#textMain { background:#ffffff;
vertical-align:top;
height:250px;
padding:0px 20px; }

#footer { border-top:2px solid #ffffff;
text-align:right; }

a { color:#3385c5; text-decoration:underline; }

a:hover { color:#cccccc; }

#textarea1 a img, #textarea1 td a img, #textarea2 a img, #textarea2 td a img,
#textarea3 a img, #textarea3 td a img, #textarea4 a img, #textarea4 td a img { border-color: #ffffff;
opacity: 1;
filter: alpha(opacity=100); }

#textarea1 a:hover img, #textarea1 td a:hover img, #textarea2 a:hover img, #textarea2 td a:hover img,
#textarea3 a:hover img, #textarea3 td a:hover img, #textarea4 a:hover img, #textarea4 td a:hover img { 
opacity: .85;
filter: alpha(opacity=85); }

a#button { 
white-space: nowrap;
font: 14pt calibri, Arial, Helvetica, sans-serif; 
text-transform:uppercase;
  color: #000000;
  text-decoration: none;
 padding: 0px 10px;
  border: 1px solid #3385c5;
  background: #e5e6e8;
}

a#button:hover { 
text-decoration: none; color: #000000; background: #e5e6e8; border: 1px solid #eb0a0a;
}

#members { border:1px solid #3687c6; }

#memBox { padding: 15px 0px 20px 0px;
vertical-align:top; }

#membersHeader { background:#3687c6; 
font: 11pt Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 4px 6px 3px 6px;
text-transform:uppercase; }

.memberslogin, #membership_register, .style2, .loginerror { font-family: calibri, Arial, Helvetica, sans-serif;
font-size: 10pt !important;
color: #ffffff; }

.forgotpw { font-family: calibri, Arial, Helvetica, sans-serif;
font-size: 8pt !important;
color: #ffffff; }

#member_pass, #member_email { size:24;
border: 1px solid #3687c6; 
font-size: 12px; 
color: #ffffff; 
background: #1e1e1e;
padding: 0px 3px 0px 3px; }

#visible_area{
	width:500px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:60px;/*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: 1;
filter: alpha(opacity=100);}

#mid a:hover { opacity: .85;
filter: alpha(opacity=85);}

#visible_area #bridgetools, #visible_area_menu #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }