html, body {
	height: 100%;
	padding-top:10px;
	margin-top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
        background-image: url(../images/bg.jpg); 
        background-repeat: repeat-x;        
        font-family:verdana;
	line-height:150%;
	font-size:12pt;
	color:#8F5088;
	background-color:#C1E466;
}
div.page{
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  width:770px;
  background-image: url(../images/header.jpg); 
  background-repeat: no-repeat;
  text-align:left;
  }
div.inner-page{
  width:100%;
  text-align:left;
  background-color:#E8FFAC;
  }
div.email {
  margin-left:36px;
  margin-top:12px;
  float:left;
  display:inline;
  }
div#logo {
  margin-left:170px;
  margin-top:12px;
  float:left;
  display:inline;
}
div#top{
  height:162px;
  }
div#menu{
  width:100%;
  clear:both;
  color:#ffffff;
  height:50px;
  background-color:#E04fd2;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:0px;
  padding:0;
  overflow:hidden;

}
#menu ul { /* remove bullets and list indents */
list-style: none;
margin:0;
padding:0;
margin-left:35px;

}
#menu ul li {
  float:left;
  font-size:12px;
  margin-left:3px;
  margin-top:0px;
  padding:0px;
  text-align:center;
  font-family:arial;
  color:#F8D1F3;

  }
#menu ul li a{
 color:#F8D1F3;
}  

span.link-text{ 
  display:none;
  }
a#free-off{
  height:50px;
  width:42px;
  background-image:url(../images/free_off.gif);
  display:block;
  }
a#free-off:hover {
  background-image:url(../images/free_over.gif);
  }
a#free-on {
  height:50px;
  width:42px;
  background-image:url(../images/free_on.gif);
  display:block;
  }
a#scrapbook-off{
  height:50px;
  width:81px;
  background-image:url(../images/scrapbook_off.gif);
  display:block;
  }
a#scrapbook-off:hover {
  background-image:url(../images/scrapbook_over.gif);
  }
a#scrapbook-on {
  height:50px;
  width:81px;
  background-image:url(../images/scrapbook_on.gif);
  display:block;
  }  
a#younger-off{
  height:50px;
  width:121px;
  background-image:url(../images/younger_off.gif);
  display:block;
  }
a#younger-off:hover {
  background-image:url(../images/younger_over.gif);
  }
a#younger-on {
  height:50px;
  width:121px;
  background-image:url(../images/younger_on.gif);
  display:block;
  } 
a#older-off{
  height:50px;
  width:105px;
  background-image:url(../images/older_off.gif);
  display:block;
  }
a#older-off:hover {
  background-image:url(../images/older_over.gif);
  }
a#older-on {
  height:50px;
  width:105px;
  background-image:url(../images/older_on.gif);
  display:block;
  }  
a#creativity-off{
  height:50px;
  width:100px;
  background-image:url(../images/creativity_off.gif);
  display:block;
  }
a#creativity-off:hover {
  background-image:url(../images/creativity_over.gif);
  }
a#creativity-on {
  height:50px;
  width:100px;
  background-image:url(../images/creativity_on.gif);
  display:block;
  }    
a#art-off{
  height:50px;
  width:59px;
  background-image:url(../images/art_off.gif);
  display:block;
  }
a#art-off:hover {
  background-image:url(../images/art_over.gif);
  }
a#art-on {
  height:50px;
  width:59px;
  background-image:url(../images/art_on.gif);
  display:block;
  }  
a#school-off{
  height:50px;
  width:113px;
  background-image:url(../images/school_off.gif);
  display:block;
  }
a#school-off:hover {
  background-image:url(../images/school_over.gif);
  }
a#school-on {
  height:50px;
  width:113px;
  background-image:url(../images/school_on.gif);
  display:block;
  }    
a#bio-off{
  height:50px;
  width:53px;
  background-image:url(../images/bio_off.gif);
  display:block;
  }
a#bio-off:hover {
  background-image:url(../images/bio_over.gif);
  }
a#bio-on {
  height:50px;
  width:53px;
  background-image:url(../images/bio_on.gif);
  display:block;
  }    
  
div.menu-item{
  margin-top:5px;
  float:left;
  width:114px;
  margin-left:3px;
  display:inline;
  }
div.content{
  width:100%;
  height:auto;
 
  clear:both;
  }
div.inner-content{
	margin-left:40px;
	width:700px;
	text-align:left;
  }
div.left-column{
  width:100px;
  float:left;
  }
div.middle-column{
  text-align:justify;
  width:590px;
  float:left;
  }
div.right-column{
  width:1px;
  float:left;
  }

div.content-row{
  text-align:justify;
  width:100%;
  overflow:auto;
  margin-top:10px;
  }
p{
  margin-top:0px;
  }
p.title{
  font-weight:bold;
  font-size:16pt;
  }
p.blurb{
  font-style:italic;
  margin-bottom:3px;
  }
p.blurb-source{
  font-weight:bold;
  font-size:12pt;
  }
p.hilite{
  font-size:16pt;
  color:#093AAA;
  text-align:left;
  }
p.large{
  font-size:16pt;
  text-align:left;
  }  
p.large a{
  color:#ff0000;
  }
a{
  text-decoration:none;
  }
a:hover{
  text-decoration:underline;
  }
div.intro{
  width:650px;
  text-align:justify;
  margin-top:20px;
  margin-bottom:20px;
  }
div.form{
  margin-left:auto;
  margin-right:auto;
  width:190px;
  text-align:left;
  margin-bottom:10px;
  }
div.form-frame{
  padding-top:20px;
  padding-bottom:20px;
  width:330px;
  border-style:solid;
  border-width:2px;
  border-color:#ffcccc;
  margin-bottom:20px;
  background-color:#0000fe;
  color:#e04fd2;
  }
input{
   font: monospace, verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #ffcccc;
   background: #f2ecf8;
   color: #0000fe;
  }
input.button{
   font: monospace, verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #ffcccc;
   background: #6FC3FF;
   color: #000000;
   font-size:10px;
   margin-top:10px;
  }
textarea{
   font: monospace, verdana, Arial, Helvetica, sans-serif;
   border: solid 1px #ffcccc;
   background: #f2ecf8;
   color: #0000fe;
  }
div.label{
  margin-bottom:5px;
  font-size:12px;
  font-family:verdana, arial, helvetica;

}
div.input{
  margin-bottom:5px;
}
div.submit{
  text-align:center;
  margin:10px;
  background-color:#6FC3FF;
}   
div.footer{
  width:772px;
  font-size:10pt;
  margin-left:auto;
  margin-right:auto;
  }
div.copyright{
  width:50%;
  text-align:left;
  float:left;
  }
div.link{
  width:50%;
  text-align:right;
  }