/*
Name: Dr. Whitney Hall, Primary Layout CSS
Description: Layout Stylesheet for drWhitneyHall.com, v1.2 // April 2008
Includes body, headlines, typography, content DIVs, form info, and general rules
Author: five65Design // five65.com
Last Updated: February 19, 2009
*/


/*   =GENERAL INFO & IMPORTS  ---------------------------------------------------------------- */

@import url("resetStyles.css");

/* =body  ---------------------------------------------------------------- */

body {
	color: #2e2e2e;
	padding: 0 0 2em 0;
	background: url(../images/body_bg.jpg) no-repeat 50% 0;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%; margin: 0px 0px 0px 0px; 
	line-height: 1.55em;
	text-align: left;
}

strong {
    font-style: normal;
    font-size: 80%;
    color: #333;
}

.small {
    font-style: normal;
    font-size: 75%;
    text-transform: uppercase;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    border-bottom: none;
    background-color: #FCFAE6;
}

img.mug {
    border: 1px solid #c3c3c3;
    padding: 10px;
    float: left;
}


/* =main Layout Items  --------------------------------------------------------------------- */

#container {
	width: 755px;
	margin: 0 auto;
}

#masthead,
#content,
#footer {
	width: 746px;
}

#footer {
	clear: both;
	border-top: 1px solid #e9e9e9;
	padding: 18px 10px;
	width: 735px;
	background: #fff url(../images/footer_bg.jpg) no-repeat;
}

#masthead {
	position: relative;
	height: 202px;
	background: #c8d7a9;
}

#content {
	padding-top: 35px;
}

#content_main {
	float: right;
	width: 495px;
	padding: 0 20px 5px 10px;
}

#content_sub,
#content_intro {
	float: left;
	width: 180px;
	padding: 0 10px;
}

.home {
	width: 202px;
}


/* all Typography, sections, paragraphs and related typog-related stuff below ----------------------------------------*/

/* =headings ------------------------------------------------------------------------------------ */

h1 {
	position: absolute;
	top: 57px;
	left: 10px;
	width: 600px;
	height: 92px;
	background: url(../images/WH-logo.gif) no-repeat;
}

h2 {font: 1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px;
    margin-bottom: 4px; color: #333; padding-bottom: 6px;
  	border-bottom: 1px dotted #c3c3c3;}

h3 {font: bold 1em Georgia, "Times New Roman", serif; letter-spacing: 1px; text-transform: none; border-bottom: none;}

h3.faqtop {font: bold 1em Georgia, "Times New Roman", serif; color: #669900; letter-spacing: 1px; text-transform: none; border-bottom: none;}

h4 {font: normal 1em Georgia, "Times New Roman", serif; letter-spacing: -0.5px; 
    text-transform: uppercase; border-bottom: 1px dotted; width: 165px;}


.section-text h3 {
	font-size: 15px;
	margin-bottom: 9px;
	color: #ccc;
}

/* =p ------------------------------------------------------------------------------------ */

p {
	font-family: Georgia, "Times New Roman", serif; letter-spacing: -0.5px;
	font-size: 0.95em;
	line-height: 1.35em;
	color: #535050;
	margin-bottom: 11px;
}

.intro {
    font-family: Georgia; 
  	font-style: normal;
  	font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 22px;
    font-weight: normal;
    color: #696363;
}    

#masthead p {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	position: absolute;
	bottom: 35px;
	left: 262px;
}

.section-text p {
	font-size: 13px;
}


.highlight {
	background-color: none;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	padding-right: 3px;
	text-decoration: underline 1px dotted #c8d7a9;
}


/* =dt, dd & dl ------------------------------------------------------------------------------------ */

dt {
	background: #fff;
	padding: 0;
	padding-bottom: 9px;
	font-style: italic;
}

dd {
	padding: 0;
	padding-bottom: 0;
	text-indent: 25px;
}



/* =ul  ------------------------------------------------------------------------------------ */

ul {
	margin-bottom: 18px;
}

ul#nav_access { 
	position : absolute; 
	top : -9999px; 
	margin: 0;
}

ul#nav_main {
	position: absolute;
	bottom: 0;
	background-color: #669900;
	width: 755px;
	margin: 0;
}


/* =li ------------------------------------------------------------------------------------ */

li {
	margin-left: 15px;
	list-style: none;
}

#footer li {
	list-style: none;
	margin: 0;
}


#footer li.copyright {
	color: #333;
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 75%;
	float: left;
	width: 300px;
	text-decoration: none;
}

#footer li.mailfoot {
	color: #333;
	font-family: Georgia, "Times New Roman", serif; 
	font-size: 75%;
	float: right;
	width: 200px;
	padding-right: 6px;
	text-align: right;
}

#nav_main li {
	float: left;
	margin-left: 0px;
	list-style: none;
}

#nav_main li#bigBox {
	position: relative;
	margin-left: 160px;
}

#nav_sub li{
	width: 180px;
	margin: 0 0 .1em 0;
	padding: 2px 0 5px 2px;
	margin-top: 5px;
	background: none;
	margin-left: 0px;
	list-style: none;
	border-bottom: 1px dotted #c8c8c8;
	text-decoration: none;
	color: #669900;
}

#nav_sub li a{
	width: 180px;
	font-size: .925em;
	padding-bottom: 5px;
	margin-top: 5px;
	background: none;
	margin-left: 0px;
	list-style: none;
	text-decoration: none;
	color: #669900;
}

#nav_sub li a:hover{
	width: 180px;
	font-size: .925em;
	padding-bottom: 5px;
	margin-top: 5px;
	background: none;
	margin-left: 0px;
	list-style: none;
	text-decoration: none;
	color: #333;
}

#nav_sub li a#active {
	width: 180px;
	font-size: .9em;
	padding-bottom: 5px;
	margin-top: 5px;
	background: none;
	margin-left: 0px;
	list-style: none;
	text-decoration: none;
	color: #333;
}

#content_main li.first,
#content_sub li.first {
	margin-top: 0;
}


/* =ol  ------------------------------------------------------------------------------------ */

fieldset ol {  
	padding: 0;  

}

/* =a  ------------------------------------------------------------------------------------ */

a {
	color: #669900;
	text-decoration: dotted 1px #c3c3c3;
}

a:hover {
	text-decoration: none;
}

.section-text p a {
	color: #fff;
}

h1 a {
	display: block;
	width: 188px;
	height: 92px;
	text-indent: -9999px;
}

#nav_main li a {
	float: left;
	display: block;
	background: #669900;
	border-top: 1px solid #669900;
	border-right: 1px solid #c8d7a9;
	padding: 0 15px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 25px;
}

#nav_main li a:hover {
	background: #79875b;
	border-top: 1px solid #79875b;
}

#nav_main li a.active {
	background: #fff;
	border-top: 1px solid #fff;
	color: #333;
}



/* =span ------------------------------------------------------------------------------------ */

#masthead p span {
	display: block;
}

h2 span{
	float: left;
}

span.more {
	position: absolute;
	left: -9999em;
	width: 900px;
}


/* =misc ------------------------------------------------------------------------------------ */

strong {
	font-weight: bold;
}


/* =labels ------------------------------------------------------------------------------------*/

#nav_main li label {
		border-top: 1px solid #c8d7a9
		display: block;
		padding: 0 10px;
		color: #fff;
		font-size: 13px;
		line-height: 25px;
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
}

#content label {
	display: block;
	line-height: 18px;
	margin-bottom: 2px;
}


/* =textArea ------------------------------------------------------------------------------------ */

textarea {
	width: 466px;
	font: normal 12px/18px Georgia;  
	padding: 3px;
	color: #666;	
	border: 1px solid #ccc;
	height: 110px;
	background: #f9f9f9;
}
/* END Whitney Hall mainStyles ------------------------------------------------------------------- */