body {
font-family:helvetica, arial, sans-serif;
font-size:14px;
font-weight:lighter;
color:#333333;
background-color:#3D4C15;
margin: 0 auto;
text-align: center;

	}

a {text-decoration: underline !important; }	
	
#superheader {width: 100%; padding: 6px 0px; font-family: Arial, Helvetica, sans-serif; background: #320850; border-bottom: 2px solid #591f85;  font-size: 8px !important;  text-align: left; color: #FFFFFF;}
#utility {float: left; width: 600px; margin: 0; padding: 2px 0 0 8px; font-weight: normal; }
#utility a {color: #d8d7e9 ; padding: 0; margin: 0 2px; font-size: 9px !important;}
#mainlink a {color: #FFFFFF; text-decoration: underline; padding-right: 8px; font-weight: bold; float: right; font-size: 12px !important;  }	
#superheader a:hover {color: #F1EE00;}



	
p.subtl {line-height:16px;
font-size:18;
}
p.medHt {line-height:17px;
font-size:14;
}
p.medHtblk {line-height:16px;
font-size:14;
color:#000000;
}
p.intro {line-height:22px;
font-size:20;
}
p.sndpgh {line-height:19px;
font-size:16;
}
p.bsmall {font-size:12;
color:#333333;
line-height:14px;
}
p.foot {font-size:11;
color:#848484;
}

p.rtmrg {marginRight:30px;
}

ul.square {list-style-type: square;
line-height:16px;
font-size:14;
}

li.li12 {line-height:16px;
font-size:12;
}
li.li14 {line-height:16px;
font-size:14;
}

a.footer:link {font-family:helvetica, arial, sans-serif;
font-size:12px; 
text-align:center;
color:#848484;
text-decoration:none; 
	}
a.footer:visited {color:#848484;
font-size:12px; 
text-decoration:none;
	}
a.footer:hover {color:#000000;
font-size:12px; 
text-decoration:underline;
	}
a.footer:active {color:#000000; 
font-size:12px; 
text-decoration:none;
	}
a.lastrow:link {font-family:helvetica, arial, sans-serif;
font-size:12px; 
text-align:center;
color:#848484;
text-decoration:none; 
	}
a.lastrow:visited {color:#848484;
font-size:12px; 
text-decoration:none;
	}
a.lastrow:hover {color:#000000;
font-size:12px; 
text-decoration:underline;
	}
a.lastrow:active {color:#000000; 
font-size:12px; 
text-decoration:none;
	}
a.smlink:link {font-family:helvetica, arial, sans-serif;
font-size:11px; 
text-align:center;
color:#848484;
text-decoration:underline; 
	}
a.smlink:visited {color:#848484;
font-size:11px; 
text-decoration:underline;
	}
a.smlink:hover {color:#000000;
font-size:11px; 
text-decoration:underline;
	}
a.smlink:active {color:#848484;
font-size:11px;  
text-decoration:underline;
	}


	


p.abo {line-height:19px;
font-size:16;
text-align:center;
	}
	p.abo2 {line-height:20px;
font-size:14;
text-align:center;
	}

	
a:link {font-family:helvetica, arial, sans-serif;
font-size:12px;
color:#005C00;
text-decoration:none;
	}
a:visited {text-decoration:none;
font-size:12px;
color:#005C00;
	}
a:hover {text-decoration:underline;
font-size:12px;
color:#005C00;
	}
a:active {text-decoration:none;
font-size:12px;
color:#005C00;
	}

.par a {font-family:helvetica, arial, sans-serif;
font-size:12px;
color:#FC5D00;
text-decoration:none;
	}
.par a:visited {text-decoration:none;
font-size:12px;
color:#FC5D00;
	}
.par a:hover {text-decoration:underline;
font-size:12px;
color:#FC5D00;
	}
.par a:active {text-decoration:none;
font-size:12px;
color:#FC5D00;
	}

a.aft:link {font-family:helvetica, arial, sans-serif;
font-size:14px; 
text-align:center;
color:#646464;
line-height:22px;
text-decoration:underline; 
	}
a.aft:visited {color:#646464;
font-size:14px;
text-decoration:underline;
	}
a.aft:hover {color:#646464;
font-size:14px; 
text-decoration:underline;
	}
a.aft:active {color:#646464;
font-size:14px; 
text-decoration:underline;
	}
	
table#Table_01, table#Table_02 {margin: 0 auto !important; text-align: center;}	








/* DAVID MIHM's CODE BELOW HERE */
table {position: relative; display: block;}
table td#tery {padding: 0px 0px 20px 20px; position: relative !important; background: #f6e5a9;}
#tery p {margin-right: 20px; }
h3#heading {margin-top: 365px; }
#teryphoto {position: absolute; top: 0px; left: 0px;}
#addlinfo {background: #FFFFFF; text-align:center; width:431px; float: right; clear: right; margin: 0px 0 20px 20px; padding: 0; display: inline; }
#addlinfo a {font-size:14px; 
color:#646464;}
#addlinfo a:hover {color:#FC5D00; }

table#library {width:840px !important; padding: 0; margin: 0 auto; border: 0; background: #FFFFFF; text-align: center;}
td#bookmark {background: url(images/bookmark_image.gif) repeat-y #000000; vertical-align: bottom; width:321px !important; text-align: left !important; padding: 0; margin: 0;}
td#bookmark img {margin: 0; padding: 0; }
td#librarytop {position: relative; }
img#librarybookmark {position: absolute; top:176px; left: 0px; }

table#library td {vertical-align: top; }
td#libraryinfo {padding: 0px 20px 0px 20px; font-size: .9em !important; margin: 0; overflow: visible; width:489px; text-align: left;}

td.librarylinks {font-family: "Comic Sans MS", "Comic Sans", "Trebuchet MS", sans-serif !important; color: #FF0000; font-size: 1.1em; text-align: center; vertical-align: top;padding: 15px 8px; }
td.librarylinks a {font-family:arial, sans-serif;
font-size:14px; 
text-align:center;
color:#004880;
line-height:22px;
text-decoration:underline; 
	}
td.librarylinks a:visited {color:#004880;
font-size:14px;
text-decoration:underline;
	}
td.librarylinks a:hover {color:#990000;
font-size:14px; 
text-decoration:none;
border:thin dotted #00FF00
	}
td.librarylinks a:active {color:#004880;
font-size:14px; 
text-decoration:underline;
	}





img#transparentimg {position: absolute; top: 70px; left: 20px; border: 0px; }

td#calendar {width: 239px;
height:427px;
	padding: 75px 0px 10px 0px;
	margin: 0;
	color:#848484;
	font-size:13px;
	line-height:15px;
	position: relative;
	background: url(http://www.piedmont.k12.ca.us/havens/images/welcome/bkg_cal.gif) no-repeat #FFFFFF;
}

#calendarinfo {position: relative; left: 20px; }

a#calendarlink {text-decoration: underline; text-align: center; margin: 0 auto !important; margin-bottom: -25px; }

#header {margin: 0 auto; text-align: center; padding: 0; width: 840px; }
#header img {border: 0; margin: 0; padding: 0; }
ul#nav {margin: 0; padding: 0; text-indent: 0; line-height: 20px; height: 20px !important; border: 0; list-style-type: none;}

ul#nav li {text-indent: none; padding: 0; margin: 0; float: left; clear: none; height: 20px !important;}
ul#nav li a {padding: 0; margin: 0; text-indent: -5000px !important; display: block; overflow: visible;}

li#welcome a {background: url(images/global/nav/b_wel_1.gif); width: 97px;}
li#welcome a:hover {background: url(images/global/nav/b_wel_2.gif); }
li#about a {background: url(images/global/nav/b_abo_1.gif); width: 89px;}
li#about a:hover {background: url(images/global/nav/b_abo_2.gif);  }
li#parents a {background: url(images/global/nav/b_par_1.gif); width: 83px}
li#parents a:hover {background: url(images/global/nav/b_par_2.gif); }
li#library a {background: url(images/global/nav/b_lib_1.gif); width: 48px;}
li#library a:hover {background: url(images/global/nav/b_lib_2.gif); } 
li#calhi a {background: url(images/global/nav/b_hig_1.gif); width: 137px;}
li#calhi a:hover {background: url(images/global/nav/b_hig_2.gif);}
li#clasenrich a {background: url(images/global/nav/b_cla_1.gif); width: 134px;}
li#clasenrich a:hover {background: url(images/global/nav/b_cla_2.gif); }
li#afterschool a {background: url(images/global/nav/b_aft_1.gif); width: 127px;}
li#afterschool a:hover {background: url(images/global/nav/b_aft_2.gif); }
li#scrip a {background: url(images/global/nav/b_scr_1.gif); width: 37px;}
li#scrip a:hover {background: url(images/global/nav/b_scr_2.gif); }
li#pusd a {background: url(images/global/nav/b_pus_1.gif); width: 88px;}
li#pusd a:hover {background: url(images/global/nav/b_pus_2.gif);  }

table#maintable, table#classtable {width:840px; padding: 0; margin: 0 auto; border: 0; background: #FFFFFF; text-align: center; }
table#maintable td, table#classtable td {vertical-align: top; text-align: left; }
table#classtable {background: #ffe99c !important; }

table#classtable ul {line-height: 1.2em; list-style-type: square; font-size: .95em; margin: 0 20px 0 0; padding: 0 0 0 55px;}

td#homepageintro {color: #595959; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; width: 601px;}
td#homepageintro p {margin-left: 40px; }

#footer {margin: 0 auto; padding: 0; text-align: center; background: #FFFFFF; position: relative; width: 840px; border-top: 8px solid #b7a9bd;}
#footer p#footerlinks {width: 550px; padding: 8px 20px 10px 20px; color: #999999; margin: 0; position: relative; left: 0px; display: inline; float: left; clear: left;}
#footer p#copyright {width: 170px; text-align: left; left: 630px; font-size: .8em; margin: 0 0 0 30px; padding: 12px 0 0 0px; color: #999999; z-index: 1000; float: left; display: block; clear: right;}
#footer a {color: #999999; padding: 0; margin: 0;}
#footer a:hover {color: #333333; }

.clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}

 td.parents {padding: 20px; font-size: .85em; }
 td.extrapadding {padding: 20px 40px !important; }
 h5 {color: #6e9256; font-size: 20px; font-weight: 100; margin: 18px 0 15px 0; padding: 0; position: relative;}
 .largenumber {font-size: 35px; float: left; margin-right: 10px; margin-bottom: 0px; clear: left; font-weight: bold; height: 35px; vertical-align: middle; display: table-cell; position: relative; top: -7px;}

h4 {font-size: 16px; font-weight: bold;  }

h2 {padding: 10px 0px 0px 40px; margin: 0px; color: #fd7d33; letter-spacing: -1px; font-weight: 100; font-size: 25px; font-family: Arial, Helvetica, sans-serif;}
h6 {padding: 15px 0px 0px 40px; margin: 0px; color: #fd7d33;  font-size: 16px; font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 34px; font-weight: 100; letter-spacing: 1px; padding: 10px 0 10px 40px; margin: 0 0 0 0; }

blockquote {line-height: 1.3em; }
blockquote p {font-size: .95em; }
blockquote a {font-size: .95em !important; color:#424242;}
blockquote a:visited {color:#424242;}
blockquote a:hover {color:#006B00;	}
blockquote a:active {color:#424242;	}

.smaller {font-size: .9em !important; }

p#disclaimerfooter {margin: 0px auto; padding: 40px 0; text-align: left; width: 820px; font-size: .85em; line-height: 1.3em; color:#b4cc72;} 
