/* Jons legible CSS area  */

/* quickfix for sitemap */
div.budgeLeft {
    margin-left: 15px;
}

img.leftGapRight {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

/* Learning Areas Page */
a.blockLearningArea2 {
    display: block;
    float: left;
    width: 132px;
    height: 130px;
    margin: 0px 15px 15px 0px;
    padding: 10px;
	border: solid 1px #CCCCCA;
    background-repeat: no-repeat;
    background-position: 10px 60px;
}

a.blockLearningArea2:hover {
    border: 1px solid #8A8A8A;
    background-color: #D7E9E8;
}

a.blockLearningArea2 span {
    font-weight: 700;
    text-decoration: underline;
}

a.blockLearningArea2:hover span {
    background-color: #D7E9E8;
}
/*
.blockLearningArea  {
        width: 156px;
        line-height: 1.2em;
        padding: 2px;
        color: #000;
		float: left;
		margin-right: 5px;
}

a.blockLearningArea , a.blockLinkIntroduction , a.blockKeyStage  {
        display: block;
        text-decoration: none;
        border: 1px solid #F4F3F0;
        margin-bottom: 10px;
        color: #2C465F;
}

a.blockLearningArea:hover , a.blockLinkIntroduction:hover , a.blockKeyStage:hover  {
        border: 1px solid #8A8A8A;
        background-color: #D7E9E8;
}

div.blockLearningArea , div.blockKeyStage  {
    font-size: 0.95em;
    line-height: 1.35em;
}

.learningArea , div.learningAreaIntroduction  {
	width: 132px;
    height: 12em;
	border: solid 1px #CCCCCA;
	padding: 10px;
    position: relative;
    display: block;
}

div.learningArea img  {
    position: absolute;
    top: 6em;
}

div.learningAreaIntroduction  {
	width: 299px;
    margin: 3px 3px 13px 3px;
}

.blockLinkIntroduction {
	width: 322px;
    line-height: 1.2em;
    padding: 2px;
    color: #000;
}
*/
div#rightColumn2 {
   width: 252px;
   padding: 20px 10px 10px 10px;
   border: solid 1px #CCCCCA;
   margin-top: 63px;
   float: left;
}

/*
.blockKeyStage  {
	width: 244px;
    line-height: 1.2em;
    padding: 2px;
    color: #000;
	float: left;
	margin-right: 5px;
}

div.keyStage  {
	width: 220px;
	height: 120px;
	border: solid 1px #CCCCCA;
	padding: 10px;
}
*/

div.keyStage  {
	width: 220px;
    line-height: 1.2em;
	border: solid 1px #CCCCCA;
	padding: 10px;
	margin-bottom: 14px;
}

/* Showcase */

    div.showcaseMainContent  {
        width: 95%;
        padding: 20px 0px 20px 20px;
    }

    .blockShowcase  {
            width: 100px;
            line-height: 1.2em;
            padding: 5px;
            color: #000;
            float: left;
            margin-right: 5px;
    }

    a.blockShowcase  {
            display: block;
            text-decoration: none;
            border: 1px solid #F4F3F0;
            margin-bottom: 10px;
    }

    a.blockShowcase:hover  {
        border: 1px solid #8A8A8A;
        background-color: #D7E9E8;
    }

    div.Showcase  {
        width: 80px;
        border: solid 1px #CCCCCA;
        padding: 10px;
        font-size: 0.5em;
    }

    div.showcaseIntroduction  {
        width: 550px;
        background-color: #D7E9E8;
        padding: 10px;
        margin-bottom: 10px;
    }

    div.collegeHeader  {
        margin-bottom: 15px;
    }

    img.shield  {
        float: left;
    }

    div.headerItem  {
        float: left;
		position: relative;
		top: 15px;
		margin-left: 8px;
		margin-right: 3px;
    }

    img.showcaseText  {
        position: relative;
        top: 9px;
		float: left;
    }
    
/* Innovation Design Page  */

div.innovationImages  {
	position: relative;
	float: left;
	width: 110px;
	margin-right: 10px;
}

div.innovationTextArea  {
	position: relative;
	float: left;
	width: 220px;
	left: 5px;
	top: 5px;
	
}


/* Calendar  */

div.eventDetails {
    margin-left: 20px;
}

div.calendar  {
	float: left;
	margin-right: 30px;
}

div.calendarFilter  {
	width: 300px;
	margin-bottom: 15px;
	float: left;
}

table.callendarKey  {
	border: solid 1px #000;
	font-size: 1em;
	background-color: #FFF;
}

td.calendarKeyNumber1 , td.calendarKeyNumber2 , td.calendarKeyNumber3 , td.calendarKeyNumber4  {
	width: 30px;
	text-align:center;
	border: solid 1px #7097BB;
}

td.calendarKey  {
	width: 178px;
}

div#calendarSearch  {
	margin: 5px 0px 5px 0px;
}

div.calendarOption  {
	margin-bottom: 5px;
	
}

div.calendarDropdown  {
	float: left;
}

div.calendarFilterTitle  {
	float: left;
	width: 100px;
	margin-right: 15px;
}	



div.calendarTitle  {
	background-color:#1B4A76;
}

table.callendarKey  {
	border: solid 1px #000;
	color: #3D3D3D;
}

td.calendarKeyNumber1  {
	background-color: #1B4A76;
	color: #FFF;
}

td.calendarKeyNumber1 a {
	color: #FFF;
}


td.calendarKeyNumber2  {
	background-color: #7097BB;
}

td.calendarKeyNumber3  {
	background-color: #CCC;
}

td.calendarKey  {
	border: solid 1px #7097BB;
}

td.day , td.team  {
	border: solid 1px #7097BB;
	text-align: center;
}



div.beforeCollege , div.duringCollege , div.afterCollege  {
	float: left;
	width: 190px;
	padding: 5px;
	border-bottom: solid 1px #000;
	font-size: 0.8em;
}

div.beforeCollege  {
	background-color: #9FD2D3;
	
}

div.duringCollege  {
	background-color: #BDE0E1;
	margin-right: 5px;
}

div.afterCollege  {
	background-color: #DEF0F0;
}

div.calendarDay  {
	margin-bottom: 10px;
}

div.calendarDayDescription  {
	background-color: #9FD2D3;
	width: 604px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	padding: 5px;
}

div#calendarTop  {
    margin-top: 10px;
    border: 1px solid #CCC;
	width: 564px;
	padding: 20px;

	font-size: 1em;
}

div.collegeTime1 {
	float: left;
	width: 604px;
	padding: 5px;
	border: solid 1px #000;
	font-size: 1em;
	background-color:#FFF;
}

div.eventDetails {
	line-height: 1.4em;
}

div.calendarDayContent  {
	padding: 10px 5px;
}

img.arrow  {
	float: left;
	margin-right: 7px;
	margin-bottom: 15px;
}

.staffOpen {
    display: block;
    position: absolute;
    margin-left: 150px;
    margin-top: -100px;
}

.staffOpenInner {    
    border: 1px solid #000;
    padding: 10px;
    background-color: #fff;
}

/* New Style Templates - 18/03/08  */

/* Template 1 */

div#rightColumn3 {
   width: 216px;
   margin-top: 55px;
   float: left;
}

div#leftColumn2 {
    width: 360px;
	padding: 25px 10px 10px 25px;
	margin-right: 25px;
    float: left;
}

.heading , .subHeading  {
	margin-bottom: 10px;
}

div.standardImage , div.standardLinks , div.standardDates  {
	padding: 0;
	margin-bottom: 15px;
	font-size: 0.9em;
}

div.standardImage  {
	border: 3px solid #FFF;
}

div.standardLinks , div.standardDates , div.standardQuote  {
	margin-bottom: 25px;
	padding: 5px;
	width: 100%;
}

div.standardQuote  {
	font-size: 1.2em;
	color: #2D465F;
	font-weight:bold;
}

div.leftColumnDynamic  {
	margin-top: 20px;
}

/* Template 2 + Variants */

div.template2MainContent  {
	width: 610px;
    padding: 20px 0px 20px 25px;
}

div.itemContainer1 , div.itemContainer2  {
	float: left;
	width: 290px;
	margin-bottom: 25px;
	font-size: 0.9em;

}

div.itemContainer1  {
	margin-right: 20px;
}

img.template2Thumbnail  {
	border: solid 3px #FFF;
	margin-right: 10px;
	float: left;
}

div.itemText  {
	width: 170px;
}

a.boldLinks  {
	font-weight: bold;
}

/* Template 3 + variants */

div.itemContainer3  {
	width: 610px;
	margin-bottom: 25px;
	font-size: 0.9em;

}

div.itemText2  {
	width: 490px;
}

div.itemText3  {
	width: 350px;
    float: left;
}

/* Template 4 */

div#rightColumn4 {
   width: 216px;
   margin-top: 25px;
   float: left;
}

/* Template 5 */

div#leftColumn3 {
    width: 295px;
	padding: 25px 10px 10px 25px;
	margin-right: 15px;
}

/*  */

div.captionImage1, div.captionImage2  {
	float: left;
	width: 180px;
	margin: 0px 23px 20px 0px;
    /*border: 1px solid black;*/
	font-size: 0.9em;
    text-align: center;
}

img.headerImage {
    display: block; /* ya rly */
    margin: 0px;
    padding: 0px;
}

ul.pushedRight {
    margin-left: 40px;
}


div.itemContainer4  {
	width: 490px;
	margin: 0px 0px 25px 50px;
}

div.itemContainer4 img.template2Thumbnail {
    margin-right: 40px;
}