/* CSS Document */

body { margin: 0px;
background-image: url(../images/headerBG.jpg);
background-repeat: repeat-x;
background-color: #2e1e05; }

#headerMain { background-image: url(../images/headerMainBG.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 120px;
vertical-align: top; }

.teal { background-color: #5699a2; }

.brown { background-color: #472f09; }

.white { background-color: #ffffff; }

#tealR { background-image: url(../images/tealRight.jpg);
background-repeat: no-repeat;
background-position: top left; }

#denkay { text-align: right;
vertical-align: bottom; }

#grad { background-image: url(../images/grad.jpg);
background-repeat: repeat-x; }

#textp { padding-top: 65px; }

#textBox { height: 350px;
padding: 10 15 10 15;
vertical-align: top;
background-color: #ffffff; }

#menuBox { background-image: url(../images/menuBG.gif);
background-repeat: no-repeat;
background-position: top right;
vertical-align: top;
padding: 10 0 0 0; }

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

#copyright { font: 9px arial, helvetica, sans-serif;
color: #ffffff;
vertical-align: top;
padding: 1 0 0 15; }

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

.memberslogin {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #301f05; }

.forgotpw { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #301f05; }

#membership_register { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #301f05; }

a { color: #5699a2; text-decoration: none; }

a:hover { text-decoration: underline; }

a#button {
white-space: nowrap;
font: bold 11px Arial, Helvetica, sans-serif;
background-color: #472f09;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #301f05;
}

a#button:hover {
text-decoration: none; background-color: #5699a2;
color: #ffffff;
}

#visible_area{
	width:404px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:80px;/*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; }