/* CSS Document */

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

#log_in { padding:1px 5px 1px 5px;
vertical-align:top; }

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

#logo { padding-left:2px; }

#apply { text-align:right; }

#username, #pw { font:bold 7pt Arial, Helvetica, sans-serif;
color:#000000; }

#lcol { padding: 5px 10px 10px 10px;
vertical-align:top; }

#formHeader1 {padding:13px 5px 1px 5px;
/* border-top: 4px solid #999900; */
border-top: 4px solid #221F73;
vertical-align:top;
font:bold 11px Arial, Helvetica, sans-serif;
color:#000000;}

#textBox { padding: 5px 10px 10px 10px;
vertical-align:top;
border-left: 1px solid #e8e8e8; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td, #textarea3, #textarea3 td { 
font:8pt Arial, Helvetica, sans-serif;
vertical-align:top;
color:#000000;
line-height:160%; }

p { padding: 2 0 2 0;
margin:0px; }
 
#content { padding:10px 0px 10px 0px; }

#ib { size:24;
border: 1px solid #92949b; 
font-size: 10px; 
color: #000000; 
background: #e8e8e8;
padding: 0px 3px 0px 3px;
height:17px; }

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

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

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

#footer { height:40px;
padding-top:9px;
border-top:1px solid #999900;
background:#f1f0f0; }

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

#edit { text-align:right;
vertical-align:top;
padding:10px; }

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

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

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

#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 { 
opacity: 1;
filter: alpha(opacity=100); }

a#button { 
white-space: nowrap;
font: bold 12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #999900;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #999900;
  background: #e5e6e8;
  font-variant:small-caps;
}

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

#visible_area{
	width:450px;/*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: .9;
filter: alpha(opacity=90);}

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

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

.loginbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 14px;

	font-weight: bold;

	color: #FFFFFF;

}

.changingbackground_loginbox_mer {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	clear:none;
	background-image: url(../images/mer_loginbox_bkgrd.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 373px;
}

.changingbackground_loginbox_par {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	clear:none;
	background-image: url(../images/par_loginbox_bkgrd.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 373px;
}