@charset "utf-8";

.body {background-image: url(images/gpmain/lettucebk.jpg); background-repeat: no-repeat;
	background-attachment: fixed; background-position: center top;}
.body2 {background-repeat: no-repeat; background-attachment: fixed; background-position: center top;}	
.body3 {background-repeat: repeat; background-attachment: fixed;}	

/* beginning of divmenu, and all the settings within it. */

#divbanner { background-image:url(images/gpmain/logobk2.jpg); background-repeat:no-repeat; height: 300px; width: 980px;
	border: 1px solid #000;	list-style-position:inside; list-style-type:disc;	position:relative;
	margin-right: auto;	margin-left: auto;	-moz-border-radius:15px; border-radius:15px;}

/*#divbanner { background-image:url(images/gpmain/gradblue300.gif); background-repeat:repeat; height: 300px; width: 980px;
	border: 1px solid #000;	list-style-position:inside; list-style-type:disc;	position:relative;
	margin-right: auto;	margin-left: auto;	-moz-border-radius:15px; border-radius:15px;}*/


div.hmenu {position:absolute; z-index:7; bottom:27px; left:240px; background:none; padding: 5px;
	 margin: 0; text-align: center; color: White; font:Arial, Helvetica, sans-serif; font-size:24px; }
div.hmenu a {color: White; text-decoration: none; padding-left: 8px; padding-right: 8px;
	padding-top: 5px; padding-bottom: 5px; margin-left: 5px; margin-right: 5px;	font-weight: Bold;}
div.hmenu a:hover {color: #0CF;}

.imgstrawberry1 {position: absolute; bottom:40px; right:570px; z-index:5}
.imgstrawberry2 {position: absolute; bottom:40px; right:370px; z-index:5}
.imgstrawberry3 {position: absolute; bottom:35px; right:185px; z-index:5}
.imgstrawberry4 {position: absolute; bottom:30px; right:0px; z-index:5}
.imgstrawberry5 {position: absolute; bottom:40px; right:465px; z-index:5}
.imgstrawberry6 {position: absolute; bottom:35px; right:250px; z-index:5}
.imgstrawberry7 {position: absolute; bottom:35px; right:100px; z-index:5}
.imgstrawberry8 {position: absolute; bottom:35px; right:700px; z-index:5}
.imgsunflower {position: absolute; bottom:70px;}
.imgsandwich {position: absolute; bottom:165px; right:20px; z-index:5}
.imgsandwichboard {position: absolute; bottom:165px; right:10px; z-index:6}
.imgsoil {position: absolute; bottom:0px;
 -moz-border-bottom-right-radius:15px; border-bottom-right-radius:15px;
 -moz-border-bottom-left-radius:15px; border-bottom-left-radius:15px;}
.imground  {-moz-border-radius:15px; border-radius:15px;}

.imgroundtemp  {border-top-right-radius:15px; border-top-left-radius:15px;
             border-bottom-right-radius:15px; border-bottom-left-radius:15px; 
             margin:10px; float:left}
      
             
.imgroundl  {border-radius:15px; -moz-border-radius:15px; margin:10px; float:left}
.imgroundr  {-moz-border-radius:15px; border-radius:15px; margin:10px; float:right}

h1.title1 {position:absolute; top: -40px; left: 240px; font-size: 65px; color:#663300}
h2.title2 {position:absolute; top: 55px; left: 240px; color:#663300; font-size:32px}


/* end of divmenu, and all the settings within it. */

div.sitemap	{height: 700px; width: 1600px;	border: 3px solid #FFFF66; position: relative;
	margin-right: auto;	margin-left: auto; -moz-border-radius:15px; border-radius:15px;}
		
.divmain {height: 1000px; width: 980px;	border: none; position: relative;
	margin-right: auto;	margin-left: auto;}
	
.divwide {width: 980px;	float: left; border: 1px solid #000; margin-bottom:15px; 
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}	
	
.divwide2 {width: 980px; border: 1px solid #000; margin-bottom:15px; 
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;
	position: relative;	margin-right: auto;	margin-left: auto;}	

.divleft {float: left; width: 660px; border: 1px none #000;}
.divleft1 {float: left; width: 660px; border: 1px solid #000; margin-bottom:15px; 
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}
	
	
	
.divbkcloud { background-image:url(images/misc/cloudsbk3.jpg); 
float: left; width:660px; border: 1px solid #000; margin-bottom:15px; 
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}	
  
.divright {float: right; width: 300px;	border: 1px none #000;}

.divright1 {float: right; width: 300px; margin-bottom:15px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}
  
.divright2 {float: right; width: 300px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}
  
.divright3 {float: right; width: 300px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}
	
.divright4 {float: right; width: 300px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}
	
/* -----------------------------------------------------------------------------------*/	
	
/*These settings were created for the vitaminhome page, but can be used for any 2-column 480\480 page. Place one each of the outside divs (left and right) inside divmain, and multiple inside divs into each outside div. */

.divleft480outside {float: left; width: 480px; border: 1px none #000;}
.divright480outside {float: right; width: 480px; border: 1px none #000;}

.divright480inside {float: right; width: 480px; border: 1px solid #000; margin-bottom:15px; 
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}	
	
.divleft480inside {float: left; width: 480px; border: 1px solid #000; margin-bottom:15px; 
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}			
	
/* -----------------------------------------------------------------------------------*/	
	
	
.divvideor {float: right; width: 300px;	border: 1px none #000; margin-left:15px; margin-right:15px;}
.divvideor360 {float: right; width: 360px;	border: 1px none #000; margin-left:15px; margin-right:15px;}
.divvideol {float: left; width: 300px;	border: 1px none #000; margin-left:15px; margin-right:15px;}

/*These next four settings were created for the resources page, but can be used for any 3-column page.
The first three sit side-by-side inside divmain, and are invisible.
Multiple instances of div312border, which is visible, sit inside the other three divs*/
.div312l {float: left; width: 312px; border: 1px none #000; margin-right:10px;}
.div312c {float: left; width: 312px; border: 1px none #000; margin-left:10px; margin-right:10px;}
.div312r {float: right; width: 312px; border: 1px none #000; margin-left:10px;}
.div312border {float: right; width: 312px; margin-bottom:15px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}

.divbox1 {float: right; width: 300px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;
	margin:10px;}
	
.divbox2 {float: left; width: 300px; border: 1px solid #000;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;
	margin:10px;}

.divbox3 {float: right; border: 1px solid #000; width:260px;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;
	margin:10px;}
	
.divbox4 {float: left; border: 1px solid #000; margin:10px; width: 340px;
	-moz-border-radius:15px; border-radius:15px; background-color: #FFF;}
	
.divindex {float: left; border: none; width:290px;
	-moz-border-radius:15px; border-radius:15px; margin:12px; }	
.divindex a {color: black; text-decoration: none; padding-left: 4px; padding-right: 4px;
	padding-top: 5px; padding-bottom: 5px; margin-left: 2px; margin-right: 2px;	font-weight: bold;
	font-size: 22px;}
.divindex a:hover {color: #0CF;}	
		
  
.hrspacer {border-top-style: none; border-right-style: none; border-bottom-style: none;
	border-left-style: none; visibility: visible; width: 30px;}
.hrspacer300 {border-top-style: none; border-right-style: none; border-bottom-style: none;
	border-left-style: none; visibility: visible; width: 400px;}
.hrspacerblank {border-top-style: none; border-right-style: none; border-bottom-style: none;
	border-left-style: none; visibility: none; width: 100px; height:5px;}	
	
p {font-family:"Times New Roman", Times, serif; font-size:16px; margin: 15px; text-align:justify}
p.pbox {margin: 15px; font-size:14px; text-align:justify; border: 1px solid #000; padding:10px;
-moz-border-radius:15px; border-radius:15px;}

/* Extra copy of options for P (above) --- font-family:"arial",sans-serif; font-size:14px; line-height: 20px;
font-family:"Times New Roman", Times, serif; font-size:16px;*/


li { text-align:justify; margin-right:15px; }

img.border {position:relative; top:10px;}
img.pea:hover {height: 20px; width: 20px;}
img.pea {border: 1px none #000;}

.tableborders { width:350px; border-style:solid; border-color:black; border-width:1px; margin:10px 20px; padding:0px 0px; }
.tableborders td {border-style:solid; border-width: 1px; margin:0px;}

.tablelist {alignment-adjust:left; text-align: left; width: 290px; font-size: 12px;}
.tablelist a {text-decoration:none}

.tablelist2 {text-align: left; width: 290px; font-size: 14px;}
.tablelist2 a {text-decoration:none}

/*tablelist3 was created for the vitamins list at the top of the vitaminhome page.*/
.tablelist3 {text-align: left; width: 480px; cell-style:solid; font-size: 14px;}
.tablelist3 a {text-decoration:none; line-height: 140%}  
.tablelist3 a:hover {color: red;}   
.tablelist3 ul {list-style-type: none;}
.tablelist3 th {vertical-align: baseline}

/*The settings below were added to support settings transferred in from the old version of the Calvin Cycle page. I may also use them on other pages.*/
table.border {border-style: solid; border-color: black; border-width: 1px; margin: 10px 20px; -moz-border-radius:15px; border-radius:15px;}

table.noborder {border-style: none;  margin: 10px 20px; -moz-border-radius:15px; border-radius:15px;}

/*Below are entries for the slideshow*/

.ss_text {margin: 15px; text-align:justify;}

