/* chinthurstschool.co.uk
   Author:     King Linus Norton
   ----------------------------------------------------*/
/* COLORS
   Body Background:       #fff
*/
/* GLOBAL
   FRAME
   CONTENT
   FOOTER
   FORMS
*/

/* =GLOBAL
   ----------------------------------------------------*/
    /* global tag styles */
    body {
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 100.1%;
        line-height: 1.3em;
        font-size: 0.75em;
        font-family: verdana, sans-serif ;
        color: #414141;
        background-color: #052E24;
    }

    form, fieldset, h1, h2, h3, img {
        padding: 0;
        margin: 0;
        border: 0
    }

    .reset { 
        margin: 0 !important;
    }


    a { 
        color: #414141;
        font-weight: bold;
    }

    p {
        padding: 0;
        margin: 0 0 10px 0;
    }

    hr {
        height: 1px;
        border: 0;
        border-top: dotted 1px #333;

    }

    h1 {
        font-family: "Palatino Linotype", "Book Antiqua", serif;
        font-size: 2.3em;
        line-height: 1em;
        color: #2C7B64;
        margin: 10px 0;
        font-weight: normal;
    }

    h2, h2 a {
        font-family: "Palatino Linotype", "Book Antiqua", serif;
        color: #c80;
        font-weight: normal;
        font-size: 1.5em;
        line-height: 1em;
        text-transform: uppercase;
        text-decoration: none;
        margin-bottom: 5px;
    }

    h2 a {
        font-size: 1em;
    }

    /* global classes */
    .clear {
        clear: both;
    }

    .right {
        float: right;
    }

    .left {
        float: left;
    }

    a img {
        border: 0;
    }

    .hidden {
        display: none;
    }

    .leftImage {
        float: left;
        margin: 0 15px 10px 0;
    }

    .rightImage {
        float: right;
        margin: 0 0 10px 15px;
    }

    .border {
        border: 1px solid #2C7B64;
        padding: 1px;
    }

    /* global fonts */
    .normal {
        font-family: verdana;
        font-weight: normal;
    }

    .large, .linotypeLarge {
        font-size: 1.30em;
        line-height: 1.30em;
    }

    .linotype, .caption, .linotypeLarge { 
        font-family: "Palatino Linotype", "Book Antiqua", serif;
    }

    .linotype .large {
        text-transform: uppercase;
    }
    
    .intro:first-letter {
        font-size: 1.7em;
    }

    h2:first-letter {
        font-size: 1.5em;
    }

    .green, .caption, .title {
        color: #2C7B64;
    }

    .caption {
        text-align: center;
    }

    .title {
        font-size: 1.25em;
        text-decoration: none;
        line-height: 1.25em;

    }

	.error {
		color: red;
	}

/* =FRAME
   ----------------------------------------------------*/
    #container {
        width: 1000px;
        margin: 0 auto;
        background: #333 url("../image/left-nav-bg.jpg") bottom left no-repeat;
        text-align: left;
    }
    
    #main { float: left; }

    #top {
        border-bottom: 1px solid #999;
    }
    
    #banner,
    #internalBanner {
        background: url("../image/green-header.jpg") top right no-repeat;
        text-align: left;
        border-bottom: 1px solid #999;
        width: 758px;
    }
    #internalBanner {
        background: url("../image/interior-banner-right.jpg") top right no-repeat;
        border-bottom: 1px solid #fff;
    }

    #banner p, #internalBanner p {
        font-size: 2.5em;
        color: #cfcfcf;
        line-height: 1.2em;
        padding-top: 70px;
        width: 300px;
        margin-left: 430px;
        font-family: serif;
    }

    #cycle {
        height: 267px;
        float: left;
    }

    #internalBanner p {
        padding-top: 25px;
    }

    #content {
        min-height: 800px;
        padding: 20px 0 10px 35px;
        width: 723px;
        background: url("../image/content-bg.jpg")  repeat-y;
    }

    #footer {
        height: 46px;
        float: right;
        width: 758px;
        background: url("../image/footer-bg.jpg") bottom right repeat-y;
    }

    /* navigation */
    #nav {
        font-size: 1.1em;
        width: 242px;
        float: left;
        color: #fff;
        margin-bottom: 260px;
    }

    #nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1.5em;
    }

    
    #nav li {
        padding: 2px 0 2px 37px;
    }

    #nav li li {
        padding-left: 15px;
    }

    #nav li.open, #top li a{
        background-color: #E2AE1B;
    }


    #nav li li {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #nav li.open a {
        color: #414141;
    }

    #nav li.selected a {
        font-weight: bold;
    }

    #nav li.selected li a {
        font-weight: normal;
    }

    #top li, #footer li {
        text-transform: uppercase;
        list-style: none;
        display: inline;
        font-size: 0.95em; 
        float: left;
    }

    #top li a, #footer li a {
        text-decoration: none;
        margin-left: 2px;
        display: block;
        float: left;
        padding: 0 10px;
        height: 35px;
        line-height: 3em;
    }

    #nav li a {
        display: block;
        text-decoration: none;
        color: #fff;
        line-height: 1.6em;
        font-weight: normal;
    }

    #top li a:hover, #nav li a:hover, .title:hover {
        text-decoration: underline;
    }

    .calendar a {
        text-decoration: none;
    }

    #top ul {
        float: right;
        margin: 0;
    }

    #footer ul {
        float: right;
        margin: 20px 0 0 0;
    }

    #footer li a {
        line-height: 1.5em;
        height: auto;
		text-transform: none;
    }


/* =CONTENT
   ----------------------------------------------------*/
    .halfWidth {
        width: 320px;
        float: left;
        margin: 0 15px;
        display:inline; /* ie6 double margin fix? */
    }

    .fullWidth { 
        margin: 10px 30px 0 10px;
    }

    .headline {
        background: url("../image/headline-bg.jpg") top right no-repeat;
        width: 320px;
        height: 111px;
        overflow: hidden;
        color: #fff;
        margin: 5px 0 10px 0;
    }

    .headline a {
        color: #fff;
    }
    
    .headline p {
        margin: 15px;
    }

    .polaroid, .textbox {
        background-color: #DBCDB9;
        float: left;
        margin: 20px 19px;
        width: 131px;
        overflow: hidden;
        display: inline; ;/* ie6 float double width fix */
    }

    .polaroid img {
        margin: 8px 8px 2px 8px;
    }

    .polaroid p {
        margin: 0 10px 10px 10px;
        font-size: 0.8em;
        color: #555;
        line-height: 1.3em;
    }

    .polaroid a {
        margin: 0 10px 10px 10px;
        width: 108px;
        display: block;
        font-weight: normal;
        font-family: "Palatino Linotype", "Book Antiqua", serif;
        text-align: center;
    }

    .result {
        border-top: 1px dotted #666;
        border-bottom: 1px dotted #666;
        margin-bottom: 15px;
    }

    .result .polaroid {
        margin: 4px 4px 4px 0;
    }

    .polaroid {
        height: 160px;
    }

    .result .textbox {
        line-height: 1.6em;
        min-height:120px;
        height:auto !important;
        height:120px;
        margin: 4px 0 4px 0;
    }

    .textbox {
        padding: 20px;
        width: 508px;
        height: 100%;
    }

	.searchResult {
		width: 643px;
		min-height: 0 !important;
	}

    #map {
        width: 320px;
        height: 280px;
    }

	#faq {
		margin: 15px 0;
		background-color: #E5D6B2;
		border: 1px solid #c80;
		padding: 20px;
		color:#414141;
	}

    #blackOut {
        width: 100%;
        position: absolute;
        top:0;
        left:0;
        background-color: #000;
        opacity: 0.8;
        z-index: 1000;
    }

    #playerContainer {
        position: absolute;
        top: 50px;
        z-index: 1001;
    }

/* =FOOTER
   ----------------------------------------------------*/

   #footer p {
       float: left;
       margin: 16px 0 0 10px ;
       font-size: 0.8em;
       line-height: 1.2em;
       color: #fff;
   }

   #footer a {
       color: #fff;
       font-weight: normal;
       text-decoration: none;
   }

   #footer a:hover {
       text-decoration: underline;
   }
/* =FORMS
   ----------------------------------------------------*/
    #top form {
        float: left;
        display: inline;
        margin: 7px 0 0 20px;
    }

    #top input { 
        border: 1px solid #999;
        background-color: #414141;
        color: #E2AE1B;
        font-size: 0.9em;
        font-weight: bold;
        padding: 4px 3px 3px 3px;
    }

    button {
        border: 0;
        background: none;
        padding: 0;
        margin-top: -1px;
        cursor: pointer;
    }

    #searchFilter {
        border: 1px solid #2C7B64;
        width: 350px;
        margin: 10px 0;

    }

    #departmentFilter {
        margin-right: 78px;
		width: 170px;
    }

    label {
        width: 180px;
        display: block;
        float: left;
        font-weight: bold;
        margin: 5px;
    }

    #searchBox, #type, #department { 
        margin: 5px;
    }

    #filter {
        margin-top: 5px;    
    }

    #contact label {
        text-align: right;
        margin-right: 20px;
        margin-top: 10px;
    }

    #contact {
        margin-top: 30px;
    }

    #contact input, #contact textarea {
        border: 1px solid #2C7B64;
        margin-top: 10px;
        width: 280px;
        padding: 2px;
    }

    #send {
        margin: 20px 0 10px 402px;
    }


/* =CALENDAR
   ----------------------------------------------------*/
    .calendar {
        width: 210px;
        float: left;
        border: 1px solid #2C7B64;
        margin: 10px 10px 10px 1px;
        text-align: center;
        border-collapse: collapse;
        background-color: #fff;
    }


    .key {
        width: 180px;
        padding-left: 5px;
        text-align: left;
    }

    .calendar td {
        border: 1px solid #2C7B64;
        height: 22px;
        cursor: default;
    }

    .calendarKeyNumber1 {
        background-color: #2C7B64;
        color: #fff;
    }

    .calendarKeyNumber2 {
        background-color: #4e9d86;
        color: #fff;
    }

    .calendarKeyNumber3 {
        background-color: #fff;
    }

    .calendarKeyNumber4 {
        background-color: #ddd;
    }

    #calendar thead td {
        color: #2C7B64;
        background-color: #fff;
    }

    .result .date {
        border: 1px solid #2C7B64;
        text-align: center;
        width: 114px;
        color: #2C7B64;
        background-color: #fff;
        margin: 8px;
        font-size: 2em;
        cursor: default;
    }

    .result .dateLarge {
        font-size: 2.5em;
        line-height: 1.8em;
    }