/* MAIN LAYOUT
---------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
    }

body {
    color: #333;
    text-align: center;
    font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    background: #eee url(/images/bg_body.jpg) top left repeat-x;
    min-width: 750px;
	}
body.inside {
    background: #eee url(/images/bg_body-inside.jpg) top left repeat-x;
    }
body.splash {
        background:#808080;
	color: #808080;
	padding: 20px;
	}
body.splash a {
    color: #ffcc33;
    text-decoration: none;
    }
body.splash a:hover {
    color: #fff;
    background: #000;
    }

#header {
    background: url(/images/bg_header.gif) top center no-repeat;
    }
#header-inner {
    width: 750px;
    margin: 0 auto;
    height: 140px;
    background: url(/images/bg_header-inner.gif) top center no-repeat;
    }
body.inside #header-inner {
    background: url(/images/bg_header-inner-inside.gif) top center no-repeat;
    }
#header h1 {	
	float: left;
	text-indent: -9999px;
    margin: 0;
	}
#header h1 a {
	display: block;
	width: 265px;
	height: 115px;
    margin: 20px 0 0 0;
	border: 0;
	padding: 0;
	}
#home-nav {
    background: url(/images/bg_home-nav.gif) top center no-repeat;
    }
#home-nav-inner {
    width: 750px;
    margin: 0 auto;
    height: 166px;
    }
#slideshow {
    width: 450px;
    height: 166px;
    float: left;
    }
#main-links {
    width: 300px;
    float: left;
    text-align: left;
    }
#about-statement {
    background: url(/images/bg_about-statement.gif);
    }
#about-statement-inner {
    width: 680px;
    margin: 0 auto;
    padding: 12px 0;
    text-align: left;
    color: #999;
    font-size: 11px;
    }
#about-statement-inner p {
    margin: 0;
    }
#about-statement a {
    color: #3399cc;
    padding: 1px;
    }
#about-statement a:hover {
    background: #3399cc;
    color: #000;
    text-decoration: none;
    }
#main-home {
    width: 680px;
    margin: 0 auto;
    background: #993300 url(/images/bg_main-home.gif) top left no-repeat;
    text-align: left;
    padding: 15px 35px;
    color: #eee;
    font-size: 11px;
    }
div.recent-photos {
    width: 400px;
    float: left;
    }
div.happening {
    float: right;
    width: 245px;
    }

#main {
    background: url(/images/bg_main-inside.jpg) top center no-repeat;
    }
#main-inner {
    width: 750px;
    margin: 0 auto;
    text-align: left;
    }
#main-inner.two-col {
    background: url(/images/bg_main-two-col.gif) top right repeat-y;
    }

div.content {
    width: 450px;
    float: left;
    margin: 25px 0 20px 35px;
    display: inline;
    }
div.sidebar {
    float: right;
    width: 205px;
    color: #fff;
    padding: 25px 20px;
    background: url(/images/bg_sidebar.gif) top left no-repeat;
    }

div.one-col {
    padding: 25px 35px;
    font-size: 12px;
    }

#footer {
    background: url(/images/bg_footer.gif) top right no-repeat;
    padding: 15px 0;
    width: 750px;
    margin: 0 auto;
    text-align: left;
    font-size: 10px;
    line-height: 16px;
    color: #666;
    }
#footer.inside {
    padding: 55px 0 15px 0;
    background: url(/images/bg_footer-inner.gif) top right no-repeat;
    }
div.copyright {
    float: right;
    margin: 30px 0;
    }
div.footer-col {
    float: left;
    margin: 0 35px 0 0;
    }
#footer a {
    color: #666;
    padding: 1px;
    }
#footer a:hover {
    color: #fff;
    background: #666;
    text-decoration: none;
    }

/* Photos & Videos */

div.photos {
    width: 320px;
    float: left;
    }
div.videos-main {
    width: 320px;
    float: right;
    }

/* NAV
---------------------------------------------------- */

#main-links ul {
    margin: 0;
    }
#main-links ul li {
    display: inline;
    background: none;
    padding: 0;
    }
#main-links ul li a {
    float: left;
    width: 300px;
    height: 83px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    }
#main-links ul li a:hover {
    background-position: 0 -83px;
    }
#main-links ul li a#middle {
    background-image: url(/images/home-nav_middle-school.gif);
    }
#main-links ul li a#high {
    background-image: url(/images/home-nav_high-school.gif);
    }
#main-nav ul li a#events {
    background-image: url(/images/main-nav_events.gif);
    width: 135px;
    }
#main-nav {
    background: url(/images/bg_main-nav.gif) center no-repeat;
    }
#main-nav-inner {
    margin: 0 auto;
    height: 35px;
    width: 750px;
    text-align: left;
    }
#main-nav ul {
    margin: 0 0 0 24px;
    display: inline;
    float: left;
    }
#main-nav ul li {
    display: inline;
    text-indent: -9999px;
    background: none;
    padding: 0;
    }
#main-nav ul li a {
    height: 35px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    }
#main-nav ul li a:hover {
    background-position: 0 -35px;
    }
#main-nav ul li a.active, #main-nav ul li a.active:hover {
    background-position: 0 -70px;
    }
#main-nav ul li a#middle {
    background-image: url(/images/main-nav_middle-school.gif);
    width: 120px;
    }
#main-nav ul li a#high {
    background-image: url(/images/main-nav_high-school.gif);
    width: 105px;
    }
#main-nav ul li a#photos {
    background-image: url(/images/main-nav_photos.gif);
    width: 131px;
    }
#main-nav ul li a#visitors {
    background-image: url(/images/main-nav_visitors.gif);
    width: 142px;
    margin: 0 0 0 41px;
    }

#second-nav {
    float: left;
    text-align: left;
    margin: 42px 0 0 20px;
    }
#second-nav ul {
    margin: 0;
    width: 68px;
    }
#second-nav ul li {
    text-indent: -9999px;
    display: inline;
    background: none;
    padding: 0;
    }
#second-nav ul li a {
    height: 18px;
    width: 68px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 0 2px 0;
    }
#second-nav ul li a:hover {
    background-position: 0 -18px;
    }
#second-nav ul li a.active {
    background-position: 0 -36px;
    }
#second-nav ul li a#about {background-image: url(/images/second-nav_about.gif);}
#second-nav ul li a#parents {background-image: url(/images/second-nav_parents.gif);}
#second-nav ul li a#leadership {background-image: url(/images/second-nav_leadership.gif);}
#second-nav ul li a#fun {background-image: url(/images/second-nav_fun.gif);}

ul.subnav {
    margin: 0 -20px 18px -17px;
    }
ul.subnav li {
    background: none;
    padding: 0;
    display: inline;
    }
ul.subnav li a {
    display: block;
    border: 0 !important;
    background: url(/images/bg_link-subnav.png);
    padding: 6px 20px !important;
    font-size: 15px;
    margin: 0 0 1px 0;
    }
* html ul.subnav li a {
    background: #6a2300;
    }
ul.subnav li a:hover {
    border: 0 !important;
    }
ul.subnav li a.active {
    background: #000;
    color: #fff !important;
    }
ul.subnav li ul {
    padding: 10px 20px;
    background: #993300;
    margin: -1px 0 0 0;
    border: #000 solid 1px;
    }
ul.subnav li ul li {
    display: block;
    }
ul.subnav li ul li a {
    display: inline;
    padding: 1px !important;
    background: none;
    font-size: 12px;
    }

/* HEADERS
---------------------------------------------------- */

h2 {
    font-size: 22px;
    margin: 0 0 18px 0;
    color: #000;
    padding: 11px 60px 11px 0;
    background: url(/images/bg_h2-curly.gif) bottom right no-repeat;
    }
#main-home h2, div.sidebar h2 {
    background: url(/images/bg_h2-home.gif) bottom right no-repeat;
    padding: 10px 60px 10px 0;
    margin: 0 0 9px 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    }
h2#blog-header {
    background: #000;
    color: #3399cc;
    padding: 10px 35px;
    margin: 0;
    font-size: 12px;
    border-top: #333 solid 1px;
    font-weight: normal;
    }
h2#blog-header a {
    color: #fff;
    text-transform: uppercase;
    }
h2#blog-header a.active, h2#blog-header a.active:hover {
    background: #3399cc;
    color: #000;
    border: 0;
    font-weight: bold;
    }
h2#blog-header .slashes {
    color: #666;
    }
h3 {
    font-size: 18px;
    margin: 0 0 9px 0;
    color: #555;
    padding: 9px 0;
    background: url(/images/bg_h2.gif) bottom left repeat-x;
    }
div.sidebar h3 {
    color: #000;
    font-size: 14px;
    padding: 3px 0;
    }
h4 {
    color: #3399cc;
    font-size: 16px;
    margin: 0 0 6px 0;
    padding: 0 0 0 12px;
    background: url(/images/bg_h3.gif) 0 .4em no-repeat;
    }

/* LISTS
---------------------------------------------------- */

ul {
    margin: 0 0 18px 0;
    list-style: none;
    }
ul li {
    background: url(/images/bullet.gif) 0 .45em no-repeat;
    padding: 0 0 0 12px;
    }

ol {
    margin: 0 0 0 18px;
    }
ol li {
    margin: 0 0 18px 0;
    }

dl.galleries {
    clear: both;
    margin: 0 0 18px 0;
    }
dl.galleries dt {
    padding: 12px 0 3px 0;
    clear: both;
    font-size: 13px;
    font-weight: bold;
    }
dl.galleries dt img {
    margin: -12px 9px 9px 0;
    }

ul.photos {
    margin: 9px 0;
    }
ul.photos li {
    display: inline;
    list-style: none;
    margin: 0 2px 4px 0;
    background: none;
    padding: 0;
    float: left;
    position: relative;
    }
ul.photos li a {
    background: none !important;
    border: 0 !important;
    }
ul.photos li a:hover {
    background: none !important;
    border: 0 !important;
    color: #000 !important;
    }
ul.photos img.thumb {
    border: #000 solid 2px;
    vertical-align: middle;
    }

ul.photos .photo-comment-count {
    position: absolute;
    padding: 1px;
    bottom: 0;
    right: 0;
    background: #eee;
    border: #000 solid 1px;
    border-width: 1px 0 0 1px;
    }

dl.comments dt, dl.comments dd {
    padding: 6px;
    }
dl.comments dt {
    background: #fff;
    }

dl.entries dd {
    font-size: 11px;
    margin: 3px 0 12px 0;
    }

dl.events {
    margin: 0 0 10px 0;
    }
dl.events dd {
    padding: 0 0 12px 50px;
    margin: 0 0 12px 0;
    }
dl.events dt {
    clear: left;
    }
dl.events dd p {
    margin: 0;
    }
dl.events dd h4 {
    background: none;
    padding: 0;
    }
div.events dl.events dd {
    padding: 9px 0 9px 40px;
    border: 0;
    }
dl.events .time {
    color: #3399cc;
    }
.date-stamp {
    color: #3399cc;
    font-size: 12px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    padding-top: 5px;
    float: left;
    width: 40px;
    margin: 0 10px 0 0;
    background: #000;
    }
.date-stamp .day {
    display: block;
    font-size: 18px;
    color: #fff;
    padding-bottom: 5px;
    }

div.events dl.events .date-stamp {
    color: #3399cc;
    font-size: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    padding-top: 5px;
    float: left;
    width: 35px;
    margin: 0 10px 0 0;
    background: #fff;
    }

div.events dl.events .date-stamp .day {
    display: block;
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
    }

/* LINKS
---------------------------------------------------- */

a {
    outline: none;
    }
#main-home a {
    color: #ffcc33;
    text-decoration: none;
    border-bottom: #ffcc33 dotted 1px;
    padding: 1px 1px 0 1px;
    }
#main-home a:hover {
    color: #fff;
    background: #000;
    border-bottom: #ffcc33 solid 1px;
    }
#main a {
    color: #993300;
    padding: 1px 1px 0 1px;
    text-decoration: none;
    border-bottom: #993300 dotted 1px;
    }
#main a:hover {
    color: #fff;
    background: #3399cc;
    border-bottom: #000 solid 1px;
    }
div.sidebar a {
    color: #ffcc33 !important;
    border-bottom: #ffcc33 dotted 1px !important;
    }
div.sidebar a:hover {
    color: #fff !important;
    background: #000 !important;
    border-bottom: #ffcc33 solid 1px !important;
    }

a.date {
    color: #666 !important;
    font-weight: normal;
    }
a.date:hover {
    color: #fff !important;
    background: #666 !important;
    }

a.comments {
    background: transparent url(/images/icon_comment.gif) left no-repeat !important;
    padding: 0 0 0 16px !important;
    }
a.comments:hover, div.sidebar a.comments:hover  {
    background: transparent url(/images/icon_comment.gif) left no-repeat !important;
    color: #000 !important;
    border-bottom: #000 solid 1px !important;
    }

a.img, a.img:hover {
    border: 0 !important;
    background: none !important;
    }

a img {
    border: 0;
    }

/* TEXT
---------------------------------------------------- */

p {
    margin: 0 0 18px 0;
    }
blockquote {
    margin: 0 0 18px 0;
    padding: 9px 9px 9px 18px;
    background: #fff url(/images/bg_h2.gif) bottom left repeat-y;
    color: #993300;
    }
blockquote p {
    margin: 0;
    }
blockquote cite {
    font-weight: bold;
    }
div.group {
    margin: 0 0 18px 0;
    padding: 9px;
    background: #fff;
    color: #993300;
    }
small {
    font-size: 10px;
    color: #666;
    font-weight: normal;
    }

div.entries {
    background: #6a2300;
    padding: 15px 20px;
    margin: 0 -20px 0 -17px;
    }
div.post {
    border-bottom: #ccc solid 1px;
    margin: 0 0 18px 0;
    }
div.post h3 {
    background: none;
    padding: 0;
    }

div.author-details {
    background: #6a2300 url(/images/bg_author-details.gif) left no-repeat;
    margin: 0 -20px 18px -17px;
    padding: 18px 20px 1px 17px;
    }

div.events {
    float: right;
    width: 200px;
    font-size: 11px;
    }
div.videos {
    float: left;
    width: 200px;
    font-size: 11px;
    }
div.videos dl.galleries dt {
    font-size: 11px;
    }

/* IMAGES
---------------------------------------------------- */

#main img.border {
    background: url(/images/bg_h2.gif);
    padding: 3px;
    }
#main h2 img {
    background: none;
    padding: 0;
    }

img.left {
    float: left;
    margin: 3px 9px 9px 0;
    }

img.thumb {
    border: #6a2300 solid 3px;
    }
#main img.thumb {
    border: 0 !important;
    background: url(/images/bg_h2.gif);
    padding: 3px;
    }

/* TABLES
---------------------------------------------------- */

table {
    font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    }

table.videos tr td {
    vertical-align: top;
    }

/* FORMS
---------------------------------------------------- */

p.error {
    padding: 5px;
    background: #993300;
    color: #fff;
    font-weight: bold;
    }

fieldset {
	border: 0;
	outline: 0;
    background: #ddd;
    padding: 18px;
}
legend {
	display: none;
}

dl.form dt {
    color: #993300;
    font-weight: bold;
    }
dl.form dd {
    margin: 0 0 9px 0;
    }

input, textarea {
    border: #000 solid 1px;
    font: normal 14px/14px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    padding: 3px;
    background: #fff url(/images/bg_h2.gif) left repeat-y;
    font-weight: bold;
    }
input.submit {
    background: #993300;
    color: #fff;
    border: 0;
    padding: 6px;
    font-size: 12px;
    cursor: pointer;
    }
input.submit:hover {
    background: #000;
    color: #fff;
    }
textarea {
    font-weight: normal;
    font-size: 12px;
    }

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#main-inner:after,
#main-home:after,
#footer:after,
div.group:after,
dl.galleries:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #main-inner,
* html #main-home,
* html #footer,
* html div.group,
* html dl.galleries {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #main-inner,
*:first-child+html #main-home,
*:first-child+html #footer,
*:first-child+html div.group,
*:first-child+html dl.galleries {
	min-height: 1px;
	}