/* CSS Document */

html {}

body {
 margin: 0; 
 padding:0; 
 float: left; 
 width: 100%;
}
 
 * {
 padding: 0px; 
 margin: 0px; font-family: "Arial"; 
 line-height: 18px;
 }

.hidden {display: none;}
.hide {
	position: absolute;
	left: -5999px;
}
p {
 display: block; 
 width: 100%; float: left; 
 font-size: 12px; 
 color: #484949;
 line-height: 18px; 
 margin: 0 0 18px 0; 
 padding: 0px; 
 }
 
 
h1, h2, h3, h4 {
 float: left; 
 font-family: "Arial"; 
 font-size: 130%;  
 color: #484949; 
 line-height: 18px; 
 height: 18px; 
 padding: 0; 
 margin: 0;
 text-decoration: none;
 border: none;  
 }

img {
 clear:both; 
 display: inline;
 border: none;
 }
 
fieldset {
width: 260px;
 }
 
ol, ul {margin: 0; padding: 0 ; list-style-type: none; }
li {line-height: 18px;}
hr {height: 18px;}
a {font-weight: bold; text-decoration: none; height: 16px; line-height: 18px;}
a:link {
 color: #4B5525;
 }
a:visited {color: #4B5525;}
a:hover {
 text-decoration: underline;
 }

#links a     { color:#4B5525; cursor:hand; text-decoration:none;}            
#links a:HOVER     { color:#000000; cursor:hand; text-decoration:underline;}

div {display: block;}
br {height: 18px;}

#FormsWrapper 
{
 display: block; 
 width: 100%; float: left; 
 font-size: 12px; 
 color: #484949;
 line-height: 18px; 
 margin: 0 0 18px 0;  
 padding: 4px; 
}

/*MAIN WRAPPER*/
#mainWrapper {
 width: 100%;
 background: transparent ;
 float: left;
 }
 
 /*HEADER*/
#headerWrapper {
 width: 100%; 
 float: left; 
 height: 105px; 
 margin-bottom: 12px;
 background: transparent url(../images/bg_header.gif) top left repeat-x;
 } 
 
#header {
width: 887px;
 margin:0pt auto;

}

#headerLeft { 
 height:105px;
 width: 286px;
 margin:0pt auto;
 float: left;
 }
 
 #headerRight {
 height:105px;
 width: 601px;
 margin: 0pt auto;
 float: right;
 }
 
 #headerAcct {
 float: right;

 padding-top: 10px;
 width: 250px;
 height: 25px;
font-size: 10px;
color: #FFFFFF;

/*
 border: 0;
 right: 140px;
 text-align: right;
 position: absolute;
*/
}

 #headerAcct li {
 list-style-image: none;
 list-style-type: none;
 text-indent: -9999px;
}

 #headerAcct li a {
 display: block;
 height: 25px;
 }

#headerAcct .white_link {
display: inline;
font-size: 10px;
color: #FFFFFF;
clear: both;
border: none;
}


 #logo {	
 width: 286px; 
 height: 93px;
 margin: 7px 0 0 0px;	
 background: transparent url('../images/logo.gif') no-repeat 0 0;
 display: inline;
 float: left;	
 }
 

 
/*MASTHEAD*/
#masthead-sub {
 width: 887px;
 height: 69px;
 background: #FFF no-repeat 0 0;
 margin-top: 0px;
 float: left;
}

#masthead-home {
 width: 887px;
 height: 295px;
 background: #FFF no-repeat 0 0;
 float: left;
 padding-bottom: 10px;
}

 
 /*CONTENT*/
#content {
 width: 100%;
 background: transparent ;
 text-align: left;
 position: relative;
 }
* html #content {
height: 1px;
}
 
#contentMain {
 width: 887px;
 margin:0pt auto;
 background: #FFF;
 }
 
 #contentLeft {
 width: 562px;
 margin: 10px 15px 18px 0px;
 display: inline;
 float: left;
}

#contentLeft p {
text-align: justify;
 line-height: 18px;
 font-size: 11px;
 color: #606060;
}

 #contentLeft h2 {
font-size: 14px;
}
 
 #contentRight {
  width: 282px; 
 float: right;  
 padding-top: 12px;
 }
 #contentCenter {
 width: 562px;
 margin: 10px 15px 18px 200px;
 display: inline;
 float: left;
}

#contentCenter p {
text-align: justify;
 line-height: 18px;
 font-size: 11px;
 color: #606060;
}

 #contentCenter h2 {
font-size: 14px;
}
 
 /*NAVIGATION*/
#navigation {
 width: 600px;
 float: right;
 margin: 0;
 padding: 0;
 display: inline;
 padding-top: 72px;
}

html>body #navigation {
padding-top: 72px;
}

#navigation li {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: inline;
 float: left;
}

#navigation a {
 margin: 0 10px 0 0;  
 padding: 0 0 0px 14px!important; 
 color: #515151;	 
 font-size: 11px;  	
 text-transform: uppercase;
 background: #DFE0E1 url('../images/bg-nav-left2.gif') no-repeat left top;
 display: inline;
 float: left;   
}

html>body #navigation a {
 padding: 0 0 13px 14px!important; 

}

#navigation a span {    
 padding: 5px 14px 6px 0px;  
 background:  #DFE0E1 url('../images/bg-nav-right2.gif') no-repeat right top;
 display: block;
 float: left;
 white-space: nowrap;
}

#navigation a:hover {background: #DFE0E1 url('../images/bg-nav-left2.gif') no-repeat 0 -52px;}
#navigation a:hover span {background: #DFE0E1 url('../images/bg-nav-right2.gif') no-repeat 100% -52px;}

/*Active State*/	

div.home #navigation #home,
div.about #navigation #about,
div.payment #navigation #payment,
div.forms #navigation #forms,
div.privacy #navigation #privacy,
div.contactus #navigation #contactus {background: #DFE0E1 url('../images/bg-nav-left2.gif') no-repeat 0 -104px;}

div.home #navigation #home span,
div.about #navigation #about span,
div.payment #navigation #payment span,
div.forms #navigation #forms span,
div.privacy #navigation #privacy span,
div.contactus #navigation #contactus span {background: #124577 url('../images/bg-nav-right2.gif') no-repeat 100% -104px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float: none;}
/* End IE5-Mac hack */
#navigation a:hover span {color: #4B5525;}

/*Secondary Content*/
div.secondary_content {
float: left;
width: 282px;
margin-bottom: 10px;
margin-right: 13px;
overflow: hidden;
}

div.secondary_content .module {
font-size: 10px;
line-height: 12px;
margin-bottom: 8px;
padding-top: 22px;
background: url(../images/login_bg_01.gif) no-repeat;
}

div.secondary_content .module h2 {
float: left;
font-size: 14px;
color: #4B5525;
margin-bottom: 10px;
padding: 0 20px 0 -15px;
/*border-bottom: 1px solid #d6d6d6;*/
}

/*Side Bar
#sidebar_content {
float: left;
width: 282px;
margin-bottom: 10px;
margin-right: 13px;
}*/
#spacer {
height: 15px;
}

/* HOME LOGIN */
#homeLogin{

float: left;
width: 887px;
margin:0pt auto;
}
/*Login 1 */
div.customer_login1 {
 }
 div.customer_login2 {
 }
  div.customer_login3 {
 }


div.customer_login_content {
width: 282px;
float: left;
color: #4B5525;
height: 150px;
padding: 0 15px 0;
background: url(../images/login_bg.gif) no-repeat 0 100%;
}

div.customer_pay_content {
display: inline;
width: 282px;
float: left;
color: #4B5525;
height: 150px;
padding: 0 15px 0;
background: url(../images/login_bg.gif) no-repeat 0 100%;
border: 0;
}
div.customer_pay_center {
display: inline;
width: 230px;
float: left;
color: #4B5525;
}

* html #customer_pay_center {
height: 1px;
}

/* --- | Pay Button | --- */
.pay_button {
text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px
}

* html #customer_login1 .pay_button {
height: 1px;
}
* html #customer_login2 .pay_button {
height: 1px;
}
* html #customer_login3 .pay_button {
height: 1px;
}

#customer_login1 a:link,
#customer_login2 a:link,
#customer_login3 a:link,

#customer_login1 a:visited {
color: #000;
}
#customer_login2 a:visited {
color: #000;
}
#customer_logino3 a:visited {
color: #000;
}

#customer_login1 a:hover,
#customer_login2 a:hover,
#customer_login3 a:hover,

#customer_login1 a:active {
color: #4B5525;
}
#customer_login2 a:active {
color: #4B5525;
}
#customer_login3 a:active {
color: #4B5525;
}

/* --- | Form Elements | --- */

#customer_login1 fieldset {
float: left;
margin-bottom: 8px;
padding-bottom: 8px;
border: 0;
overflow: hidden;
}
#customer_login2 fieldset {
float: left;
margin-bottom: 8px;
padding-bottom: 8px;
border: 0;
overflow: hidden;
}
#customer_login3 fieldset {
float: left;
margin-bottom: 8px;
padding-bottom: 8px;
border: 0;
overflow: hidden;
}

#customer_login1 .field_container {
position: relative;
margin-bottom: 3px;
padding-left: 56px;
padding-bottom: 1px;
width: 282px;
overflow: hidden;
}
#customer_login2 .field_container {
position: relative;
margin-bottom: 3px;
padding-left: 56px;
padding-bottom: 1px;
width: 282px;
overflow: hidden;
}
#customer_login3 .field_container {
position: relative;
margin-bottom: 3px;
padding-left: 56px;
width: 282px;
overflow: hidden;
}

* html #customer_login1 .field_container {
height: 1%;
}
* html #customer_login2 .field_container {
height: 1%;
}
* html #customer_login3 .field_container {
height: 1%;
}
#customer_login1 .field_container label {
font-size: 10px;
position: absolute;
top: 4px;
margin-left: -56px;
display: block;
width: 50px;
}
#customer_login2 .field_container label {
font-size: 10px;
position: absolute;
top: 4px;
margin-left: -56px;
display: block;
width: 50px;
}
#customer_login3 .field_container label {
font-size: 10px;
position: absolute;
top: 4px;
margin-left: -56px;
display: block;
width: 50px;
}

#customer_login1 .field_container .input_text {
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 12px;
/*padding: 0 0 0 10px;*/
text-indent: 2px;
width: 195px;
border: 1px solid #c3c4c4;
}
#customer_login2 .field_container .input_text {
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 12px;
/*padding: 0 0 0 10px;*/
text-indent: 2px;
width: 195px;
border: 1px solid #c3c4c4;
}
#customer_login3 .field_container .input_text {
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 12px;
/*padding: 0 0 0 10px;*/
text-indent: 2px;
width: 195px;
border: 1px solid #c3c4c4;
}


/* Hides from IE5-mac \*/
/* html #customer_login .field_container .input_text {
height: 1px;
}
/* End hide from IE5-mac */


#customer_login1 .forgot {
font-size: 9px;
margin-top: 14px;
}
#customer_login2 .forgot {
font-size: 9px;
margin-top: 14px;
}
#customer_login3 .forgot {
font-size: 9px;
margin-top: 14px;
}

#forgot {
width: 260px;
height: 75px;
text-align: left;
float: left;
margin: 0pt auto;
}

/* --- | Login Button | --- */
#customer_login1 .login_button {
float: right;
margin-top: -20px;
position: relative;
/*margin: 8px 0px 0px 35px;*/
}
#customer_login2 .login_button {
float: right;
margin-top: -20px;
position: relative;
/*margin: 8px 0px 0px 35px;*/
}
#customer_login3 .login_button {
float: right;
margin-top: -20px;
position: relative;
/*margin: 8px 0px 0px 35px;*/
}

/* --- | Not Registered Link | --- */
#customer_login1 .not_registered {
font-size: 12px;
text-align: center;
padding-bottom: 2px;
}
#customer_login2 .not_registered {
font-size: 12px;
text-align: center;
padding-bottom: 2px;
}
#customer_login3 .not_registered {
font-size: 12px;
text-align: center;
padding-bottom: 2px;
}

/* Hides from IE5-mac \*/
* html .input_text {height: 1%;}
/* End hide from IE5-mac */ 

/*Footer*/
#footerWrapper {
width: 887px;
margin:0pt auto;
clear: both;
}

* html .footerWrapper {height: 1px;}


/** html #footer {
overflow-x: auto; 
overflow-y: hidden; 
	}*/

#footer {
width: 887px;
display: inline;
float: left;
height: 70px;
font-size: 11px;
text-decoration: none;
border-top: 4px solid #DDDDDD;
}

#footer a { }
#footer a:link,
#footer a:visited { color: #BBB; }
#footer a:hover { color: #4B5525; }

#footer #footer_navigation {
top: 15px;
height: 15px;
margin-bottom: 2px;
float: left;
}

#footer #copyright {
color: #a1a5a6;
float: right;
}

/*Contact Page*/
#Contact {
width: 562px;
text-align: right;
display: inline;
}

#ContactLeft {
width: 279px;
text-align: left;
float: left;
border: 1px solid #4B5525;
}

#ContactRight {
width: 279px;
text-align: left;
float: right;
border: 1px solid #4B5525;
}

#Contact p {
 display: block; 
 width: 100%; 
 float: left; 
 font-size: 11px; 
 color: #484949;
 padding: 0px; 
 }
 
table.Forms,td.Forms,th.Forms{
	border-collapse:collapse;
	margin: 8px 0px 0px 05px;
	padding:0;
}
td.Forms,th.Forms{
	width: 130px;
	padding:.0em 02em;
	vertical-align:top;
	font-size: 11px;
}
table.General,td.General,th.General{
	border:1px solid #4B5525;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
td.General,th.General{
	width: 280px;
	padding:.2em .5em;
	vertical-align:top;
	font-size: 11px;
}
tbody td.General{
	background:#fff;
}
tbody th.General{
	background:#999;
}

caption{
	text-align:left;
	font-size:12px;
	padding-bottom: 2px;
	padding-top: 10px;
	color: #666666;
}
table th a:link{
	color:#4B5525;
}
table th a:visited{
	color:#4B5525;
}
table td a:link{
	color:#4B5525;
	text-decoration: none;
}
table td a:visited{
	color:#4B5525;
}
table td a:hover{
	text-decoration: underline;
}


/*Bio Pages*/
#BioPage {
width: 562px;
display: inline;
text-align: right;
}

#BioPage img {
float: left;
}

#Bio {
width: 562px;
display: inline;
margin-bottom: 20px;
}

#BioLeft {
padding-right: 5px;
width: 82px;
float: left;
height: inherit; 
}

#BioRight {
width: 475px;
float: right;
margin: 0pt;
}

#BioSpacer {
width: 562px;
float: left;
text-align: left;
}