/* -------- Container Styling -------- */
#container
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 960px;
	background-color: #ffffff;
}
/* ----------------------------------- */


/* -------- Columns Styling -------- */
#columns
{
	width: 958px;
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	margin: 0;
	padding: 0;
}
/* ----------------------------------- */


/* -------- Banner Styling -------- */
#banner
{
	background-image: url("../img_Banner.aspx");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 160px;
    width: 960px;
}

#banner h1
{
    display: none
}
/* -------------------------------- */ 


/* -------- Breadcrumb Styling -------- */
#breadcrumbs
{
	position: absolute;
	left: 6px;
	top: 145px;
	text-align: left;
	display: block;
	color: #17266b;
	font-size: x-small;
	font-weight: bold
}

#breadcrumbs a
{
	color: #17266b;
	text-decoration: none
}

#breadcrumbs a:hover
{
	text-decoration: underline
}
/* ------------------------------------ */

/* -------- Status Styling -------- */
#status
{
	vertical-align: middle;
	overflow: hidden;
	margin: 1px 2px 1px 2px;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: large;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-style: solid;
	border-width: 1px;
}

#status #statusMessage
{
	float: left;
}

#status #statusDate
{
	float: right;
	color: White;
}

.status-green
{
    background-color: #7dc876;
    border-color: #568951;
    color: Black;
}

.status-amber
{
    background-color: #dfc846;
    border-color: #9a8a32;
    color: Black;
}

.status-red
{
    background-color: #c3765c;
    border-color: #84513f;
    color: Black;
}

.status-black
{
    background-color: Black;
    border-color: Black;
    color: White;
}
/* -------------------------------- */ 


/* -------- Navigation Styling -------- */
#navigation 
{
	position: relative;
	float: left;
	width: 160px;
	background-color: #eeeeef;
	border-right: solid 1px #dddddd;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	margin-left: 0;
	padding-top: 10px;
}

#navigation a
{
	color: #084c8d;
	text-decoration: none
}

#navigation a:hover
{
	text-decoration: underline
}
	
#navigation ul
{
	list-style: none;
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

#navigation ul li
{
	margin:0;
	padding:0;
	padding-left:20px;
	background-image:url("../images/img_IconFadedRoundel.png");
	background-repeat:no-repeat;
	background-position: 0px 2px;
}

#navigation .block
{
	display: block;
}

#navigation .block li
{
	display: block;
}

#navigation ul ul
{
	padding-left: 2px;
}

#navigation ul ul li
{
	list-style: none; 
	display: inline;
	margin: 0 2px 0 0; 
	padding: 0; 
	font-size: 0.8em; 
	font-weight: normal;
	background-image: none;
}

#navigation .highlight
{
	background-image:url("../images/img_IconRoundel.png");
}
	
#navigation .standard-highlight
{
	display: inline-block;
	font-weight: bolder;
}

#navigation .standard
{
	display: inline-block;
}
/* ------------------------------------ */


/* -------- Contact Styling -------- */
#navigation #contact 
{
	vertical-align: text-bottom;
	font-size: x-small;
	color: gray;
}

#navigation #contact p
{
	vertical-align: text-bottom;
	text-align: center;
}
/* -------- Contact Styling -------- */


/* -------- Body Styling -------- */
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, "Trebuchet MS", sans-serif;
	color: #000000;
	background-color: #eeeeee;
}

body p
{
	font-family: Tahoma, Arial, "Trebuchet MS", sans-serif;
	margin-left: 0;
	margin-top: 4px;
}

body .version
{
	text-align: right;
	font-size: small;
}

body *
{
	position: relative;
}
/* ------------------------------ */


/* -------- Diary Styling -------- */
.diary
{
	margin: -8px -10px 0 -10px;
	width: 577px;
	vertical-align: middle;
	overflow: hidden;
}

.diary a
{
	color: #8c8c8c;	
}

.diary table
{
	width: 100%;
}

.diary tr
{
	vertical-align: middle;	
}

.diary .heading
{
	color: #8c8c8c;
	text-align: left;
	height: 20px;
}

.diary .heading a
{
	text-decoration: none;
}

.diary .heading td
{
	padding-left: 4px;	
}

.diary .data
{
	text-align: center;
}

.diary .data a
{
	text-decoration: none;
	line-height: 30px;
}

.diary .selection
{
	height: 7px;
	font-size: xx-small;
}

.diary .controls
{
	font-size: large;
	font-weight: bold;
	vertical-align: middle;
}

.diary .controls a
{
	color: #cbc7c7;
}

.diary .events, .selected
{
	text-align: left;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #ece7e7;
	border: 1px solid #cdc7c7;
	padding: 4px 4px 4px 4px;
}
.diary .events h4
{
	color:  #666666;
	margin: 0px 0px 4px 2px;
}

.diary .events p
{
	font-family: Arial, "Trebuchet MS", sans-serif;
	margin: 0px 0px 0px 6px;
}

.diary .events strong
{
	color: Red;
	font-weight: bolder;
	text-decoration: underline;
}

.diary .weekend, .weekend-content
{
	background-color: #d8dada;
	border: 1px solid #d5c2c2;
}

.diary .weekend a, .weekend-content a
{
	color: White;
}

.diary .weekday, .weekday-content
{
	border: 1px solid #d5c2c2;
}

.diary .today, .today-content
{
	border: 1px solid #6b6060;
}

.diary .weekday-content, .weekend-content, .today-content
{
	border-top-width: 3px;
	border-bottom-width: 3px;
}

.diary .weekday-content a, .weekend-content a, .today-content a
{
	color: #171616;
	text-decoration: none;
}

.diary .meeting td
{
	font-size: small;
}

.diary .event td
{
	font-size: small;
}

.diary .term-dates td
{
	font-size: small;
}

.diary .performance td
{
	color: navy;
	font-size: small;
}

.diary .deadline td
{
	font-size: small;
}

.diary .academic td
{
	font-size: small;
}

.diary .exam td
{
	color: red;
	font-size: small;
}

.diary .exams td
{
	color: maroon;
	font-size: small;
}

.diary .house-competition td
{
	font-size: small;
}

.diary .trip td
{
	font-size: small;
}

.diary .rehearsal td
{
	font-size: small;
}

.diary .practice td
{
	font-size: small;
}

.diary .exam-performance td
{
	font-size: small;
}

.diary .training-session td
{
	font-size: small;
	color: gray;
}

.diary .match td
{
	font-size: small;
	color: green;
}

.diary .visit td
{
	font-size: small;
}

.diary .all-day
{
	font-size: medium;
	font-weight: bold;	
}
/* -------------------------------- */ 


/* ------ Feature Boxes ------- */
.features
{
	width: 567px;
	margin: 0;
	padding: 0;
}

.features .box
{	
	width: 557px;
	border: solid 1px #eeeeee;
	background-color: #ffffff;
	padding: 4px 4px 4px 4px;
	
}

.features .box p
{
	margin: 0;	
}

.features #feature-introduction
{
	background-image: url("../images/img_FeatureIntroduction.png");
    background-position: bottom left;
    background-repeat: no-repeat;
}

.features #feature-introduction p
{
	padding: 10px 0 80px 80px;
}

.features #feature-1
{
	background-image: url("../images/img_FeatureGuysandDolls.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

.features #feature-1 p
{
	padding: 5px 5px 140px 10px;
}

.features #feature-2 p
{
	padding: 10px 30px 10px 10px;
}

.features #feature-3
{
	background-image: url("../images/img_FeatureRoof.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.features #feature-3 p
{
	padding: 5px 200px 50px 10px;
}

.features #feature-4 p
{
	padding: 10px 10px 10px 10px;
}
/* ---------------------------- */


/* -------- Content Styling -------- */
#content 
{
	float: left;
	width: 777px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 10px;
	background-image: url("../images/img_CrestBottom.png");
    background-position: top right;
    background-repeat: no-repeat;
    padding-bottom: 32767px;
	margin-bottom: -32747px;
}

#content p
{
	margin-right: 20px;
}

#content li
{
	margin-right: 20px;
	list-style-position: outside;
	text-indent: 15px;
	padding-bottom: 5px;
}

#content h2, h3, h4
{
	padding-top: 0px;
}
/* --------------------------------- */


/* -------- Footer Styling -------- */
#footer
{
	clear: both;
	background-color: #eee;
	padding: 1em;
	font-size: small;
	text-align: right;
}
/* -------------------------------- */


/* -------- Image Styling --------- */
.box-photo-right
{
	display: inline;
	float:right;
	margin-left: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
}

.box-photo-left
{
	display: inline;
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}

.box-photo-quote
{
	width: 100%;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Palatino;
	font-size: larger;
	font-style: italic;
	color: #ffffff;
	letter-spacing: 0.4px;
	text-align: center;
}
/* ----------------------------- */


/* ----- News Styling ------ */
.documents
{
	width: 100%;
}
/* ----------------------------- */


/* ----- Box Styling ------ */
.box
{
	border: solid 1px #dddddd;
	background-color: #efefff;
	margin: 10px 25px 10px 0px;
	padding: 10px 10px 10px 10px;
}

.box h2, h3, h4
{
	margin: 0;
	padding: 0;
}

.box dl
{
	margin: 10px 10px 10px 10px;
}
/* ------------------------------ */


/* ----- News Styling ------ */
.general-news .box img
{
	display: inline-block;
	float: left;
	margin: 5px 5px 5px 5px;
}

.general-news .box h3
{
	margin: 20px 5px 20px 5px;
}

.general-news .box p
{
	margin: 5px 5px 5px 5px;
}

.news 
{
	float: right;
	width: 210px;
}

.news .box 
{
	border: solid 1px #dddddd;
	background-color: #efefff;
	margin: 0px 10px 5px 10px;
	padding: 5px;
}

.news .box img 
{
	display: inline;
	float: left;
	margin: 0 0 5px 0;
}

.news .box h3 
{
	font-size: medium;
	margin: 0 0 5px 0;
	padding: 0;
	width: 178px;
	text-align: left;
}

.news .box p 
{
	font-size: small;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 178px;
}
/* ----------------------------- */


/* ------ Question Lists ------- */

.contact-question
{	
	margin: 0;
	padding: 0;
}

.contact-answer
{
	text-align: right;
}
/* ----------------------------- */


/* ------ Sports Results ------- */

.sports-win
{	
	color: Green;
}

.sports-draw
{	
	color: Orange;
}

.sports-lose
{	
	color: Red;
}
/* ----------------------------- */