/* CSS Document */

body {margin: 24px; padding: 0 0; font-size: 75%; background-color: #612aab; font-family:Arial, Helvetica, sans-serif;}

/* FORMATTING */
p, h1, h2, h3, h4, td, th, li, div {font-family:Arial, Helvetica, sans-serif; color: #612aab;}
h1, h2, h3, h4 {}
h1 {color: #eb4;}
h2 {color: #612aab;}
h3 {color: #612aab;}
h4 {color: #612aab;}
hr {height: 1px; color: #add; background-color: #add; border: 0;}
li {margin-bottom: 0.5em;}
th {background-color: #612aab; color: #fff;}

a {font-weight: bold;}
a:link {color: #0bb;}
a:visited {color: #0bb;}
a:hover {color: #8dd;}

/* HOME PAGE */
div#home-main {position: relative; width: 780px; height: 508px; margin: 0 auto;
	background: #fff url(images/home_pic.jpg) no-repeat bottom left;}
div#home-content {position: absolute; left: 340px; top: 164px; width: 400px; height: 300px; padding-bottom: 24px;}
div#home-logo {position: absolute; top: 6px; left: 340px;}
div#home-tr {position: absolute; top: 0; right: 0;}

/* SUB PAGES */
div#sub-main {position: relative; width: 480px; margin: 0 auto; padding: 140px 80px 80px 220px; background-color: #fff;}
div#sub-content {position: relative; width: 480px; border-top: 1px dotted #add;}
div#sub-logo {position: absolute; top: 12px; left: 12px;}
div#sub-tr {position: absolute; top: 0; right: 0;}
div#sub-bl {position: absolute; bottom: 0; left: 0;}
div#sub-tag {position: absolute; top: 76px; left: 220px;}

/* NAV BAR */
div#nav {width: 150px; position: absolute; left: 12px; top: 140px;}
div#nav ul {display: block; list-style-type: none; margin-left: 0; padding-left: 0;}
div#nav li {font-size: 11px; margin: 0 0 10px 0; padding-left: 0; color: #eb4; font-weight: bold;}

/* CONTACT FORM */
div#contact-form td {padding: 0.3em; vertical-align: top;}
legend {color: #eb4;}
fieldset {border: 1px solid #eb4;}

/* CURRICULUM */
div#kidpix {float: right; margin: 0 0 3em 1.5em;}
div#kidpix img {display: block; margin-bottom: 1em;}

/* FOOTER */
div#footer {width: 780px; margin: 0 auto; border-top: 3px solid #612aab;}
div#footer table td { background-color: #fff;}
div#footer td {padding: 12px;}
p#credit {display: block; text-align: center;}
p#credit a {font-size: 85%;}
p#credit a:link {color: #eee;}
p#credit a:visited {color: #eee;}
p#credit a:hover {color: #eb4;}

/* HIGHLIGHT BOX */
.hilite-box {padding: 1em; background-color: #eee; border: 1px dotted #add;}

/* MISC */
.img-left {float: left; margin: 0 1em 1em 0;}
.img-right {float: right; margin: 0 0 1em 1em;}

/* IMAGE PLACEHOLDER */
div.img-placeholder {width: 200px; height: 200px; float: left; margin: 0 1em 2em 0; background-color: #ddd; text-align: center; font-weight: bold; border: 1px solid #000; line-height: 200px;}
div.img-placeholder p {display: block; margin: auto;}