/* CSS Document */

body { margin:0px; }

#str { background:url(../images/dot.gif) repeat-x center center;
width:100%;
height:13px; }

#edit { vertical-align:top; }

#day,#month,#year { font-family:10px tahoma Arial, Helvetica, sans-serif; border:1px solid rgb(153, 102, 204);
background:#e2e2e2; } 

#year { width:58px; }

#textBox1 { padding: 0 5 0 15;
vertical-align:middle; }

#textBox3 { padding: 10 10 15 10;
vertical-align:top;
height:300px; }

#textBoxHome { padding: 10 5 15 5;
vertical-align:top;
font: bold 12px Arial, Helvetica, sans-serif;
color:#92278f; }

#textBox4 { padding: 10 5 15 5;
vertical-align:top;
background:#9966cc; }

#textarea1, #textarea1 td { font:7pt Arial, Helvetica, sans-serif;
color:#000000;}

#textarea2, #textarea2 td, #textarea3, #textarea3 td, #textarea4, #textarea4 td {
font:12px Arial, Helvetica, sans-serif;
color:#000000;
vertical-align:top; }

#logo { padding: 0 0 0 0; }

#menuBox1 { background:#c7eb5f;
padding-left:40px; }

#menuBox2 { background:#c7eb5f;
padding-bottom:5px; }

#menuBox3 { padding: 10 5 15 5;
vertical-align:top;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000; }

#menuBox4 { background:#c7eb5f;
padding-right:40px;
text-align:right; }

#menuBox6 { padding-top:10px; }

/*#ad1 { background:#ffcc00; }*/

#img1 { text-align:center; }

#addy { color:#92278f;
text-transform:uppercase;
font: 8pt Arial, Helvetica, sans-serif;
padding-top:50px;
text-align:center; }

.menuhead { font:bold 11pt Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:uppercase;
padding:6px 0px 0px 28px; }

#members { border:1px solid #9966cc; }

#memBox { padding: 15px 0px 20px 0px;
vertical-align:top; }

#membersHeader { background:#9966cc; 
font: bold 10px Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 4px 11px 3px 11px; }

.memberslogin, .forgotpw, #membership_register, .style2, .loginerror { font-family: Arial, Helvetica, sans-serif;
font-size: 11px !important;
font-weight: bold;
color: #000000; }

#member_pass, #member_email { size:24;
border: 1px solid #9966cc; 
font-size: 12px; 
color: #000000; 
background: #e8e8e8;
padding: 0px 3px 0px 3px; }

hr { height:1px;width:100%;border:none; color:#cccccc; background:#cccccc; }

#line { 
margin: 0 0 3 0; 
padding: 0px; 
width: 100%; 
height: 1px !important; 
background-color: #cccccc; 
} 

a {color:#ff0033; text-decoration:none; }

a:hover {color:#333333; text-decoration:underline; }

#textarea3 a img, #textarea3 td a img, #textarea2 a img, #textarea2 td a img { border-color: #ff0033;
opacity: .8;
filter: alpha(opacity=80); }

#textarea3 a:hover img, #textarea3 td a:hover img, #textarea2 a:hover img, #textarea2 td a:hover img { 
opacity: 1;
filter: alpha(opacity=100); }

a#button { 
white-space: nowrap;
font: bold 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #ff0033;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #cccccc;
  background: #e8e8e8;
}

a#button:hover { 
text-decoration: none; color: #ffffff; background:#ff0033;
}

#visible_area{
	width:450px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:70px;/*required but obviously adjustable*/
}

#visible_area_menu {
	width:914px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:280px;/*required but obviously adjustable*/
}

#visible_area_menu2 {
	width:480px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:200px;/*required but obviously adjustable*/
}

#testscroller, #testscroller2, #testscroller3, #testscroller4, #testscroller5 {
	white-space:nowrap;
} 

#testscroller a, #testscroller2 a, #testscroller3 a, #testscroller4 a, #testscroller5 a {
	display: inline-block;
	padding: 0 1 0 0; }
	
#mid { vertical-align:middle; }

#mid2 { vertical-align:top;
padding-top:330px; }

#mid a, #mid2 a { width: 30px;
opacity: .9;
filter: alpha(opacity=90);
outline:none;}

#mid a:hover, #mid2 a:hover { opacity: .75;
filter: alpha(opacity=75);}

#visible_area #bridgetools, #visible_area_menu #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }
