@import url("reset.css");

/*	Global	*/

body { font: 62.5% Arial, Helvetica, sans-serif; }
html { overflow-x: auto; overflow-y: scroll; }
input, textarea, select { font: 1em Tahoma, Helvetica, sans-serif; }
a { text-decoration: none; color: #3A5C2B; }
strong { font-weight: bold; }
em { font-style: italic; }

/* Classes */

.pdf-info { color: #838383; }
.raquo { padding: 0 4px; color: #626262; }
.breadcrumb { margin-bottom: 12px; padding: 0 0 6px 2px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; border-bottom: 1px solid #D0CCCC; }
#content .breadcrumb a { text-decoration: none; }

/* Container */

#container { width: 924px; }

/* Footer */

html, body { height: 100%; }
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px auto; }
#bottom { width: 924px; margin: 0 auto; background: url(images/footer-bg.gif) repeat-x bottom left; }
#bottom, .push { height: 70px; }
.push { clear: both; }
#footer p { font: 1.1em Tahoma, Helvetica, sans-serif; color: #464646; padding: 35px 0 0 15px; }
#footer span.pipe { padding: 0 7px; color: #999999; }

/* Ribbon */

#ribbon { height: 27px; background-color: #1A2819; border-bottom: 1px solid #3E5B3B; font: 0.9em Tahoma, Arial, Helvetica, sans-serif; }
#ribbon ul { float: left; list-style: none; padding: 8px 0 0 11px; }
#ribbon ul li { display: inline; }
#ribbon ul li a { color: #D0D0D0; }
#ribbon ul li a:hover { color: #FFF; }
#ribbon .pipe { color: #4B4B4B; padding: 0 4px; }
#ribbon p.date { float: right; padding: 8px 11px 0 0; color: #A09F9F; }

/* Header */

#header { height: 184px; background: url(images/albyn-school-header.jpg) no-repeat top left; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; }
#header ul { float: left; list-style: none; padding: 163px 0 0 15px; }
#header ul li { display: inline; }
#header ul li a { color: #E6F4DD; }
#header ul li a:hover { color: #FFF; }
#header .pipe { color: #58813F; padding: 0 6px; }
#header #searchform { float: right; padding: 154px 8px 0 0; }
#searchform .search_text { padding: 4px; font-size: 0.9em; color: #707070; border: 1px solid #1A2819; background-color: #FFF; }
#searchform .search_button { padding: 3px 4px; font-weight: bold; font-size: 0.9em; color: #FFF; background-color: #58813F; border: 1px solid #1F380F; }

/* Banner */

#banner { height: 177px; border-top: 1px solid #DCDCDC; margin-bottom: 10px; }
#caption { border-top: 1px solid #757575; margin-top: 144px; background-color: #000; padding: 9px 0 10px 12px; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; width: 912px; }
#caption div { color: #CBCACA; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
#caption div .raquo { color: #858484; font-weight: bold; }
#caption div a { color: #86AB74; }
#caption div a:hover { color: #A5C098; }

/* Left */

#left { float: left; width: 197px; padding: 20px 15px 15px 15px; }
#left h3, #left p { font: 1.1em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 4px; }
#left p { line-height: 1.4; }
#left h3 { font-weight: bold; color: #3A5C2B; }
#left h2 { font-weight: normal; color: #4E4E4E; font-size: 1.6em; margin-bottom: 9px; }
#left hr { border: 0; color: #CFCFCF; background-color: #CFCFCF; height: 1px; margin: 6px 0; }
#left a { color: #3A5C2B; }
#left p.date { color: #818181; }
#left div.post { padding-left: 1px; }
#left ul { margin-left: 12px; list-style-type: square; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; line-height: 1.8; }

#left ul li ul { margin-left: 12px; font-size: 1em; }

/* Content / Page */

#content { padding: 15px 25px; float: left; width: 303px; border-right: 1px solid #D0CCCC; border-left: 1px solid #D0CCCC; }
#page { padding: 15px 25px; float: left; width: 644px; border-left: 1px solid #D0CCCC; }
#content p a, #page p a { text-decoration: underline; }
#content a:hover, #page a:hover { text-decoration: none; }
#content p, #page p { color: #3A3A3A; font-size: 1.2em; line-height: 1.6; margin-bottom: 9px; }
#content h1, #page h1 { color: #232323; font: 2.5em Georgia, "Times New Roman", Times, serif; padding-bottom: 10px; }
#content h2, #page h2 { font-weight: normal; color: #4E4E4E; font-size: 1.6em; padding: 5px 0 10px 0; }
#content h3, #page h3 { color: #3A3A3A; font-size: 1.2em; font-weight: bold; line-height: 1.6; margin-bottom: 9px; }
#content ul, #page ul { list-style-type: square; margin: 0 0 9px 20px; padding-left: 6px; }
#content ul li, #page ul li { font-size: 1.2em; line-height: 1.7; color: #464646; }
#content ul li ul li, #page ul li ul li { font-size: 1em; line-height: 1.7; color: #464646; }

/* Right */

#right { float: left; padding: 12px 16px 0 24px; width: 300px; }
#slideshow { height: 26px; padding-top: 173px; }
.slideshow-bar { color: #C2C2C2; font: 1em Tahoma, Arial, Helvetica, sans-serif; height: 27px; width: 300px; background-color: #000; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
.slideshow-bar a { color: #68944E; }
.slideshow-bar a:hover { color: #7DAC62; }
.slideshow-title, .slideshow-link { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.slideshow-title { float: left; color: #C2C2C2; padding: 7px 0 0 9px; }
.slideshow-link { float: right; padding: 7px 9px 0 0; }
#right-menu { margin-top: 6px; }
#right-menu ul li { padding: 6px 8px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; border-bottom: 1px solid #D2D0D0; }
#right-menu ul li a { color: #3A5C2B; font-weight: bold; }
#headmaster-message { min-height: 79px; margin-top: 16px; background: url(images/dr-ian-long-thumb-front.jpg) no-repeat top left; padding-left: 62px; }
#headmaster-message p { line-height: 1.5; margin-bottom: 6px; color: #5C5C5C; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; }

/* Tables */

table.standard { border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; margin: 10px 0; }
table.standard tr th, table.standard tr td { font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 8px; border-bottom: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; font-size: 1.1em; color: #3A3A3A; }
table.standard tr td img { padding-right: 5px; }
table.standard tr th { background: url(images/bg-table-header.gif) no-repeat top left; }
.even { background-color: #F5F5F5; }
table.standard tr.even { background-color: #F4F4F4; }
table.standard tr.odd { background-color: #FFF; }