/*css document-- Forbes library internal pages stylesheet 2 for kids pages */

/* welcome brochure colors */
.peacock {font-size: 11pt; font-weight: bold; color: #0099BB; }
.smpeacock {color: #0099BB; font-weight: bold;}
.orange {font-size: 11pt; font-weight: bold; color: #FDBA33;  }
.paleorange {color: #FDE9BE; }
.violet {color: #AB4096; }
.green {font-size: 11pt; font-weight: bold; color: #99C93D; }
/* --------------------------- */

body {background-color: #99C93D; position: absolute; left: 1.5em; right: 1em;
	}
body,h5,h6,p,ul,dl,span {font-size: 10pt; font-family: Verdana, arial, helvetica, sans-serif; padding: 0;}
td {font-size: 10pt; font-family: Verdana, arial, helvetica, sans-serif; }
h4 {font-size: 11pt; font-family: Verdana, arial, helvetica, sans-serif; padding: 0;}
td {font-size: 10pt; font-family: Verdana, arial, helvetica, sans-serif; }

/*Amber's parts added for layout*/

#content {background-color: #ffffff; border: thin solid #AB4096; width: 92%;
padding: 1em; margin-left: 2%; margin-right: 2%; float: left; } 

#headerbox {background-color: #ffffff; width: 99%; height: 150px; float: left; } 

#main {background-color: #ffffff; padding: 0; float: left; } 


#main p {padding-bottom: 0.5em; }

#mainleftcol {float: left; 
clear: none; width: 12em; border: none; } 


 #mainleftnav {background-color: #FDBA33; float: left; 
clear: none; width: 12em; border: 2px solid #FDBA33; } 

#mainleftnav li {color: #00ABCC; font-weight: bold; font-size: 90%; }

#mainleftnav a:link {color: #0099BB; text-decoration: none; } 
#mainleftnav a:visited {color: #0099BB; text-decoration: none;  } 
#mainleftnav a:focus {color: #0099BB; text-decoration: underline; } 
#mainleftnav a:hover {color: #AB4096;  text-decoration: underline; } 
#mainleftnav a:active {color: #0099BB; text-decoration: none; } 

.header {font-family: georgia, garamond, times new roman, serif; 
	color: #AB4096; font-weight: bold; font-size: 2.2em; 
	position: relative; left: 1em; top: -0.5em; }
	
/* don't use H1 */
h1,h2,h3 {font-family: georgia, garamond, times new roman, serif; }
h1,h2 {color: #AB4096; font-weight: bold; font-size: 1.8em; }
h3 {color: #AB4096; font-weight: bold; font-size: 1.4em;}
h4 {color: #99C93D; font-weight: bold;}
h5 {color: black; font-weight: bold; font-style: italic;}
	
#maintext { margin-left: 14.5em; clear: none; } 

#mainleftnav ul {list-style-type: none; margin: 0px; padding: 18px 25px 25px 25px; }
#mainleftnav li {list-style-type: none; margin-bottom: .6em;}
#maintext li {margin-bottom: .4em;}

#footer  {border-top: 2px solid #FDBA33; width: auto; margin: auto; }

.sm {font-size: 8pt; }
.smi {font-size: 9pt; font-style: italic; }
.credit {font-size: 9pt; font-style: italic; line-height: 200%; }
.smbd {font-size: 9pt; font-weight: bold; line-height: 15pt; color: #00ABCC; } 
.sm2bd  {font-size: 8pt; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif;}
.update {font-size: 8pt; font-weight: medium; text-align: center;}

.ltblue {font-size: 11pt; font-weight: bold; color: #0090A0;}
.red {font-size: 11pt; font-weight: bold; color: #FF0033;}
.blue {color: #0000CC; font-weight: bold;}


.bold {font-weight: bold; }


.gold {color: #FD9C09;  }
.lgblk {font-size: 11pt; color: black; font-weight: bold;}
.invisible {color: #FFFFFF; }



hr {height:2px; color: #FDBA33; background: #FDBA33; margin: 0px 0px 0px 0px; }


ul.NoBullet {
  list-style-type: none}

li.nobullet {list-style-type: none; font-size: 11pt; font-weight: bold; }  

/* maintext list items line up flush with text */
ul {margin: 0px; padding: 18px 25px 25px 20px; }


/* list bullet is an image */
.flower {list-style-image: url(http://www.forbeslibrary.org/kids/images/green_flower.gif); }

div.quote {
  float: right; 
  clear: right; 
  background-color: #E6D1E4; 
  border: 2px #935E8E solid;
  width: 272;
  }
  
 div.quoteL {
  float: left; 
  clear: left; 
  background-color: #E6D1E4; 
  border: 2px #935E8E solid;
  width: 320;
  }
  
  
/*Images with captions*/
div.figureR {
  float: right;
  border: 1px #99C93D solid;
  margin: 0.5em 0em 0.5em 0.5em;
  padding: 0.5em;
}
div.figureR p {
  text-align: center;
  font-style: italic;
  font-size: 80%;
  text-indent: 0;
}
div.figureL {
  float: left;
  border: 1px #99C93D solid;
  margin: 0.5em 1em 0.5em 0em;
  padding: 0.5em;
}
div.figureL p {
  text-align: center;
  font-style: italic;
  font-size: 80%;
  text-indent: 0;
}

div.pixL {
  float: left;
  border: 0px;
  margin: 0em 1em 0.5em 0em;
  padding: 0.5em;
  clear: none;
} 
  
  
/*Links*/
  
a:link {color: #0099BB;}
a:active {color: #0099BB;}
a:visited {color: #6296A8;} 
a:hover {color: #FDBA33; }