body {
	background: url(../images/perimenopauseanswersbg.jpg) 0 0 repeat-x #e8e8e8;
	}

table.maintable {
	border-top: 1px #ddd solid;
	border-left: 1px #eee solid;
	border-right: 2px #b3b3b3 solid;
	border-bottom: 2px #999 solid;
	}

td.sidebar {
	}

div.optin {
	background: url(../images/optin-back.png) top left no-repeat black;
	width: 222px;
	height: auto;
	padding: 0; padding-top: 180px;
	border: 5px #eee solid;
	color: white; 
	margin: 0;
	}

div.optin ul {
	margin: 5px 35px; margin-right: 5px;
	padding: 0;
	list-style:url(../images/bullet.png) outside;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #c6ac69;
	}

div.optin li {
	margin: 6px  0;
	padding: 0;
	line-height: 12px;
	}
	
div.optin h2 {
	text-align: center;
	margin: 5px 0;
	font: normal  bold 12pt Arial, Helvetica, sans-serif;
	color: #f3e3a8;
	text-transform: uppercase;
	}

div.optin form {
	width: 90%;
	margin: 0 auto;
	}
	
div.optin label {
	display: block;
	float: left;
	clear: both;
	margin-top: 5px; 	margin-left: 8px;	
	font: normal small-caps 10px Verdana, Geneva, sans-serif;
}
	
.customtextfield {
	width: 90%;
	height: 16px;
	padding: 2px 0;
	font-size: 14px;
	float: left;
	clear: both;
	margin-left: 8px;	}

.custombutton {
	height: 30px;
	width: 92%;
	float: left;
	margin: 10px; margin-left: 8px;
	clear:both;
	background: url(../images/button-back.png) top left repeat-x #300;
	border: 0;
	border-left: 1px #400 solid;
	border-right: 1px #400 solid;
	color: #F66;
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	}

div.optin  p.disclaimer {
	clear: both;
	margin: 5px 17px; margin-bottom: 10px;
	text-transform: uppercase;
	font: normal 9px Verdana, Geneva, sans-serif;
	color:#555;
}


div.books {
	margin: 10px auto;
	padding: 2px; padding-bottom: 10px;
	width: 90%;
	height: auto;
	border-bottom: 2px #eee solid;
}


div.books h2,
div.articles h2
{
	margin: 0; margin-left: -7px;margin-right: -2px;
	white-space: normal;
	font: bold small-caps 11pt "Times New Roman", Times, serif;
	padding: 4px;
	}

div.books p {
	margin: 0;
	}

div.articles {
	margin: 10px;
	padding: 2px;
	width: 90%;
	height: auto;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.footertext {
	font: 10px Arial, Helvetica, sans-serif;
}
.menutext {
	font-size: 14px;
}

/*--- Additional styles ---*/
#navbar {
	height: 30px;
	background: black;
	margin: 0; margin-top: -15px;
	padding:2px 0;
	display: block;
	font:  normal small-caps normal 13px Georgia, Arial, Helvetica, sans-serif;
	border-bottom: 8px #ddd solid;
}

#navbar ul {
	height: 26px;
	width: auto;
	padding:0px ;
	background:url(../images/navback.png) top left repeat-x yellow;
	border-left: 1px black solid;
	border-right: 1px #666 solid;
	}
	
#navbar li {
	height: 26px;
	line-height: 26px;
	display: inline;
	margin: 0; 
	padding: 0;
	color: white;
	float: left;
	background: url(../images/norm_right.png) top right no-repeat;
	border-right: 1px black solid;
	border-left: 1px #666 solid;
	}

#navbar a {
	display: block;
	background: url(../images/norm_left.png) top left no-repeat;
	padding:0 10px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	color: lightyellow;
	}

#navbar a:hover {
	color: #5c0320;
	
	background: url(../images/hover_left.png) top left no-repeat;
	}

#navbar li:hover {
	color: #5c0320;
	background: url(../images/hover_right.png) top right no-repeat;
	}
	
.rating_bar {
  width: 64px;
  background: url(../images/rating_nostars.png) 0 0 repeat-x;
  border: 2px black solid;
  margin: 0;
}

.rating_bar div {
  height: 13px;
  background: url(../images/rating_fullstars.png) 0 0 repeat-x;
}

.red {
	color: #C00;
	font-weight: bold;
	}