/* Style sheet */
body  { background: #FFF; color: #333; font: normal normal 11px Verdana, Arial, sans-serif; }
input { background: #FFF; color: #487392; font: normal normal 11px Arial, sans-serif;  }
.checkbox { background: #FFF; color: #487392; font: normal normal 11px Arial, sans-serif;  }
textarea { background: #FFF; color: #31552F; font: normal normal 11px Arial, sans-serif; }
select { background: #FFF; color: #487392; font: normal normal 11px Arial, sans-serif; border: 1px solid #4DBC4D;  }
form  { background: #FFF; color: #31552F; font: normal normal 11px Arial, sans-serif; }
h1    { font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #AABBA9; margin-bottom: -12px; }
h2    { font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #5A8157; }
h3    { font: normal bold 11pt Arial, Verdana, sans-serif; color: #626161; padding: 3px; }
h4    { color: #000; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol, ol ol, ol ol ol { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul       { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul ul    { color: #333; font: normal normal 11px/15px Verdana, Arial, sans-serif; }
ul ul ul { color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; }


/* Define top area */
.header1 { background: #FFF; color: #4DBC4D; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; border-bottom: 1px solid #487392; padding: 5px; }
.header2 { background: #FFF; color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; padding: 5px; }


/* Define Content Areas */
.leftside { background: #FFF; color: #4DBC4D; width: 155px; border-right: 1px solid #008CAF;
	font: normal bold 10px/15px Verdana, Arial, sans-serif; }
.maincontent { background: #FFF; color: #000; font: normal normal 11px Verdana, Arial, sans-serif; width: 605px; }
.introtop { background-image: url(../images/design_elements/computer_alone.html); width: 605px; height: 160px; 
	color: #FFF; padding-top: 50px; padding-left: 335px; font-style:normal; font-variant:normal; 
	font-weight:bold; font-size:16px; font-family:Verdana, Arial, sans-serif; line-height: 22px; }
.midcol { background: #FFF; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; width: 405px; }
.maincol { background: #FFF; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; width: 600px; }
.rightcol { background: #FFF; color: #000; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	padding: 8px; width: 200px; border-left: 1px solid #4DBBD7; }
.member1top { background-image: url('images/design_elements/memberheader.html'); width: 605px; height: 222px; 
	color: #487392; padding-top: 60px; padding-left: 270px; font-style:normal; font-variant:normal; 
	font-weight:bold; font-size:16px; font-family:Verdana, Arial, sans-serif; line-height: 22px; }
.affiliate1top { background-image: url('../images/design_elements/affiliateheader.html'); width: 605px; height: 222px; 
	color: #487392; padding-top: 30px; padding-left: 40px; font-style:normal; font-variant:normal; 
	font-weight:bold; font-size:16px; font-family:Verdana, Arial, sans-serif; line-height: 22px; }
.hide { display: hidden; }

/* Define Topic Header Areas */
.fptleft  { background: #FFF; color: #333; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; padding: 5px; border: 1px solid #0170AC; }
.fptlefttop { background: #EDECD4; border: 1px solid #0170AC;
	color: #000; font-style: normal; font-variant: normal; padding: 4px;
	font-weight:normal; font-size:11px; font-family:Verdana, Arial, sans-serif; line-height: 16px; }
.fptright { background: #0170AC; width: 500px; height: 92px; border: 1px solid #0170AC; 
	color: #000; font-style: normal; font-variant: normal; padding-top: 3px; padding-bottom: 3px;
	font-weight:normal; font-size:11px; font-family:Verdana, Arial, sans-serif; line-height: 16px; }
.fptrighttxt { background: #EDECD4; border: 1px solid #FFF; width: 494px; height: 90px; overflow: auto;
	color: #000; font-style: normal; font-variant: normal; padding: 8px;
	font-weight:normal; font-size:11px; font-family:Verdana, Arial, sans-serif; line-height: 16px; }



/* Define footer area */
.footer1 { background: #FFF; color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 11px; border-bottom: 1px solid #487392; padding: 5px; }
.footer2 { background: #FFF; color: #7696AD; font-face: Verdana, Arial, sans-serif; text-decoration: none;
	font-size: 9px; padding: 5px; border-top: 1px solid #487392; }
.footer2 a:link { text-decoration: none; color: #7696AD; }
.footer2 a:visited { text-decoration: none; color: #7696AD; }

/* Define Product Areas */
.browse { background: #FFF; color: #000; font: normal normal 10px/16px Verdana, Arial, sans-serif; 
	padding-left: 5px; }
.browse2 { background: #FFF; color: #000; font: normal normal 12px/18px Verdana, Arial, sans-serif; 
	padding-left: 5px; }
.browseicons { padding-top: 5px; padding-bottom: 5px; }
.browsewm { background: #FFF; color: #000; font: normal normal 10px/13px Verdana, Arial, sans-serif; }


/* Define Info Areas */
.productbox      { background: #F6F6F6; color: #333; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border: 1px solid #AABBA9; }
.productboxtop   { background: #EDECD4; color: #000; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-top: 1px solid #AABBA9; border-left: 1px solid #AABBA9;  border-right: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9; }
.productboxtopleft   { background: #EDECD4; color: #000; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-top: 1px solid #AABBA9; border-left: 1px solid #AABBA9;  border-bottom: 1px solid #AABBA9; }
.productboxtop1   { background: #EDECD4; color: #000; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-top: 1px solid #AABBA9; border-left: 1px solid #AABBA9;  border-right: 1px solid #AABBA9;  }
.productboxtop2   { background: #FFF; color: #000; font: normal normal 10px/13px Verdana, Arial, sans-serif; 
	padding: 4px; 
	border: 1px solid #AABBA9;  }
.products        { background: #FFF; }

.productssleft   { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }
.productssleftbottom   { background: #FFF; color: #333; border-bottom: 1px solid #AABBA9; border-left: 1px solid #AABBA9; border-top: 1px solid #AABBA9; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }
	
.productssright  { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #AABBA9; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; }
.productssrightbot  { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #AABBA9; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; }
.productssright2  { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #AABBA9; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; }

.productssleftbot   { background: #FFF; color: #333; border-left: 1px solid #AABBA9; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
		font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #AABBA9;  }
.productssrightbot  { background: #FFF; color: #333; border-left: 1px solid #AABBA9; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #AABBA9; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #AABBA9; }
.productssrightbotmy  { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #AABBA9; 
	font: normal normal 11px/13px Verdana, Arial, sans-serif; border-bottom: 1px solid #AABBA9; }	
.step { background: #EDECD4; color: #000; font: normal bold 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border: 1px solid #4DBC4D;  }
.step2 { background: #EDECD4; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; height: 26px;
	border-left: 1px solid #AABBA9; border-right: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9;  }
.step3 { background: #EDECD4; color: #000; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; height: 20px;  }
.productslr { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-right: 1px solid #AABBA9;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }
.productslrbot { background: #FFF; color: #333; border-bottom: 1px solid #AABBA9; border-left: 1px solid #AABBA9; border-right: 1px solid #AABBA9;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }	
.productslr2 { background: #FFF; color: #333; border-left: 1px solid #AABBA9; border-right: 1px solid #AABBA9; border-bottom: 1px solid #AABBA9;
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font: normal normal 11px/13px Verdana, Arial, sans-serif;  }


/* Left Side Link Area */
.leftside a:link     { color: #31552F; font-weight: normal; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
.leftside a:active   { color: #31552F; font-weight: normal; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
.leftside a:visited  { color: #31552F; font-weight: normal; font-face: Verdana, Arial, sans-serif; text-decoration: none; }  
.leftside a:hover    { color: #000; font-weight: normal; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }  

/* Define Footer Area */
.footer { background-image: url('images/design_elements/footerbk.html'); color: #FFF; width: 745px; font: normal normal 10px Verdana, Arial, sans-serif; }

/* Define standard hyperlinks */	
a:link  { color: #31552F; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }  
a:active { color: #31552F; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }
a:visited { color: #31552F; font-face: Verdana, Arial, sans-serif; text-decoration: underline; }
a:hover { color: #333; font-face: Verdana, Arial, sans-serif; text-decoration: none; }