/* stylesheet created by Miraz Jordan Nov 2000
and updated February 2004
Text should be purple. Headers should be green. All on a white background-color.
Text justified as requested.
purple amended June 2001- was #9900cc 
spacer added September 2002 */


body {
background-color: #ffffff; 
color: #663399; 
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
margin: 0% 18%;
width: 80%;
 }


p {
background-color: #ffffff; 
color: #663399; 
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
margin: 0% 0% 1% 0%;
padding: 1px;
width: 80%;
 }


blockquote {
background-color: #ffffff; 
color: #663399; 
width: 70%;
font-style: italic;
font-weight: bold;
}


q {
background-color: #ffffff; 
color: #663399; 
font-style: italic;
}


/* ul li {
background-color: #ffffff; 
color: #663399; 
text-align: left;
width: 80%;
 }
 */
dl {
background-color: #ffffff; 
color: #663399; 
 }

dt {
background-color: #ffffff; 
color: #663399; 
font-weight: bold;
 }

dd {
background-color: #ffffff; 
color: #663399; 
 }


div.spacer {
 clear: both;
 }



/* links */

/* anchors refer both within and beyond the document. White on purple. */
a, a:link {
background-color: #ffffff; 
color: #663399; 
}


/* green on white */
a:visited {
background-color: #ffffff; 
color: #009966; 
text-decoration: none;
}


a:active {
background-color: #ffffff; 
color: #009966; 
}

/* white on green background-color */
a:hover {
background-color: #ffffff; 
color: #009966; 
text-align: left;
}

/* Netscape forces me to use two navbar classes */
/* Top navigation system is set up here with a smaller font size and a thin green border on all sides, left justified text */

p.navtop {
background-color: #ffffff;
color: #663399;
padding: 2px;
font-size: small;
text-align: left;
}

p.navtop a:link {
background-color: #ffffff;
color: #663399;
font-size: small;
text-decoration: none;
text-align: left;
}

p.navtop a:hover {
background-color: #009966;
color: #ffffff;
text-decoration: none;
text-align: left;
}

/* Bottom navigation system is set up here with a smaller font size and a thin green border on all sides */

p.navfoot {
background-color: #ffffff;
color: #663399;
border: thin solid #009966;
padding: 2px;
font-size: small;
margin-top: 3em;
}

p.navfoot a:link {
background-color: #ffffff;
color: #663399;
font-size: small;
text-decoration: none;
}

p.navfoot a:hover {
background-color: #009966;
color: #ffffff;
text-decoration: none;
}


/* occasional formatting */
i {
font-style: italic;
}

b {
font-weight: bold;
}


.center {
text-align: center;
}

.small {
font-size: small;
}


/* headings - green on white */
h3 {
background-color: #ffffff; 
color: #009966; 
text-align: left;
width: 70%;
margin: 1% 2% 1% -1em; 
}


h2 {
background-color: #ffffff; 
color: #009966; 
text-align: left;
width: 70%;
margin: 2% 2% 1% -1em; 
}

h1 {
background-color: #ffffff; 
color: #009966; 
text-align: left;
width: 70%;
margin: 3% 2% 1% -1em; 
}



/* allows heading and tagline to be at top of page for search engines */
div.start {
position: static;
 }

/* the bulk of the page */
div.main {
position: static;
 }

/* top picture - scales will appear at left if browser uses stylesheets 0 pixels down */
.toppic {
background-color: #ffffff;
color: #ffffff;
float: left;
clear: right;
margin-left: 0%;
position: absolute;
top: 0px;
left: 0px;
width: 10%;
border: 0px;
 }

/* top navigation location - will appear at left if browser uses stylesheets 175 pixels down to allow for scales graphic above */
div.top {
color: #663399;
font-weight: normal;
font-size: small;
background-color: #ffffff;
border: thin solid #009966;
float: left;
clear: right;
margin-left: 5px;
position: absolute;
top: 200px;
left: 0px;
width: 15%;
overflow: hidden;
 }


/* graphics are included in this section */

/* kids check their underpants */
#pants { 
width: 135px;
height: 179px;
float: right;
margin-right: 0%;
display: block;
 }
/* clear: left; */

/* kids in playground */
#play { 
width: 148px;
height: 201px;
margin: auto;
 }