/*Jolly Green Designs CSS, authored by John Serrao - all code is freely available under a Creative Commons - Attribution-Share Alike v3.0 license: http://creativecommons.org/licenses/by-sa/3.0/*/			
	
	/*############ Establishing Code ###########*/
		* { margin:0; padding:0; }
		body { background: #FFFFFF; color:#ffffff; font-family:Trebuchet MS, Helvetica, sans-serif; rgb(22,22,22); height: 100%; line-height: 130%; /*text readability enhancement*/ width: 100%; }
		img { border: 0px; display: block; }

	/*############ Structural DIVs ###########*/
	/*meta-structure of the site is just a gigantic horizontally and vertically centered box with a placeholder image in it*/
		#site_container_main { background:#ffffff url(../../images/backgrounds/main_sprout.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_about { background:#ffffff url(../../images/backgrounds/main_grass.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_services { background:#ffffff url(../../images/backgrounds/main-wildflowers.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_portfolio { background:#ffffff url(../../images/backgrounds/main-corn_field.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		#site_container_contact { background:#ffffff url(../../images/backgrounds/main_haystack.jpg) no-repeat; height:600px; left:50%; margin-left:-473px; /* half of width of image */ margin-top: -300px;  /* half of height */ position: absolute; top: 50%; width: 946px; border:1px solid rgb(22,22,22); }
		
	/*############ Style DIVs ###########*/			
		#heading_box_main { float:left; height:30px;   margin:100px 0px 273px 60px; position:relative; width:500px; } /*width is arbitrary*/
		#heading_box_secondary { float:left; height:70px; margin:50px 0px 0px 50px; position:relative; width:500px; } /*width is arbitrary*/
		.hidden { display:none; }
		#example_box { height:487px; width:760px; font-size:12px; font-face:Trebuchet MS, Helvetica, sans-serif; color:#121212; padding:10px 25px 10px 25px; }
			#example_box img { margin:0px auto 10px auto;}
			#example_box_centered_text { text-align:center; }
		
		/*There is no text box on the main page*/
		#text_box { clear:both; float:left; height:180px; margin:-20px 0px 123px 50px; position:relative; width:550px; } /*width is arbitrary*/
		#text_box_portfolio { clear:both; float:left; height:212px; margin:-2px 0px 73px 35px; position:relative; width:896px; }
			#text_box_portfolio ul { float:left; list-style:none; padding:0px; }
			#text_box_portfolio ul.row1 li { float:left; margin-top:-10px; padding:10px 35px 42px 0px; position:relative;}
			#text_box_portfolio ul.row1 li.endocrine, #text_box_portfolio ul.row1 li.fcb { padding-top:0px; }
			#text_box_portfolio ul.row1 li.nw { padding-top:0px; }
			#text_box_portfolio ul.row1 li.epa { padding-top:10px;}
			#text_box_portfolio ul.row2 li { float:left; margin-top:-20px; padding:20px 35px 42px 0px; position:relative;}
			#text_box_portfolio ul.row2 li.icp { padding:10px 25px 42px 10px; } 			
			#text_box_portfolio ul.row2 li.jhsph, #text_box_portfolio ul.row2 li.dap { padding-top:14px; }
			#text_box_portfolio ul.row2 li.rodale { padding:6px 32px 42px 7px; }
			#text_box_portfolio li a, #text_box_portfolio li a:link, #text_box_portfolio li a:visited, #text_box_portfolio li a:hover { text-decoration:none; color:#ffffff; }
		#text_box_contact { clear:both; float:left; height:180px; margin:25px 0px 78px 50px; position:relative; width:350px; } /*width is arbitrary*/
			#text_box p, #text_box_portfolio p, #text_box_contact p { color:rgb(22,22,22); font-size:12px; padding:6px 10px; }
			
		#footer { clear:both; float:left; height:184px; margin:0px 0px 0px 57px; width:907px; } /*Footer contains logo + nav row*/
			#logo_box { float:left; height:184px; position:relative; width:184px; }		
			#nav_row { float:left; height:42px; margin:134px 0px 0px 55px; position:relative; width:650px; }
			#nav_row ul{ list-style:none; padding:0px; }
			#nav_row li{ font-size:34px;  float:left; padding: 0px 5px 0px 5px; position:relative; }
				#nav_row li a, #nav_row li a:link, #nav_row li a:visited { text-decoration:none; color:#ffffff; }
				#nav_row li a:hover { text-decoration:underline; color:#ffffff; }
			#nav_row .spacer { font-size:44px; margin-top:-2px; padding:0px 3px; }