/* CSS Document */

body { background:#9a362c url(../images/mainBG.jpg) repeat;
margin:0px; }

#str { background:#deaf5a url(../images/str.gif) repeat-x; }

#img1 { padding:1px;
text-align:center;
border-bottom:1px solid #deaf5a; }

#img2 { text-align:right;
vertical-align:top; }

#header { vertical-align:bottom; }

#menuBox3 { vertical-align:top; }

#menuBox { border-top:1px solid #8B8B8B;
border-bottom:1px solid #8B8B8B;
background:url(../images/menuBG.gif) repeat-x bottom; }

#main { background:#f1f1f1;
vertical-align:top; }

#logo { background: url(../images/header.jpg) no-repeat bottom left;
vertical-align:top;
padding-right:3px; }

#textBox { background:#ffffff;
border-bottom:1px solid #8b8b8b;
border-left:1px solid #8b8b8b;
border-right:1px solid #8b8b8b; }

#textBox2 {vertical-align:top;
height:300px;
padding:15px 15px 20px 15px;}

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

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

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

#menuBox2 { background: url(../images/menuLinkBG.gif) no-repeat bottom right; }

#footer { border-top:1px solid #8b8b8b;
border-bottom:1px solid #8b8b8b;
background:url(../images/footerBG.gif) repeat-x top left; }

#copyright { font:7pt Arial, Helvetica, sans-serif;
vertical-align:top;
color:#deaf5a;
font-variant:small-caps; }

#edit { text-align:right; }

#lcol { vertical-align:top; 
text-align:right;
background:url(../images/shadow.gif) repeat-x top; }

#rcol { vertical-align:top;
background:url(../images/shadow.gif) repeat-x top; }

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

a { color:#516041; text-decoration:none; }

a:hover { color:#000000; text-decoration:underline; }

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

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

a#button { 
white-space: nowrap;
font: 11px trebuchet ms,Arial, Helvetica, sans-serif;
  color: #516041;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #8b8b8b;
  background:url(../images/menuBG.gif) repeat-x bottom left;
  font-variant:small-caps;
}

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

#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; }

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

#zervosLogo { position:absolute;
z-index:-1; }