/* MAIN GENERIC STYLES */

.college .extranet {
	display: none !important;
}

.notcollege .intranet {
	display: none !important;
}




.left {
	text-align: left;
}

.right {
	text-align: right;
}

table.body {
	background: white;
/*	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd; */
	width: 920px;
	min-width: 920px;
	max-width: 920px;
	margin-left: 0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#A0A0A0', Direction=135);
	-webkit-box-shadow: 20px 20px 50px rgba(64, 64, 64, 0.1);
	-moz-box-shadow:    20px 20px 50px rgba(64, 64, 64, 0.1);
}

td.banner_left_butcombe {
	background-image: url('/images/ofsted_banner_butcombe.png') !important;
	background-position: top left !important;
	background-repeat: no-repeat !important;
}

.ie td.banner_left_butcombe {
	border: none;
}


/* Main content */

td.maincontent td {
	padding: 6px;
}

td.maincontent {
	background: white;
	vertical-align: top;
	padding: 16px;
	padding-top: 20px;
	font-family: Arial;
	text-align: left;
	color: black; /*#333333;*/
	border-left: 1px solid #4e5997;
	border-right: thin dotted #aaaaaa;
}

.college td.maincontent, .upper td.maincontent, .pre td.maincontent, .butcombe td.maincontent, .ocs td.maincontent, .ccsl td.maincontent, .hac td.maincontent {
	border-right: 0px;
}


td.maincontent p {
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	overflow: visible;
}

td.maincontent table td {
	padding: 3px;
}

td.maincontent td {
	vertical-align: top;
}


/* footer */

div.footer_navigation {
	width: 100%;
	clear: both;
	margin-top: 24px;
	margin-bottom: -12px;
}

a.footer_previous {
	float: left;
	clear: none;
}

a.footer_next {
	float: right;
	clear: none;
	text-align: right;
}


/* Secondary content */

td.secondarycontent {
	background: white;
	vertical-align: top;
	width: 180px;
	padding: 16px;
	padding-top: 20px;
	color: #333333;
	font-family: Arial;
	font-size: 11px;
}

td.secondarycontent h2 {
	margin-top: 0px;
}

td.leftcolumn {
	padding-top: 20px;
	border-right: thin dotted #aaaaaa;
	background: #dddddd !important;
}

td.leftcolumn div.column {
	margin-bottom: 24px !important;
}

td.leftcolumn div.column img {
	margin-bottom: 24px !important;
}

td.leftcolumn h2 {
	margin-bottom: 4px;
}

td.leftcolumn div.content {
	width: 100%;
	clear: both;
	padding-top: 16px;
	padding-left: 0px;
	padding-right: 0px;
}

td.secondarycontent a {
/*	color: #b11b34; */
	color: #06C;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
}

td.secondarycontent a:hover {
	color: blue;
	text-decoration: none;
}

td.secondarycontent h1 {
	border-bottom: thin dotted #aaaaaa;
	padding-bottom: 0px;
	margin-top: 0px;
}

td.secondarycontent p {
	font-family: Arial;
	font-size: 11px;
}

td.sub {
	padding-left: 0px ! important;
}


/* Headings */

.BBFormTitle {
	color: #b11b34;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 11px;
	margin-bottom: 8px;
	margin-top: 0px;
	clear: both;
	text-align: left;
}

h1.form {
	margin-top: 0px;
	margin-bottom: 4px;
}


/* Paragraphs */

p.intro {
	font-weight: bold;
}

p.author {
	text-align: right;
}

p.indent {
	margin-left: 30px;
}

p.centre {
	text-align: center;
}


/* Divs */

div.secure_info
{
	border: 1px solid grey;
	padding: 6px;
}

div.icon_ccsl {
	margin-bottom: 20px;
}

div.icon_ccsl div.shadow {
	padding-left: 9px;
}

div.ocsbranch p {
	text-align: center
}

div.frame
{
	position: relative;
}


/* Boxes */

div.mediabox {
	float: right;
	padding: 6px;
	padding-bottom: 3px;
	background: #e7e7e7;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}

div.special_mediabox {
	margin-left: 10px;
	float: right;
	margin-bottom: 7px;
	padding-left: 7px;
	background: #e7e7e7;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}

div.special_mediabox p {
	padding: 0px;
	font-size: 13px;
	text-align: center;
}

div.infobox {
	clear: none;
	float: right;
	padding: 12px;
	margin-left: 12px;
	margin-bottom: 10px;
	background: #e7e7e7;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	width: 50%;
}

div.infobox_william_article {
	clear: none;
	float: left;
	padding: 12px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #e7e7e7;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	width: 50%;
}



div.botw {
	clear: none;
	float: right;
	padding: 12px;
	margin-left: 12px;
	margin-bottom: 10px;
	background: #e7e7e7;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	width: 111px;
	text-align: center;
}


div.banner {
	margin-bottom: 6px ! important;
	margin-top: 25px ! important;
}

.ie div.banner {
	width: 100% ! important;
	margin-top: 20px !important;
}

div.bannerbox {
	float: none;
	padding: 10px;
	background: #e7e7e7;
	border: 1px solid #a0a0a0;
	overflow: visible;
}


div.bannerboxfrontpage {
	float: none;
	padding: 8px;
	background: #e7e7e7;
	border: 1px solid #a0a0a0;
	overflow: visible;
}

div.bannerboxfrontpage h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	/*color: #000000;*/
}


.ie div.bannerbox {
	width: 100%;
}


div.oc_events_adverts {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 20px;
	margin-bottom: 10px;
	border: black double;
}

div.oc_events_adverts h1 {
	text-align: center;
}

div.oc_events_adverts p {
	text-align: justify;
}

div.ocs_frontpage_icon {
	float: left;
	width: 30%;
	clear: none;
	padding-left: 20px;
}

div.ocs_box {
	-webkit-border-top-left-radius: 40px;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-left-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-bottomleft: 40px;
	-moz-border-radius-bottomright: 40px;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	border-top: 1px solid #562854;
	border-left: 1px solid #562854;
	border-right: 1px solid #562854;
	border-bottom: 1px solid #562854;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #e7e7e7;
	width: 500px;
/*	filter:alpha(opacity=50);
	opacity: 0.5;*/
	height: 100%;
	margin-left: 50px;
	margin-bottom: 30px;
}

div.ocs_box p {
	text-align: center;
}

#contact_details {
	position: left;
	width: 300px !important;
	position: absolute;
	border-right: 1px solid #562854;
	left: 250px;
	top: 250px;
}

#secondary_info {
	float: right;
	width: 250px;
	position: absolute;
	right: 450px;
	top: 250px;
}


/* NOT IN USE

	div.ocs_box_front_page {
		-webkit-border-top-left-radius: 40px;
		-webkit-border-top-right-radius: 40px;
		-webkit-border-bottom-left-radius: 40px;
		-webkit-border-bottom-right-radius: 40px;
		-moz-border-radius-topleft: 40px;
		-moz-border-radius-topright: 40px;
		-moz-border-radius-bottomleft: 40px;
		-moz-border-radius-bottomright: 40px;
		-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
		-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
		border-top: 1px solid #562854;
		border-left: 1px solid #562854;
		border-right: 1px solid #562854;
		border-bottom: 1px solid #562854;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-top: 0px;
		padding-bottom: 20px;
		background-color: #e7e7e7;
		width: 80%;
		height: 120px;
	}


	.ie div.ocs_box_front_page {
		background-image: url('/images/ocs/ie_ocs_box_front_page.png');
		border: 0px;
		height: 140px;
		width: 82%;
		background-repeat: no-repeat;
}

*/

div.ocs_outer_container {
	margin-left: 30px;
}

.ie div.ocs_outer_container {
	margin-left: 30px;
}

div.ocs_container {
	float: left;
	clear: none;
	margin-right: 30px;
}

.ie div.ocs_container {
	float: left;
	clear: none;
}

img.ocs {
	border: 1px solid #562854;
}

/* Links */

a.more {
	font-style: italic;
}

.email {
	padding-left: 18px;
	background-position-y: -2px;
	background-image: url('/images/icon_email.png');
	background-repeat: no-repeat;
}

.www {
	padding-left: 18px;
	background-position-y: -2px;
	background-image: url('/images/icon_wwwglobe.png');
	background-repeat: no-repeat;
}

span.event {
	padding-left: 22px;
	background-position-y: -2px;
	background-image: url('/images/CALENDAR.GIF');
	background-repeat: no-repeat;
}

a.pdf {
	padding-left: 20px;
	background-position-y: 0px;
	background-image: url('/images/icon_pdf_small.gif');
	background-repeat: no-repeat;
}

a.doc {
	padding-left: 20px;
	background-position-y: 0px;
	background-image: url('/icon/mime/doc.png');
	background-repeat: no-repeat;
	font-weight: bold;
}

a.ppt {
	padding-left: 20px;
	background-position-y: 0px;
	background-image: url('/icon/mime/ppt.png');
	background-repeat: no-repeat;
	font-weight: bold;
}

span.fax {
	padding-left: 18px;
	background-position-y: -2px;
	background-image: url('/images/FAX.GIF');
	background-repeat: no-repeat;
}

span.phone {
	padding-left: 18px;
	background-position-y: -2px;
	background-image: url('/images/phone.GIF');
	background-repeat: no-repeat;
}


/* Images */

img.imgleft {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
}

img.imgclear{
	clear: both;
}

img.left {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
}

img.right {
	float: right;
	margin-top: 4px;
	margin-left: 10px;
	margin-bottom: 4px;
}


/* Search */

.BBListOddRowStyle {
	background: #eeeeee;
}

tr.SearchOddRowStyle td {
	padding-top: 12px;
	padding-bottom: 12px;
}

tr.SearchEvenRowStyle td {
	padding-top: 12px;
	padding-bottom: 12px;
}

td.SearchDescriptionStyle {
	padding-top: 4px ! important;
	padding-bottom: 12px ! important;
}


/* Print Styles */

h1.print_title {
	display: none;
}

p.print_copyright {
	display: none;
}

img.print {
	display: none;
}


/* New member registration */

a#PC1537_lbtnRegisterUser,
a#PC1533_lbtnRegisterUser,
a#PC1529_lbtnRegisterUser,
a#PC1524_lbtnRegisterUser,
a#PC587_lbtnRegisterUser,
a#PC1520_lbtnRegisterUser,
a#PC1515_lbtnRegisterUser {
	display: block;
}




h3.new 
{
	background-image: url('/images/new.png');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 38;
	padding-top: 6px;
	padding-bottom: 4px;
	height: 26px;
	vertical-align: middle;
}

.ie h3.new {
	padding-top: 3px;
	padding-bottom: 0px;
}

a.new 
{
	background-image: url('/images/new.png');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 38;
	padding-top: 6px;
	padding-bottom: 4px;
	height: 26px;
	vertical-align: middle;
}

.ie a.new {
	padding-top: 3px;
	padding-bottom: 0px;
}

p.validator {
	margin-top: 16px;
	margin-bottom: 0px;
	text-align: right;
}

/*this is in the wrong place, but not sure where it should go...*/
img.colloquy
{
	margin-bottom: 0px;
}

.ie img.colloquy
{
	margin-bottom: 0px;
}


/* Language selector */

table.flags {
	margin-top: -8px;
	margin-bottom: -14px;
	float: right;
}

table.flags td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

table.flags td img {
	border: 1px solid black;
	cursor: pointer;
}

div.translation {
	display: none;
}


/* Why Clifton */

div.clifton_reason {
	padding-top: 16px;
	padding-bottom: 16px;
	clear: both;
	background-color: white !important;
	background-image: none !important;
	height: 150px;
}

.ie div.clifton_reason {
	padding-bottom: 16px;
}

div.clifton_reason div.reason_frame {
	border: 1px solid black;
	float: left;
	margin-right: 0px !important;
	background-color: white !important;
	background-image: none !important;
	padding: 0px;
	width: 244px;
}

div.clifton_reason div.reason_frame img {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	background-color: white !important;
	background-image: none !important;
	z-index: 10;
}

div.clifton_reason h2 {
	clear: none;
	margin-top: -2px;
	margin-bottom: 0px;
}

div.clifton_reason div.description {
	width: 240px;
	clear: none !important;
	float: right;
	margin-left: -8px;
	margin-right: 0px;
}

div.clifton_reason div.description p {
	margin-bottom: 0px;
}

div.clifton_reason a.more {
	font-style: italic;
}

td.clifton_footer {
	border-left: 1px solid #4e5997;
	padding: 0px;
}

td.clifton_footer {
	border: 0px;
	background: #003082;
	color: #cccccc;
}

td.clifton_footer div {
/*	width: 709px; */
	margin: 0px;
	border-top: thin dotted #aaaaaa;
	text-align: right;
	padding: 5px;
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	font-style: italic;
}

td.clifton_footer div {
	border-top: 0px !important;
}

.ie td.clifton_footer div {
	width: 100%;
}


/* Sports */

div.sports_results tr.tabletitle {
	display: none;
}

div.sports_results td.search {
	background: #cccccc;
	border: 1px solid gray;
}

div.sports_results th {
	padding-top: 16px;
	border-bottom: 1px solid gray;
}

div.sports_results tr.tablefooter td {
	border-top: 1px solid gray !important;
}

td.sports_result {
	line-height: 22px;
}

td.latest_result {
	background: #eeeeee;
}

div.sports_photo_outer {
	display: none; 
	position: absolute;
	margin-top: 0px;
	padding: 0px;
	z-index: 3;
}

.ie div.sports_photo_outer {
	padding-left: 8px;
}

div.sports_no_image {
	width: 293px;
	margin-left: -292px;
}

.ie div.sports_no_image {
	width: 301px !important;
	margin-left: -300px;
}

div.sports_photo_inner {
	margin: 0px;
	padding: 6px;
	border: 1px solid black;
	background-color: #ddddff;
}

div.sports_photo_inner p {
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: 4px;
}

p.sports_photo {
	position: relative;
	margin-bottom: 2px;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 4px;
	z-index: 2;
	width: 60px;
	color: #b11b34;
	font-weight: bold;
}

p.latest_result {
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

span.sports_photo {
	background-image: url('/images/IMAGE.GIF');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
}




/* Location selector */

div.sharepoint_link {
	width: 100px;
	float: right;
	clear: none;
	margin-top: -20px;
	margin-bottom: 0px;
	text-align: center;
	height: 18px;
}

td.secondarycontent div.sharepoint_link {
	margin-top: 0px;
}

td.rightmost div.sharepoint_link {
	margin-top: -20px !important;
	margin-bottom: 16px;
}

.ie div.sharepoint_link {
	margin-top: -21px;
	height: 20px;
}

div.sharepoint_link a {
	color: #eeeeee !important;
	font-size: 11px;
	font-weight: normal;
}

div.sharepoint_link a:hover {
	color: white;
}

div.sharepoint_link div.tab_left {
	width: 10px;
	height: 18px;
	float: left;
}

div.sharepoint_link div.tab_middle {
	width: 80px;
	height: 18px;
	float: left;
	background: #6e79b7;
	padding-top: 2px;
}

div.janus {
	margin-top: 0px;
}

div.janus div.sharepoint_link {
	margin-bottom: -16px;
}

.ie div.sharepoint_link div.tab_middle {
	height: 20px;
	padding-bottom: 0px;
}

.ie div.janus div.sharepoint_link div.tab_middle {
	height: 18px;
	padding-bottom: 0px;
}

div.sharepoint_link div.tab_right {
	width: 10px;
	height: 20px;
	float: right;
}

.notcollege div.extranet_link {
	display: block !important;
}

.college div.intranet_link {
	display: block !important;
}


/*Miscellaneous*/

div.payscale_disclaimer {
	font-size: 9px;
	margin-top: 75px;
	clear: both;
}


/*separators*/

div.ie_separator
{
	display: none;
}

.ie div.ie_separator
{
	height: 20px;
	display: block;
}

div.firefox_separator
{
	display: block;
}

.ie div.firefox_separator
{
	display: none;
}

div.houseplays_poem_left {
	width: 215px;
	float: left;
}

div.houseplays_poem_right {
	float: right;
	width: 215px;
	clear: none;
}

div.houseplays_review {
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
}

p.houseplays_awards {
	margin-left: 20px;
}

p.butcombe_diary {
	margin-left: 30px;
	margin-right: 20px;
}

div.butcombe_diary_dates {
	margin-left: 17px;
	font-weight: bold;
}

p.light_grey_text {
	color: #666666;
	margin-left: 30px;
}

/* New CCSL design */

/* Sports and Leisure Pages */

th.ccsl_sport_leisure_header {
	border-bottom: thin dotted #aaaaaa;
	text-align: left;
}

td.ccsl_sport_leisure_thumbnail {
	padding-left: 0px;
	width: 124px;
}

td.ccsl_sport_leisure_thumbnail img {
	background: white;
}


td.ccsl_sport_leisure_thumbnail div {
	margin-left: 2px;
}

/* Start CCSL front page */

div.ccsl_container {
	width: 100%;
	clear: both;
}

div.ccsl_container_left {
	width: 320px;
	float: left;
	clear: left;
	margin-left: 20px;
}

div.ccsl_container_right {
	width: 320px;
	float: right;
	clear: right;
	margin-right: 20px;
}

div.ccsl_button {
	position: relative;
	width: 300px;
	height: 125px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 16px;
	border: 1px solid black;
	-webkit-border-top-left-radius: 36px;
	-webkit-border-top-right-radius: 36px;
	-moz-border-radius-topleft: 36px;
	-moz-border-radius-topright: 36px;
	border-top-left-radius: 24px;	/* Opera */
	border-top-right-radius: 24px;	/* Opera */
/*	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;*/
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);	/* Opera */
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index: 5;
	background: white;
}

div.ccsl_button h2 {
	position: absolute;
	bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 280px !important;
	color: white;
	line-height: 30px;
	font-size: 15px;
	font-family: Arial;
/*	font-weight: bold;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;*/
}

.ie div.ccsl_button h2 {
	position: absolute;
	margin-bottom: 8px;
	overflow: hidden;
	width: 210px;
	margin-left: 2px;
	height: 30px;
}

.ie7 div.ccsl_button h2 {
	position: absolute;
	margin-bottom: 8px;
	overflow: hidden;
	width: 209px;
	margin-left: 3px;
	height: 30px;
}

p.ccsl_frontpage_left {
	width: 290px;
	margin-left: 6px;
	padding-bottom: 10px;
}

p.ccsl_frontpage_left {
	width: 290px;
	margin-left: 6px;
	padding-bottom: 10px;
}

p.ccsl_frontpage_right {
	width: 290px;
	margin-left: 25px;
	padding-bottom: 10px;
}


/* start HAC & Kid's Club */

div.img_hac {
	background-image: url('/images/ccsl/front_page_images/hac.jpg');
	float: left;
	width: 300px;
	height: 120px;
	margin-left: 0px;
}

.highlighted .img_hac {
	background-image: url('/images/ccsl/front_page_images/hac_tinted_light.jpg');
}

.ie div.img_hac {
	background-image: url('/images/ccsl/front_page_images/ie_hac.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_hac h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/hac_tinted_dark.jpg');
	padding-left: 20px;
}


div.img_hac h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/hac_tinted_light.jpg');
}


/* end HAC & Kid's Club */



/* start Residential Sports Courses */

div.img_res_sports_courses {
	background-image: url('/images/ccsl/front_page_images/res_sports_courses.jpg');
	float: right;
	width: 300px;
	height: 120px;
	margin-left: 0px;
}

.ie div.img_res_sports_courses {
	background-image: url('/images/ccsl/front_page_images/ie_res_sports_courses.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_res_sports_courses h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/res_sports_courses_tinted_dark.jpg');
	padding-left: 20px;
}

div.img_res_sports_courses h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/res_sports_courses_tinted_light.jpg');
}

div.res_courses {
	background-image: url('/images/ccsl/res_courses/cc_piano_gradient.jpg');
}



/* end Residential Sports Courses */



/* start Sports Guthrie Road */

div.img_sports_guthrie {
	background-image: url('/images/ccsl/front_page_images/sports_guthrie.jpg');
	float: left;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_sports_guthrie {
	background-image: url('/images/ccsl/front_page_images/ie_sports_guthrie.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_sports_guthrie h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/sports_guthrie_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_sports_guthrie h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/sports_guthrie_tinted_light.jpg');
}
/* end Sports Guthrie Road */



/* start Sports Ground BB */

div.img_sports_bb {
	background-image: url('/images/ccsl/front_page_images/sports_bb.jpg');
	float: right;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_sports_bb {
	background-image: url('/images/ccsl/front_page_images/ie_sports_bb.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_sports_bb h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/sports_bb_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_sports_bb h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/sports_bb_tinted_light.jpg');
}
/* end Sports Ground BB */



/* start Golf Course */

div.img_golf {
	background-image: url('/images/ccsl/front_page_images/golf.jpg');
	float: left;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_golf {
	background-image: url('/images/ccsl/front_page_images/ie_golf.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_golf h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/golf_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_golf h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/golf_tinted_light.jpg');
}

/* end Golf Course */



/* start Events */

div.img_events {
	background-image: url('/images/ccsl/front_page_images/events.jpg');
	float: right;
	margin-right: 20x;
	width: 300px;
	height: 120px;
}

.ie div.img_events {
	background-image: url('/images/ccsl/front_page_images/ie_events.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_events h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/events_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_events h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/events_tinted_light.jpg');
}

/* end Events */



/* start Easter Revision */

div.img_easter_revision {
	background-image: url('/images/ccsl/front_page_images/easter_revision.jpg');
	float: left;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_easter_revision {
	background-image: url('/images/ccsl/front_page_images/ie_easter_revision.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_easter_revision h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/easter_revision_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_easter_revision h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/easter_revision_tinted_light.jpg');
}

p.easter_revision {
	width: 300px;
}

/* end Easter Revision */



/* start Residential Music and Language Courses */

div.img_summer_language_courses {
	background-image: url('/images/ccsl/front_page_images/summer_language_courses.jpg');
	float: right;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_summer_language_courses {
	background-image: url('/images/ccsl/front_page_images/ie_summer_language_courses.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_summer_language_courses h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/summer_language_courses_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_summer_language_courses h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/summer_language_courses_tinted_light.jpg');
}

/* end Residential Music and Language Courses */



/* start Redgrave */

div.img_redgrave {
	background-image: url('/images/ccsl/front_page_images/redgrave.jpg');
	float: left;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_redgrave {
	background-image: url('/images/ccsl/front_page_images/ie_redgrave.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_redgrave h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/redgrave_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_redgrave h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/redgrave_tinted_light.jpg');
}

/* end Redgrave */



/* start Special Offers */

div.img_special_offers {
	background-image: url('/images/ccsl/front_page_images/special_offers.jpg');
	float: right;
	margin-left: 0px;
	width: 300px;
	height: 120px;
}

.ie div.img_special_offers {
	background-image: url('/images/ccsl/front_page_images/ie_special_offers.jpg');
	height: 130px;
	width: 310px;
	background-repeat: no-repeat;
	border: 0px;
}

div.img_special_offers h2 {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/special_offers_tinted_dark.jpg');
	padding-left: 20px;
	width: 280px;
}

div.img_special_offers h2:hover {
	background-position: bottom center;
	background-image: url('/images/ccsl/front_page_images/special_offers_tinted_light.jpg');
}

/* end Special Offers */




/*------------------------------*/
	/* End CCSL front page */
/*------------------------------*/




/*------------------------------*/
	/* Start Beggar Bush */
/*------------------------------*/

div.bb_frontpage_container {
	clear: both;
	margin-bottom: 40px;
	padding-top: 15px;
}

.ie div.bb_frontpage_container {
	clear: both;
	margin-bottom: 40px;
	padding-top: 15px;
}

div.img_pitch_hire {
	background-image: url('/images/ccsl/bb/pitch.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: right;
	margin-left: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_pitch_hire {
	background-image: url('/images/ccsl/bb/ie_pitch_hire.jpg');
	height: 165px;
	width: 375px;
}

div.description_pitch_hire {
    float: left;
    width: 200px;
}

div.img_football_league {
	background-image: url('/images/ccsl/bb/football_leagues.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: left;
	margin-right: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_football_league {
	background-image: url('/images/ccsl/bb/ie_football_leagues.jpg');
	height: 165px;
	width: 375px;
	background-repeat: no-repeat;
}

div.img_tennis {
	background-image: url('/images/ccsl/bb/tennis_dome.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: right;
	margin-left: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_tennis {
	background-image: url('/images/ccsl/bb/ie_tennis_dome.jpg');
	height: 165px;
	width: 375px;
}

div.img_workshop_gym {
	background-image: url('/images/ccsl/bb/workshop_gym.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: left;
	margin-right: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_workshop_gym {
	background-image: url('/images/ccsl/bb/ie_workshop_gym.jpg');
	height: 165px;
	width: 375px;
}

div.img_functions {
	background-image: url('/images/ccsl/bb/bar_functions.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: left;
	margin-right: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_functions {
	background-image: url('/images/ccsl/bb/ie_functions.jpg');
	height: 165px;
	width: 375px;
}

div.ccsl_imgright {
	float: right;
	margin-left: 20px;
}

div.ccsl_imgleft {
	float: left;
	margin-right: 20px;
}

/*------------------------------*/
	/* End Beggar Bush */
/*------------------------------*/



/*-------------------------------------------*/
	/* Guthrie Road Sports Centre pages */
/*-------------------------------------------*/

div.fitness_frontpage_container {
	clear: both;
	margin-bottom: 40px;
	padding-top: 15px;
}

.ie div.fitness_frontpage_container {
	clear: both;
	margin-bottom: 40px;
	padding-top: 15px;
}


div.img_fitness_suite {
	background-image: url('/images/ccsl/fitness_centre/fitness_suite.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: right;
	margin-left: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_fitness_suite {
	background-image: url('/images/ccsl/fitness_centre/ie_fitness_suite.jpg');
	height: 165px;
	width: 375px;
}

div.img_swimming_pool {
	background-image: url('/images/ccsl/fitness_centre/swimming_pool.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: left;
	margin-right: 20px;
	width: 360px;
	height: 150px;
	margin-bottom: 30px;
}

.ie div.img_swimming_pool {
	background-image: url('/images/ccsl/fitness_centre/ie_swimming_pool.jpg');
	height: 165px;
	width: 375px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

div.img_classes {
	background-image: url('/images/ccsl/fitness_centre/fitness_class.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: right;
	margin-left: 20px;
	width: 360px;
	height: 150px;
}

.ie div.img_classes {
	background-image: url('/images/ccsl/fitness_centre/ie_fitness_class.jpg');
	height: 165px;
	width: 375px;
	background-repeat: no-repeat;
}

div.img_courts {
	background-image: url('/images/ccsl/fitness_centre/courts.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: left;
	margin-right: 20px;
	width: 360px;
	height: 150px;
	margin-top: 40px;
}

.ie div.img_courts {
	background-image: url('/images/ccsl/fitness_centre/ie_courts.jpg');
	height: 165px;
	width: 375px;
	background-repeat: no-repeat;
}

div.img_personal_training {
	background-image: url('/images/ccsl/fitness_centre/personal_training.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: left;
	margin-right: 20px;
	width: 360px;
	height: 150px;
	margin-top: 20px;
}

.ie div.img_personal_training {
	background-image: url('/images/ccsl/fitness_centre/ie_personal_training.jpg');
	height: 165px;
	width: 375px;
	background-repeat: no-repeat;
	margin-top: 20px;
}

div.img_membership {
	background-image: url('/images/ccsl/fitness_centre/membership.jpg');
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px !important;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	float: right;
	margin-left: 20px;
	width: 360px;
	height: 150px;
	margin-top: 30px;
}

.ie div.img_membership {
	background-image: url('/images/ccsl/fitness_centre/ie_membership.jpg');
	height: 165px;
	width: 375px;
	background-repeat: no-repeat;
	margin-top: 30px;
}


/*-----------------------------------------------*/
	/* End Guthrie Road Sports Centre pages */
/*-----------------------------------------------*/


/*-----------------------------*/
	/* End new CCSL design*/
/*-----------------------------*/



h3.collapse
{
	background-image: url('/images/parents/collapseplus.gif');
}

h3.uncollapse
{
	background-image: url('/images/parents/collapseminus.gif');
}

h2.ccslh2header {
	text-transform: uppercase;
}


/* Why Clifton? button */

a.whyclifton {
	text-decoration: none;
}

div.whyclifton_button {
	width: 325px;
	height: 80px;
/*	border: 3px double #6e79b7; */
/*	border: 3px outset #6e79b7; */
	border: 2px outset #6e79b7;
	background: #002072;
	background-image: url('/whyclifton/button.png');
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
/*	color: #6e79b7;*/
	color: #e9e9e9;
	position: relative;
	margin: 0px;
}

div.whyclifton_more_details {
	position: absolute;
	width: 238px;
	top: 50px;
	left: 55px;
	text-align: right;
	border: 0px;
	position: relative;
}

div.whyclifton_more_details span.arrow {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	position: relative;
}

div.transparentWhyCliftonButton
{
	background: none;
	height:70px; 
	width:235px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../whyclifton/newButton.png' ,sizingMethod='crop');
}


/* Sub-navigation */

div.sub_navigation {
	padding-right: 12px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 11px;
	background: #6e79b7;                                    
	float: right;
	clear: none;
	margin-left: 0px;
	color: #aeb9f7;
	margin-right: -8px;
	margin-top: -20px;
	padding-top: 3px;
	height: 17px;
}

.ie div.sub_navigation {
	height: 20px;
}

div.sub_navigation a {
	color: #aeb9f7;
}

div.sub_navigation a:visited {
	color: #aeb9f7;
}

div.sub_navigation a:hover {
	color: white;
}

img.sub_navigation_edge {
	clear: none;
	float: right;
	margin-right: 0px;
	margin-top: -20px;
}

.ie img.sub_navigation_edge {
	margin-right: -3px;
}



/* Test new news */


div.news_frontpage_lead {
	background: #f5f5f5;
	height: 120px; 
	border: 1px solid black;
/*	width: 320px; */
	width: 100%; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 16px;
	margin: 0px;
}


div.news_frontpage {
	width: 148px;
	height: 132px;
	border: 1px solid black;
	position: relative;
	margin-top: 8px;
	margin-bottom: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

div.news_frontpage_lead div.news_frontpage {
	height: 120px !important;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: -1px;
	margin-right: 16px; 
}

div.news_frontpage div.heading {
	position: absolute;
	background: #eeeeee;
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	margin-left: 0px !important;
	padding: 4px;
	width: 140px;
	height: 15px;
	border-bottom: 1px solid #777777;
	font-weight: bold;
}

.ie div.news_frontpage div.heading {
	width: 146px;
}

div.news_frontpage_lead div.heading {
	top: 102px;
	height: 13px;
	border-top: 1px solid #777777;
	padding-top: 0px;
}

div.news_frontpage_caption_background {
	position: absolute;
	top: 102px;
/*	width: 147px; */
	width: 134px;
	padding: 3px;
	padding-left: 8px;
	padding-right: 6px;
	padding-top: 7px;
	opacity: 0.70;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	background-image: url('/whyclifton/banner.png');
	color: black !important;
	height: 19px;
	text-align: center;
	border-top: 1px solid #0050A2;
	font-weight: bold;
}

.ie div.news_frontpage_caption_background {
	top: 98px;
	width: 146px;
	height: 32px;
}

div.news_frontpage_lead div.news_frontpage_caption_background {
	height: 16px;
	padding-top: 4px;
	top: 0px;
}

div.news_frontpage_caption {
	position: absolute;
	top: 100px;
/*	width: 147px; */
	width: 134px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 9px;
	color: white;
	height: 20px;
	text-align: center;
}

.ie div.news_frontpage_caption {
	width: 146px;
	height: 32px;
	top: 98px;
}

div.news_frontpage_lead div.news_frontpage_caption {
	height: 16px;
	padding-top: 4px;
	top: 0px;
}

.ie div.news_frontpage_lead div.news_frontpage_caption {
	width: 146px;
	height: 32px;
	top: 0px;
	border: 1px solid red;
}

div.news_frontpage h2 {
	position: absolute;
	top: 4px;
	left: 4px;
	color: #b11b34 !important; 
}

div.news_frontpage_lead h2 {
	top: 103px;
	border: 1px solid green;
}

div.news_frontpage_caption a {
	color: #dddddd !important;
	font-weight: bold;
	font-size: 11px !important;
}

div.news_frontpage_caption a:hover {
	color: white !important;
	font-weight: bold;
}


/* Kludge */

.ie span#story_418 {
	font-size: 11px !important;
}

.ie span#story_418 a {
	font-size: 10px !important;
}


/*Butcombe image browser selector*/

.ie div.nursery_images {
	margin-left: 30px;
}

.gecko div.nursery_images {
	margin-left: 50px;
}

/*end*/



.ie div.hr_spacer {
	height: 0px;	
	width: 100%;
	clear: both;
}

.gecko div.hr_spacer {
	height: 20px;
	width: 100%;
	clear: both;
}

.ie div.spacer {
	height: 0px;	
	width: 100%;
	clear: both;
}

.gecko div.spacer {
	height: 20px;
	width: 100%;
	clear: both;
}



/*Pre ECDL image browser selector*/

.ie div.pre_ecdl_image {
	margin-left: 20px;
}

.gecko div.pre_ecdl_image {
	margin-left: 50px;
}

/*end*/




/* Sitemap */

ul.sitemap {
	margin-bottom: 0px;
	margin-top: 0px;
}

ul.sitemap li {
	margin-bottom: 0px;
	margin-top: 0px;
}

ul.sitemap li a {
	font-weight: bold;
}

ul.sitemap ul li a {
	font-weight: normal;
}

/*end*/


/*Why Clifton? More About Bristol - Clifton Polo Club*/

div.clifton_polo_text {
	float: right;
	width: 550px;
	height: 70px;
	margin-top: -20px;
}


.ie div.clifton_polo_section {
	margin-top: -30px;
}

/*end*/



/*3 images Table (used in Pre Geog trips)*/

table.three_images {
	width: 640px;
	border: none;
}

table.three_images td {
	width: 210px;
	border: none;
}

/*end*/



/*John's Pre School Homework Page*/

ul.homework_page {
	line-height: 1.5;
}

/*end*/



/*Away Days IE6 Selector*/

.ie6 div.awaydays {
	width: 99%;
}


.ie6 div.awaydays p{
	width: 98%;
}


.ie6 div awaydays div.shadowleft {
	width: 370px;
	height: 146px;
}


/*end*/


/*CCSL Saturday Morning Activities*/


div.image_placeholder {
	padding-left: 37px;
	padding-bottom: 20px;
}


.ie7 div.image_placeholder {
	padding-left: 45px;
}


.ie6 div.image_placeholder {
	padding-left: 45px;
}


div.sat_morn_acts {
	text-align: center;
	margin-bottom: 13px;
}



table.sat_morn_acts {
	text-align: center;
	width: 70%;
	margin-bottom: 20px;
	margin-left:70px;
}

/*
table.sat_morn_acts td {
	border: 1px solid black;
	border-collapse: collapse;
}*/

div.blue_text {
	color: #000099;
	font-size: 14px;
	font-weight: bolder;
}


div.phone {
	font-size: 22px;
	font-weight: bolder;
}


/*end*/






/* Butcombe Kam School*/

.ie img.butcombe_kam_school {
	margin-top: -2px;
}


/*end*/



/* Test CCSL front page spacer */

div.ccsl_fp_spacer {
 	height: 40px;
	clear: both;
}

img.left {
	float: left;
	margin-left: 30px;
}

img.right {
	float: right;
	margin-right: 30px;
}


/*OCS icon spacer - middle column*/

.ie div.oc_icon_spacer {
	height: 10px;
}

.gecko div.oc_icon_spacer {
	height: 20px;
}

/*end*/



/*Student Contributions - Roger Alton interviews*/

img.right_rogeralton {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 1px;
}

.gecko img.right_rogeralton {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 1px;
}

/*end*/


/*Pre News Primary Science Day*/

table.primary_science_day td.times{
	font-weight: bold;
	text-align: left;
	width: 70px;
}

table.primary_science_day td.desc {
	font-weight: bold;
	text-align: left;
	width: 150px;
}

div.pre_primaryscienceday_box {
	border: 1px solid black;
	text-align: center;
}

h1.primaryscienceday {
	color: #000000;
	text-align: center;
	font-size: 18px;
	padding-bottom: -10px;
}

h2.primaryscienceday {
	color: #000000;
	text-align: center;
}

h3.primaryscienceday {
	color: #000000;
	text-align: center;
	font-size: 12px;
}

/*end*/



/*Lorna's testing code*/
	
/*		div.gradienttest {
			height: 200px;
			width: 200px;
			border: 1px solid black;
		  background-color: #9900CC;
			filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#9900CC', gradientType='0';
			position: relative;
		}
		
		div.gradienttest_inner {
			height: 100px;
			width: 100px;
	  	 	border: 1px solid black;
		  background-color: #9900CC;
			filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#9900CC', startColorstr='#FFFFFF', gradientType='0';
		 	position:absolute;
		}
*/
		
		div.gradienttest {
			height: 70px;
			width: 124px;
			border: 1px solid black;
			background-image: url('/images/ccsl/redgrave/1px_gradient_tint.png');
			background-repeat: repeat-x;
		}
		
		.firefox div.gradienttest_inner {
			height: 200px;
			width: 800px;
	  	 	border: 1px solid black;
		 	background-image: url('/images/ccsl/redgrave/1px_gradient_tint_inner.png');
			background-repeat: repeat-x;
		}
		
		p.gradient {
			font-weight: bold;
			font-size: 14px;
			vertical-align: center;
		}
		
		p.ccf_staff {
			font-weight: bold;
		}
	
		.ie p.ccf_staff {
			font-weight: bold;
		}
		
		.safari p.ccf_staff {
			font-weight: bold;
		}
		
		
/*end*/


/* EMERGENCIES */

div.emergencies {
	margin: 0px !important;
	padding: 0px !important; 
} div.emergencies p {font-size: 11px; font-weight: bold; } 

div.frontpage_emergencies {
	margin-bottom: 0px;
}

div.emergencies h3 {
	color: #b11b34;
	margin-bottom: 0px !important;
	text-decoration: blink;
}

/*end*/


span.percival_links {
	display: inline !important;
	width: 100%;
}

div.percival_links {
	display: inline !important;
	width: 100%;
	font-size: 12px;
	text-align: center !important;
	position: relative;
}

.ie8 span.percival_links {
	display: inline !important;
	width: 100%;

}

.ie8 div.percival_links {
	display: inline !important;
	width: 100%;
	font-size: 12px;
	text-align: center;
	position: relative;
}


/* Top right banner test - Lorna */

div.banner_right {
	float: left;
	clear: none;
	margin: 0;
	width: 360px;
	height: 120px;
	border-top: 1px solid gray;
	background: #003082;
	background-repeat: no-repeat;
	background-image: url('/images/top_right_cc_upper.png');
}

.upper div.banner_right {
	background-image: url('/images/top_right_cc_upper.png');
}

.pre div.banner_right {
	background-image: url('/images/top_cc_pre.png');
}

.butcombe div.banner_right {
	background-image: url('/images/top_cc_but.png');
}

/* end Top right banner test - Lorna */


/* OCS Tony Cottrell poetry */

div.tony_cottrell {
	float: left;
	clear: none;
	width: 20%;
}

/* End OCS Tony Cottrell */


div.menu_advert {
	margin-top: 15px;
	margin-left: 15px;
}

span.menu_advert {
	display: block;
}

ul.bristol_paris {
	margin-left: -30px;
}

.ie ul.bristol_paris {
	margin-left: 50px;
}


/* OCS Announcements page */

div.oc_announcements_left_column {
	float: left;
	width: 48%;
	border-right: 1px dashed grey;
	padding-right: 10px;
}

div.oc_announcements_right_column {
	float: right;
	width: 49%;
	clear: none;
	padding-left: 0px;
}

span.oc_announcements {
	color: #b11b34;
	font-weight: bold;
}

/* End OCS Announcements page */



/* Thought for the Week class */

.tftw {
	font-size: 10px;
}

/* end */

a.next {
	float: right;
	font-style: italic;
	margin-top: 30px;
	display: inline;
}

a.prev {
	float: left;
	font-style: italic;
	margin-top: 30px;
	display: inline
}

.indent {
	margin-left: 30px;
	width: 90%;
}

.red_header {
	font-weight: bold;
	color: #6c1b72; /* THIS IS ACTUALLY PURPLE! USED FOR THE OCS EVENTS */
}

.red {
	color: red;
	font-size: 12px;
}

span.back {
	float: left;
	clear: both;
	padding-top: 20px;
	padding: 20px 0px 20px 0px;
}

span.next {
	float: right;
	clear: both;
	padding: 20px 0px 20px 0px;
}


div.announcement {
	-webkit-border-top-left-radius: 24px;
	-webkit-border-top-right-radius: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-webkit-border-bottom-right-radius: 24px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-topright: 24px;
	-moz-border-radius-bottomleft: 24px;
	-moz-border-radius-bottomright: 24px;
	border-radius: 24px;
	border: 1px solid #2d429f;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 5px #777777;
	background: -moz-linear-gradient(100% 100% 90deg, #d0d0d0, #ffffff );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d0d0d0));
	padding: 7px;
	background-color: #e7e7e7;
	width: 80%;
	margin-bottom: 15px;
	margin-left: 30px;
	height: 95px;
	background-repeat: no-repeat;
}

.ie9 div.announcement {
	/*background-image: url('/images/pre/ie_fp_grey_curve_box.png');*/
	border: 0px;
	width: 80%;
	background-repeat: no-repeat;
	background-color: white;
	border: 1px solid #2d429f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#ffffff');
	height: 120px;
	margin: 30px;
	padding-bottom: 20px;
}

.ie8 div.announcement {
	border: 1px solid #2d429f;
	height: 170px;
}

div.announcement h2 {
	text-align: center;
	margin-top: 1px;
}

div.announcement p {
	text-align: center;
	margin-top: 4px;
}

.ie div.announcement h2 {
	text-align: center;
	margin-top: 10px;
}

.ie9 div.announcement p {
	margin-top: 10px;
	width: 380px;
	margin-left: 10px;
	padding-left: 60px;
	font-color: black;
	height: 90px;
	padding-bottom: 20px;
}

.ie8 div.announcement p {
	margin-top: 10px;
	width: 380px;
	margin-left: 10px;
	padding-left: 60px;
	font-color: black;
	padding-bottom: 20px;
}

.strikethrough {
	text-decoration: line-through;
}

.red_text {
	text-align: center;
	color: #CC0000;
	font-size: 11px;
	font-weight: bolder;
}

.blink {
	text-decoration: blink;
}

span.bold {
	font-weight: bold;
}

/* NEW IMAGE POSITIONING AND SHADOW WITHOUT THE USE OF DIVS. NOTE THE ROTATE LEFT AND RIGHT! */

/* NO ROTATE */
img.right {
	float: right;
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 0px 0px 7px 10px;
	position: relative;
}

img.right2 {
	float: right;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg;);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}

img.right5 {
	float: right;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg;);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}

img.right9 {
	float: right;
	-webkit-transform: rotate(9deg);
	-moz-transform: rotate(9deg;);
	-ms-transform: rotate(9deg);
	-o-transform: rotate(9deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}

img.right-5 {
	float: right;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg;);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}

/* NO ROTATE */
img.left {
	float: left;
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 0px 10px 5px 0px;
	position: relative;
}

img.left5 {
	float: left;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg;);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}

img.left-5 {
	float: left;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg;);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}

img.left-9 {
	float: left;
	-webkit-transform: rotate(-9deg);
	-moz-transform: rotate(-9deg;);
	-ms-transform: rotate(-9deg);
	-o-transform: rotate(-9deg);
	-webkit-box-shadow: 0px 0px 16px #333333;
	-moz-box-shadow: 0px 0px 16px #333333;
	box-shadow: 0px 0px 16px #333333;
	margin: 20px;
	position: relative;
}


/* STANDARD DYNAMIC LIST WITH CURVED CORNERS AND GRADIENTS. GRADIENTS ETC DON'T WORK IN IE<9, OF COURSE! */

dt.standard_title {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid darkgray;
	-webkit-border-top-left-radius: 24px;
	-webkit-border-top-right-radius: 24px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-topright: 24px;
	padding: 16px;
	padding-bottom: 12px;
	margin: 8px;
	margin-bottom: 0px;
	margin-top: 24px;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	background-color: hsl(39,24%,86%);
	background-color: #E4DED3;	/* IE<9 */
	background: -moz-linear-gradient(100% 100% 90deg, #ffffff, #d0d0d0 );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d0d0), to(#ffffff));
}

dt.standard_title span {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

dd.standard {	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid darkgray;
	padding: 16px;
	margin: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: white;
	height: 93px;
}

.ie dd.standard {
	height: 101px;
}



dd.standard ul {
	padding-left: 40px;
	list-style-type: disc;
	margin-left: 50px;
	float: left;
	clear: none;
}


dd.standard_footer {
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 16px;
	margin: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: white;
	border-top: 0px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	-webkit-border-bottom-left-radius: 24px;
	-webkit-border-bottom-right-radius: 24px;
	-moz-border-radius-bottomleft: 24px;
	-moz-border-radius-bottomright: 24px;
	background-color: hsl(39,24%,86%);
	background-color: #E4DED3;	/* IE<9 */
	background: -moz-linear-gradient(100% 100% 90deg, #d0d0d0, #ffffff );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#d0d0d0));
	text-align: center;
	clear: both;
	height: 15px;
}

span.new_window {
	color: black;
	font-weight: normal;
}