/*
** Style sheet for St Edmund's School Canterbury
*/


/******************************************************************************
*** Page structure
******************************************************************************/

body {
	font-family:	Arial, sans-serif;
	background:	#fff;
	color:	black;
	padding:	0px;
	margin:	1em;
	text-align:	left;
}

#container {
	width:	100%;
	background:	white;
	
margin:0px;
	padding:	0px;
	text-align:	left;
}


/******************************************************************************
*** Header
******************************************************************************/

#header, #header_full {
	background:	#fff;
	color:	#000;
border:0px;
border-bottom:1px solid #888;
margin-bottom:0.5em;
padding-bottom:0.5em;
}

#header_title {
	height:	80px;
	width:	190px;
	float:	left;
}
#header_title h1, #header_title p {
	display:	none;
}

#header_contact {
	height:	80px;
	width:	200px;
	float:	right;
	font-size:	0.7em;
	text-align:	right;
	background-position:	999px 999px;
background-repeat: no-repeat;
}
#header_contact p {
	margin:	0.7em 15px 0px 0px;
}

#header_full #header_title {
	height:	250px;
}
#header_full #header_contact {
	height:	250px;
	overflow:	hidden;
}
#header_full #header_contact p {
	text-align:	right;
	position:	relative;
	left:	0px;
}

#header_line, #breadcrumbs {
	clear:	both;
	font-size:	1px;
	line-height:	1px;
	height:	1px;
background:none;
}

#breadcrumbs ul {
display:none;
}
/******************************************************************************
*** Content
******************************************************************************/

/*** Start CSS clear */
#content:after {
	content:	"."; 
	display:	block; 
	height:	0; 
	clear:	both; 
	visibility:	hidden;
}
#content {
	 overflow:	hidden;
	 _height:	1%;
}
/*** End CSS clear */

#content {
	background:	white;
}
#content_left {
display:none;
}

img {
	border:	0px;
}





/******************************************************************************
*** Body
******************************************************************************/

#content_center_container {
	margin-left:	0px;
}
#content_center {
	margin:	0px;
}

#content_center_body {
	padding:	0px 10px 20px 10px;
	font-size:	0.8em;
	line-height:	1.4em;
}

/* Hack to fix IE/win 3px jog */
/* Hides from IE5-mac \*/
* html #content_center_body {height: 1%;}
/* End hide from IE5-mac */

/*** Start CSS clear */
#content_center_body:after {
	content:	"."; 
	display:	block; 
	height:	0; 
	clear:	both; 
	visibility:	hidden;
}
#content_center_body {
	 overflow:	hidden;
	 _height:	1%;
}
/*** End CSS clear */


h2 {
	margin:	0px;
	padding:	0.8em 0px 6px 0px;
	font-size:	1.3em;
	line-height:	1em;
	font-family:	Arial, sans-serif;
	font-weight:	bold;
	color:	#bb133e;
}

h3 {
	margin:	1.2em 0px 0.8em 0px;
	padding:	0px;
	font-size:	1.2em;
	line-height:	1em;
	font-family:	Arial, serif;
	font-weight:	bold;
	color:	#bb133e;
}

p {
	margin:	0.5em 0px 1em;
}

.hr {
	margin:	1.4em 0px 1em;
	padding:	1.4em 0px 0px;
	
	border:	0px;
	border-top:	1px solid #d2d2d2;
}

a {
	color:	#4d67a6;
	text-decoration:	underlined;
}

a:hover {
	color:	#bb133e;
}

#base_left p {
	font-family:	verdana;
	font-size:	0.45em;
	padding:	0px 1em;
}

pre {
	overflow:	scroll;
}

table {
	width:	100%;
}

th, td {
	text-align:	left;
	vertical-align:	top;
	border:	1px solid #aaa;
	border-bottom-color:	#eee;
	border-right-color:	#eee;
	padding:	0px 4px;
}

table.borderless th,
table.borderless td
{
	border:	0px;
	padding:	0px;
}


/******************************************************************************
*** Right bar
******************************************************************************/

#content_right {
display:none;
}

/******************************************************************************
*** Base of columns
******************************************************************************/

#content_left {
	padding-bottom:	0px;
}

#content_center.base {
	padding-bottom:	0px;
}

#content_right.base {
	padding-bottom:	0px;
}

#base {
display:none;
}



/******************************************************************************
*** Footer
******************************************************************************/


#footer {
display:none;



/******************************************************************************
*** Boxes
******************************************************************************/

.box {
	border:	1px solid #bb133e;
	padding:	0px;
	margin:	1.4em 0px 0px 0px;
}
.box h3 {
	margin:	0px;
	padding:	0.5em;
	color:	white;
	background:	#bb133e;
}
.box p {
	margin:	0px;
	padding:	0.4em 0.6em;
}
.box p.hr {
	border:	0px;
	border-top:	1px solid #d2d2d2;
}
.box ul {
	list-style:	none;
	margin:	0px;
	padding:	0px;
}
.box li {
	margin:	0.6em 0.6em;
	padding:	0px;
}

.box_right {
	width:	240px;
	float:	right;
}
.box_left {
	width:	240px;
	float:	left;
}

.right_box {
	background:	#8c9dc5;
	color:	white;
	margin:	0px 1em;
	padding:	0.3em 0px;
}

div#content_right div.info {
	 text-align:	left;
	 border:	1px solid #aaa;
	 margin:	2em 1em;
	 padding:	4px;
}
div#content_right div.info h3, div#content_right div.info p {
	 font-size:	1em;
	 margin:	0px;
	 padding:	2px;
}

.vcard .adr {
	margin-bottom:	1.5em;
}
.vcard abbr {
	display:	block;
	float:	left;
	clear:	left;
	width:	8em;
	border:	0px;
}

/*** Start CSS clear */
.paginated:after {
	content:	"."; 
	display:	block; 
	height:	0; 
	clear:	both; 
	visibility:	hidden;
}
.paginated {
	 overflow:	hidden;
	 _height:	1%;
}
/*** End CSS clear */
.paginated a, .paginated span {
	display:	block;
	float:	left;
	line-height:	1.5em;
	height:	1.5em;
	width:	2em;
	margin:	2px;
	text-align:	center;
	border:	1px solid #eee;
	text-decoration:	none;
}
.paginated a:hover, .paginated span {
	background:	#eee;
}

/******************************************************************************
*** Calendar
******************************************************************************/


#content_right .calendar {
	float:	none;
	margin:	0px 0px 1em 0px;
}

.calendar {
	width:	165px;
	float:	left;
	display:	inline;
	margin-right:	12px;
	position:	relative;
	border-collapse:	collapse; 
}
.calendar_row {
	margin:	1em 0px 1em 0px;
	padding:	0px;
	list-style:	none;
	overflow:	hidden;
	_height:	1%;
	position:	relative;
}
.calendar_row:after {
	content:	"."; 
	display:	block; 
	height:	0; 
	clear:	left; 
	visibility:	hidden;

}


.calendar td, .calendar th {
	border:	0px;
	background:	#f6f6f6;
}
.calendar td {
	color:	#aaa;
}
.calendar td a {
	text-decoration:	none;
	display:	block;
}

.calendar_list .first {
	width:	75px;
}
.calendar_list .s {
	border:	0px;
	width:	10px;
}
.calendar_list abbr {
	display:	block;
	font-size:	10px;
	line-height:	1.3em;
	width:	1.3em;
	text-decoration:	none;
	text-align:	center;
	color:	#888;
	border:	1px solid #ccc;
}



/* Begin magic clearing */
.inline {
	margin:	0px;
	padding:	0px;
	list-style:	none;
	overflow:	hidden;
	_height:	1%;
	position:	relative;
}
.inline:after {
	content:	"."; 
	display:	block; 
	height:	0; 
	clear:	left; 
	visibility:	hidden;

}
/* End magic clearing */

.inline li {
	float:	left;
	position:	relative;
	padding:	0px 0px 0px 20px;
}

ul.inline li {
	background:	url('/images/design/bullet_ul_inline.gif') 5px 50% no-repeat;
}
ol.inline li {
	background:	url('/images/design/bullet_ol_inline.gif') 5px 50% no-repeat;
}

.inline li.first {
	padding:	0px;
	background:	none;
}

.inline a {
	color:	#999;
}

.inline a:hover {
	color:	#4d67a6;
}


/******************************************************************************
*** Newsflash
******************************************************************************/

.newsflash {
	border:	1px solid #335198;
	padding:	0px;
	margin:	1.4em 0px 0px 0px;
	clear:	both;
}
.newsflash h3 {
	margin:	0px;
	padding:	0.5em;
	color:	white;
	background:	#335198;
}
.newsflash p {
	margin:	0px;
	padding:	0.4em 0.6em;
}
.newsflash p.hr {
	border:	0px;
	border-top:	1px solid #335198;
}
.newsflash ul {
	list-style:	none;
	margin:	0px;
	padding:	0px;
}
.newsflash li {
	margin:	0.6em 0.6em;
	padding:	0px;
}