@charset "utf-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#000;
	background-color: #fff;
	font-family: Arial,Geneva, Verdana,  Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em; /* 16x1.125=18 */
	background-image:url(images/body_bg.gif);
	height: auto;
	}

 #container {
	position:relative;
	width: 800px;  
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* overrides the text-align: center on the body element. */
	padding: 0px;
	background-color:#fff;
	border: 1px solid black;
	}
	
div, h1, h2,h3, p, ul, li, label, form, input, img, span{margin:0; padding:0;}

ul{	list-style-type:none; }

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}	
	
#header {
	height: 120px;
	width:800px;
	}	
	
#main {
	width: 700px;
	height:auto;
	margin-bottom: 20px;
}
  
#copy {
	width: 575px;
	height: auto;
	padding-bottom: 15px;
	}
	
#biblio {
	height: auto;
	width: 750px;
	padding: 0px 10px 15px 40px;
	}

.lastpara {
	display: block;
	margin-bottom: 20px;
}

/* ---------span classes ------*/

.diseases {
	color: #00747a;
	font-size: 18px;
	font-weight:bold;
}

/* --- IMAGES img --- */

.myth {	padding: 20px 0 40px 15px; }

	/* --- Navigation -----*/	
#nav{
	width:800px;
	height:30px;
	background:url(images/nav/nav-bar.gif) 0 0 repeat-x;
	
	}
#nav ul{
	
	width:760px;
	height: auto;
	left:0px;
	top:0px;
	padding:0px 0px 0px 85px;
	_padding-left: 40px;
		
}
#nav ul li{
	background:url(images/nav/nav-div.gif) left top no-repeat;
	height:30px;
	float:left;
	padding:0  0 0 1px;
	display: inline;
}
#nav ul li a{
	display:block;
	padding:0 50px;
	font:bold 14px/30px Arial, Helvetica, sans-serif;
	color:#dee9cc;
	text-decoration:none;
	
}
#nav ul li a:hover{
	color:#c27e5d;
	background-color:inherit;
}
#nav ul li a.hover{
	display:block;
	padding:0 40px;
	font:bold 14px/30px Arial, Helvetica, sans-serif;
	text-decoration:none;
	cursor:text;
}
#nav ul li.last{
	background:url(images/nav/nav-div.gif) left top no-repeat;
		padding: 0 0 0 1px;
	height:30px;
	display:inline;
	width: 130px;

}
#nav ul li.last2{
	background:url(images/nav/nav-div.gif) left top no-repeat;
	padding: 0 0 0 1px;
	height:30px;
	display:inline;
	width: 1px;
}


.home #nav ul li.home a{color:#c27e5d;}

.about #nav ul li.about a{	color:#c27e5d;}

.bibliography #nav ul li.bibliography a{color:#c27e5d;}

.contact #nav ul li.contact a{	color:#c27e5d;}

/* ----- End Navigation ---*/
	
/* Holly Hack. IE Requirement \*/
* html #productsNav li { float: left; height: 1%; }
* html #productsNav li a { height: 1%; }
/* End */

/* -- LINKS -- */

a:link { color:#603813; }
a:visited {color: #603813; }
a:hover { color: #c27e5d; }
 
/* -- hacks and work arounds */

#clear { clear: both;
		 display:block;}

/* paragraphs p tags */
#copy p{padding: 10px 25px 5px 25px;} 
#footer p { padding: 	5px;}

/* ---- LI UL OL ordered lists and unordered lists -- */

ul {padding: 10px 25px 5px 25px;} 



#bib li {padding: 12px 50px 0 0;}

/* --- h tags headings heading -- */

h1, h2, h3, h4, h5 {
	padding: 20px 20px 0px 25px;	
	margin: 0;
	color: #603813;
}

h1  {    
		font-size:20px;
        line-height: 22px;
		}
		
.heading1 { color: #00747a; }

h2, .heading2  {    
        line-height: 16px;
		font-size:18px;
}

h3, .heading3 {    
        line-height: 16px;
		font-size:14px;
}

	/*----- Footer ---*/
 #footer {
	background:#452804;
	width: 800px;
	height: 25px;
	text-align:center;
	}


/*-------- eliminate link or image outlines -----*/
:link img {  border: none;}

img {	border: none;	}

a {outline: none;}

/*----------- typography ----------------*/
	
p, li  {
	font-size: 12px;
	line-height: 16px;
}

p.para1 {
	font-size: 16px;
	line-height: 20px;
}

p.para2 {
	font-size: 14px;
	line-height: 16px;
}

#footer{font-size: .65em;
		line-height: 1.2em;
		color: #dee9cc;
		}

.call {
	font-size: 18px;
	line-height: 20px;
}