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

* {	margin: 0; padding: 0; border: 0; }

body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* to force scrollbar with centered layout */
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*----------------------- layout ----------------------------*/

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

	#head { height: 200px; margin-top: 20px; width: 100%; background-color: #fff; float: left; }
	#head2 { height: 100px; margin-top: 10px; width: 100%; background-color: #fff; float: left; }	
		#nav { height: 33px; width: 100%; margin-top: 39px; float: left; background-color: #fff; }
			
			#navleft { width: 301px; float: left; }
			#navleft2 { width: 439px; float: left; }
			#navright { width: 634px; float: right; }
		
			#logoright { float: right; }
	
	#mainarea { height: 150px; width: 960px; background-color: #0066B3; float: left; }
	
	#main { width: 960px; height: 189px; float: left; }
	
	#displayarea { height: 162px; width: 960px; float: left; background-color: #3E9537; }
		
	#contentwrap { width: 960px; float: left; clear: both; }
		#marginav { width: 187px; height: 600px; background-color: #98C08C; float: left; }
		#marginavblue { width: 195px; height: 485px; background-color: #EFDD8D; float: left; }
		
		#maincontent { width: 599px; height: 530px; padding: 20px 0 0 15px; float: right; background-color: #fff; }
			
			div.profiles { width: 773px; height: 140px; float: left; }
				div.profleft { width: 356px; padding: 10px; float: left; }
				div.profright { width: 376px; padding: 10px; float: right; }
			
			#listspace { width: 458px; float: left; }
			#genericspace { width: 280px; padding-top: 40px; float: right; }
			
		.pillspace { width: 750px; height: 176px; margin-bottom: 5px; float: right; }
			.pillspic { width: 151px; height: 176px; float: left; }
			.pillcontent { width: 755px; height: 230px; float: left; }
				.pillsmaininfo { width: 460px; padding: 10px; float: left; vertical-align:text-top; }
				.pillsmaininfo_pollen { width: 410px; padding: 10px; float: left; vertical-align:text-top; padding-left:20px; }
				.pillsimage { width: 255px; height: 126px; float: left; padding-left:20px;}
				.pillsdisc { width: 455px; float: left; padding-bottom:15px; }
				.pillsdisc_pollen { width: 410px; float: left; padding-bottom:15px; }
				
				.left { width: 355px; height: 126px; float: left;}
				.right { width: 320px; padding: 10px; float: right; vertical-align:text-top; }
			
/*--------------------------Firefox hack----------------------------*/
		
	html>body #mainarea { height: 162px; }	
		
/*------------------------------------------------------*/
		
		#textarea { float: right; width: 385px; padding: 5px 15px 0; }
			
			.textsmall { width: 170px; padding: 0 10px; float: left; }
	
	#externalinks { clear: both; padding-top: 30px; }
		#pharma { width: 310px; height: 255px; padding-top: 20px; text-align: center; float: left; border-right: 1px solid #4CC6E1;  }
		#natural { width: 310px; height: 255px; padding-top: 20px; text-align: center; float: left; }
		#health { width: 310px; height: 255px; padding-top: 20px; text-align: center; float: left; border-left: 1px solid #4CC6E1; }
		
	#spacer { width: 450px; height: 1px; background-color: #D1ECF5; clear: both; float: left; padding: 0; margin: 0px; }
		
	#footer { height: 328px; width: 100%; background-color: #36F; float: left; }

/*--------------------- paragraphs & headings ---------------------*/

h2.whitehead { margin-bottom: 5px; font-size: 25px; padding: 0px; }
h2 { color: #fff; font-size: 27px; font-weight: normal; }

h3 { font-size: 17px; font-weight: normal; color: #43983C; }
h3.blue { color: #0061A5; }

h4 { font-size: 10px; color: #43983C; }

p { margin: 0 0 1em; font-size: 11px; color: #000; line-height: 1em; }
p.whitetext { color: #fff; }

.smalltextblack { color: #000; font-size: 10px; margin: 0 0 2px 0; }
.smalltext { font-size: 10px; color: #fff; }

/*--------------------- text dedicated ---------------------*/

p.pills { font-size: 11px; margin: 0; padding-bottom:15px; line-height: 13px; }
.newsroom { width:320px; line-height:13px;}

/*--------------------- links ---------------------*/

a, a:visited { color:#000000; text-decoration:none; }

a:active { color:#000000; text-decoration:none; }

a:hover { text-decoration:none; }

/*--------------------- images ---------------------*/

a img { border: 0; }

.homepicsmain { padding: none; margin: 0px; }
.externalogos { margin-top: 20px; }

/*--------------------- forms ---------------------*/

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 1.2em; border: 1px solid #666; }

/* ---------------------- nav ----------------------*/

ul.level1 { list-style: none; float: right; padding-right: 10px; padding-top: 3px; }
ul.level1 li { }
ul.level1 a { display: block; border-right: 1px solid #A99300; height: 12px; padding: 3px 10px 0 10px; color: #666; font-size: 13px; font-family: "Lucida Sans"; text-decoration: none; float: left; }
ul.level1 a.nomargin { margin: 0px; border: none; }
ul.level1 a:hover { }
ul.level1 a.on { }

ul.level2 { list-style: none; margin-top: 20px; }
ul.level2 li { }
ul.level2 a { display: block; font-size: 11px; padding-left: 20px; font-weight: bolder; color: #1E6221; height: 30px; text-decoration: none; }
ul.level2 a:hover { }
ul.level2 a.on { }

ul.level3 { float: left; margin: 22px; }
ul.level3 li { }
ul.level3 a { display: block; font-size: 11px; padding-left: 20px; font-weight: bolder; color: #1E6221; height: 30px; text-decoration: none; }
ul.level3 a:hover { }
ul.level3 a.on { }

ul.level4 { list-style: none; margin-top: 20px; }
ul.level4 li { }
ul.level4 a { display: block; font-size: 10px; padding-left: 5px; font-weight: normal; color: #0066B3; height: 20px; text-decoration: none; }
ul.level4 a:hover { }
ul.level4 a.on { }

ul.level5 { list-style: none; float: right; padding-right: 10px; padding-top: 3px; }
ul.level5 li { }
ul.level5 a { display: block; border-right: 1px solid #00A897; height: 12px; padding: 3px 10px 0 10px; color: #666; font-size: 13px; font-family: "Lucida Sans"; text-decoration: none; float: left; }
ul.level5 a.nomargin { margin: 0px; border: none; }
ul.level5 a:hover { }
ul.level5 a.on { }

ul.normalist { padding-left: 15px; }
ul.normalist li { font-size: 11px; }
ul.normalist a { font-weight: bold; color: #0061A5; text-decoration: none; }
ul.normalist a:hover { }
ul.normalist a.on { }