body {
        margin: 0;
        padding: 0;
        font-size: 100.1%;
        line-height: 1.3em;
        font-size: 0.75em;
        font-family: verdana, sans-serif ;
        background-color:#305140;
        color: #303030;
    }

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

    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,h2 {
        font-family: Rockwell, georgia, serif;
        font-size: 2em;
        line-height: 1em;
        margin: 10px 0;
        font-weight: normal;
    }

    h2 {
        font-size: 1.6em;
        width: 100%;
        margin: 8px 0;
    }

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

    .right {
        float: right;
    }

    .left {
        float: left;
    }

    a img {
        border: 0;
    }

    .hidden {
        display: none;
    }

    .leftBlock {
        float: left;
        margin: 0 6px 6px 0;
    }

    .rightBlock {
        float: right;
        margin: 0 0 6px 6px;
    }

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



/* colours */
    .lightGreen, #imageHolder {
        background-color:#AABB8E;
    }

    .anotherGreen, .calendarKeyNumber1, .calendarKeyNumber2 {
        background-color:#D2D7C1;
    }

    .lightGray {
        background-color:#E5E4E2;
    }

    .blue {
        background-color:#92B0AF;
    }

    .blueBox {
        background: url("../image/blue-bg.gif") bottom repeat-x #6BADCF;
    }

    .yellow {
        background-color: #D8A935;
    }

    .yellowBox {
        background: url("../image/yellow-bg.gif") bottom repeat-x #D8A935;
    }

    .yellowF {
        color: #D8A935;
    }

    .whiteF {
        color: #fff;
    }
    
    .brownF {
        color: #414141;
    }

    .blackF {
        color: #000;
    }

    .greenBox {
        background: url("../image/green-bg.gif") bottom repeat-x #1F673F;
        
    }

    .green {
        background-color: #38664F;
    }

    .greenF, h1, h2 {
        color: #026A37;
    }

    .lightGreenBox {
        background: url("../image/light-green-bg.gif") bottom repeat-x #C5C9AE;
    }

    .panel {
        margin: 10px;
    }

    .content {
        margin: 45px 10px 10px 10px;
    }

    .overviewBox {
        margin-top: 40px;
        line-height: 1.5em;
    }

    .overviewBox img {
        display: block;
    }

    .overviewBox .leftBlock {
        margin: 0 10px 0 0;
    }

    .title {
        font-size: 1.1em;
        padding-top: 5px;
        display: block;
    }

    .overviewBox .border, #map.border, .imageFrame .border {
        border: 1px solid #666;
    }

    .normal {
        font-weight: normal;
        text-decoration: none;
    }

    .cursor {
        cursor: pointer;
    }

/* structure */
    #outerContainer {
        width: 100%;
    }

    #container {
        width: 1000px;
        background: url("../image/bg3.jpg") ;
        margin: 0 auto;
    }

    #header {
        width: 1000px;
        margin: 0 auto;
        height: 18px;
        background: url("../image/header-bg.jpg") repeat-x;
    }
    
    #footer {
        width: 100%;
        position: relative;
        font-size: 0.9em;
    }

    #footer div {
        margin: 0 auto;
        padding-top: 155px;
        width: 1000px;   
        background: #305140 url("../image/footer-bg.jpg")  center top no-repeat ;
        color: #fff;
    }

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

    #middleColumn {
        float: left;
        width: 470px;
    }

    #fullColumn {
        float: left;
        width: 710px;
    }

    #rightColumn {
        width: 240px;
        float: left;
        margin: 10px 0 0 10px;
        padding: 10px 10px 40px 10px;
        min-height: 100px;
    }

/* righthand form */
    #rightColumn form {
        text-align: left;
        margin: 40px 0 0 0px;
    }
    
    #rightColumn fieldset {
        margin: 0px 0 0 20px;
    }

    #rightColumn form button {
        border: 0;
        width: 48px;
        background: transparent;
        cursor: pointer;
    }

    #rightColumn form label {
        font-size: 1.5em;
        font-family: rockwell, georgia, sans-serif;
        margin-top: 40px;
    }

    #rightColumn form input, #rightColumn form select {
        width: 180px;
        margin-top: 5px;
    }

    #rightColumn form select {
        width: 185px;
    }

    #field1 {
        background: url("../image/input-bg1.jpg") 0 0 no-repeat;
        padding: 10px;
    }

    #field2 {
        background: url("../image/input-bg2.jpg") 0 4px no-repeat;
        padding: 10px;
    }

    #field3 {
        background: url("../image/input-bg3.jpg") 0 3px no-repeat;
        padding: 10px;
    }

    #field4 {
        background: url("../image/input-bg4.jpg") 0 3px no-repeat;
        padding: 15px 10px;
    }

    #rightColumn.lightGreenBox {
        margin-top: 35px;
    }

/* navigation */
    #nav {
        width: 240px;
        margin: 30px 10px 0 0;
        float: left;
    }

    #nav ul {
        width: 100%;
        margin: 30px 0 0 0;
        list-style: none;
        padding: 0;
    }

    #nav ul ul {
        margin: 2px 0 5px 0;
    }

    #nav ul li {
        border-bottom: 1px solid #bbb;
        padding: 0 0 4px 30px;
        line-height: 1.1em;
        margin-top: 8px ;
    }

    #nav ul li a {
        font-weight: normal;
        text-decoration: none;
        cursor: pointer;
        display: block;
        width: 100%;
        color: #000;
    }
    
    #nav ul ul li {
        border: 0;
        padding-left: 20px;
        font-size: 0.95em;
    }

    
    #nav form {
        background: url("../image/search.gif") 29px 52px no-repeat;
        padding: 10px 0 20px 0 ;
    }

    #nav form label {
        font-family: rockwell;
        font-size: 1.6em;
        margin-left: 70px;
        margin-top:65px;
        display: block;
    }

    #nav form input {
        margin: 9px 0 0 70px;
        width: 106px;
        height: 14px;
        border: none;
        font-size: 0.9em;
        font-family: rockwell, georgia, serif;
        cursor: pointer;
    }

    #nav form button {
        background: url("../image/go.gif") no-repeat;
        border: none;
        height: 17px;
        width: 31px;        
        margin: 8px 0 0 151px;
        cursor: pointer;
    }

    .selected {
        text-decoration: underline !important;
    }

/*homepage */

    #imageHolder a {
        float: left;
    }

    #imageHolder a img {
        display: block;
    }

    #imageHolder {
        margin: 10px 0;
        width: 470px;
    }

    .mainImage  {
        position: absolute;
        margin: 3px 0 0 3px;
    }

    .tab1,.tab2,.tab3,.tab0 {
        height: 43px;
        line-height: 10em;
        overflow: hidden;
        color: transparent;
    }

    .tab1:hover,.tab2:hover,.tab3:hover,.tab0:hover, .selectedTab {
        background-position: 0 -43px !important;
    }

    .tab0 {
        background: url("../image/early-years.gif") no-repeat;
        width: 133px;
    }

    .tab1 {
        background: url("../image/primary.gif") no-repeat;
        width: 104px;
    }

    .tab2 {
        background: url("../image/middle.gif") no-repeat;
        width: 105px;
    }

    .tab3 {
        background: url("../image/senior.gif") no-repeat;
        width: 122px;
    }


    #trans {
        position: absolute;
        margin: -263px 0 0 3px;
    }

    #slideShow {
        width: 465px;
        height: 266px;
    }

    #nurseryImage {
        margin: 0 0 3px 3px;
    }

    .newsAndEventsColumn {
        width: 229px;
        height: 420px;
    }

    #middleColumn .blueBox, #middleColumn .yellowBox {
        height: 125px;
        overflow: hidden;
    }

    .date {
        height: 44px;
        width: 45px;
        text-align:right;
        line-height: 1.15em;
        color: #444;
    }

    #rightColumn .lightGray {
        padding: 15px;
        font-size: 0.9em;
    }

    #rightColumn .right {
        margin: 15px 10px 20px 0;
    }

    #polariodTrans {
        position: absolute;
        display:block;
        margin: 3px 0 0 -31px;
    }

    #headteacher {
        float: left;
        margin: 12px 15px 10px -20px;
    }

/* calendar */
    .calendarLeft {
        float: left;
        width: 80px;
        padding: 10px;
    }

    .calendarRight {
        float: left;
        width: 324px;
        line-height: 1.5em;
        padding: 10px;
        min-height: 100px;
    }

    .calendarLeft .date {
        width: 73px;
        height: 48px;
        padding: 30px 5px 0px 0;
        background-color: #E7E1D5;
        font-family: rockwell, georgia;
        font-size: 2.5em;
        line-height: 0.7em;
        margin-bottom: 20px;
    }

    .calendarLeft .date small {
        font-size: 0.4em;
        color: #999;
    }

    .calendar {
        line-height: 2.3em;
        text-align: center;
        margin-bottom: 20px;
        border-collapse: collapse;
    }

    .calendar thead {
        font-family: rockwell, georgia, sans-serif;
        font-size: 1.5em;
    }

    .calendar td {
        width: 34px;
        border-right: 1px solid #E7E1D5;
        border-left: 1px solid #E7E1D5;
    }


/* map */
    #map {
        width: 100%;
        height: 220px;
    }

/* gallery */
    .imageFrame {
        width: 113px;
        padding: 5px;
        float: left;
        margin: 7px; 
    }

/* overview page */
    .overview {
        width: 321px;
        height: 100px;
        padding: 5px;
        float: left;
        margin: 7px; 
    }
    
/* Former Students */

.note_top_left {
	height: 18px;
	overflow: hidden;
	background: transparent url(../image/note_top_left.jpg) no-repeat;
}

.note_left {
	/*height: 167px;*/
	height: 154px;
	overflow: hidden;
	background: transparent url(../image/note_middle_left.jpg) no-repeat;
	padding: 8px 140px 5px 30px;
}

.note_bottom_left {
	height: 18px;
	overflow: hidden;
	background: transparent url(../image/note_bottom_left.jpg) no-repeat;
}

.note_bottom_lr {
	height: 18px;
	overflow: hidden;
	background: transparent url(../image/note_bottom_left_right.jpg) no-repeat;
}

.note_top_right {
	height: 18px;
	overflow: hidden;
	background: transparent url(../image/note_top_right.jpg) no-repeat;
}

.note_right {
	/*height: 159px;*/
	height: 151px;
	overflow: hidden;
	background: transparent url(../image/note_middle_right.jpg) no-repeat;
	padding: 3px 10px 5px 160px;
}

.note_bottom_right {
	height: 18px;
	overflow: hidden;
	background: transparent url(../image/note_bottom_right.jpg) no-repeat;
}

.note_bottom_rl {
	height: 18px;
	overflow: hidden;
	background: transparent url(../image/note_bottom_right_left.jpg) no-repeat;
}

/* Photo Frames */
.noteImageBlue, .noteImageOrange, .noteImageGreen {
	width: 94px;
	height: 94px;
	background: transparent url(../image/note_photo_blue.gif) no-repeat;
	float: left;
	margin: 0px 10px 7px 0px;
}

.note_right .noteImageBlue, .note_right .noteImageOrange, .note_right .noteImageGreen {
	float: right;
	margin: 0px 0px 7px 10px;
}

.noteImageOrange {
	background-image: url(../image/note_photo_orange.gif);
}

.noteImageGreen {
	background-image: url(../image/note_photo_green.gif);
}

.noteImageBlue div, .noteImageOrange div, .noteImageGreen div {
	width: 76px;
	height: 76px;
	margin: 9px;
	overflow: hidden;
}

.pagerControls {
	text-align: right;
}

.sideCol {
	width: 240px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px 10px 40px 10px;
	min-height: 100px;
}

.linkScrollBox {
	/*background:transparent url(../image/input-bg4.jpg) no-repeat scroll 0 3px;*/
}

.linkScrollBoxInner {
	overflow: auto;
	height: 180px;
}

p.noteText {
	margin-top: 5px;
}

.noteText {
	font-size: 1.25em;
}

#formerStudent #file {
	width: 200px;
	font-size: 0.8em;
}

/* Fix for bug introduced by typeface */

.yellowBox h2, .blueBox h2 {
	width: 100px;
	float: left;
}