/* following three styles are potential safari 2 fixes */
form { 
	padding: 0 !important;
	margin: 0 !important;
}
#MainContent {
	width: 594px !important;
}



/* General styles */

#content p, #content table {
	font-size: .8em;
}
#contentWithColumn p, #contentWithColumn table {
	font-size: .8em;
}
#content h2, #contentWithColumn h2 {
	width:568px;
	color:black;
	border:none;
}
#content div, #contentWithColumn div {
	font-size: .8em;
}

body {
	margin: 0;
	padding: 0;
	/*background: #FFFFFF url('/SiteElements/images/bg/Body.gif') repeat-x top left;*/
	background:#eeeeee;
	text-align: center;
}

/* Not sure why these styles are needed IW 18/1/08 */
/*a {color: #383D41; text-decoration: none;}
a:hover {
	text-decoration: underline !important; color: #D81E05;
}*/

a:link, a:visited, a:active {
	text-decoration: none;
	color: #2420BE;
}
a:hover {
	color: #D81E05;
	text-decoration: underline;
}



/* Not sure why these styles are needed IW 18/1/08 */
/*h2 {
	display: block;
	height: 26px;
	float: left;
	width: 764px;
	margin: 0;
	padding: 6px 0 0 10px;
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: normal;
	font-family: Arial, sans-serif !important;
	border-top: 1px solid #ffffff;
}*/




h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;	
}

.fright {
	float: right;
}
.fleft {
	float: left;
}
.hidden {
	display: none;
}
.red {
	color: #D81E05;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/* ---------------------------------- Page Properties ------------------------------------- */
#Page {
	width: 778px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}
#OuterDropShaddow{
	float: left;
	width: 776px;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	background-color: #FFFFFF !important;
}
#InnerDropShaddow{
	float: left;
	width: 774px;
	border-bottom: 1px solid #ACACAC;
	border-left: 1px solid #ACACAC;
	border-right: 1px solid #ACACAC;
	background-color: #FFFFFF !important;
}


/* ------------------------------------- SectionTitle -------------------------------------- */

/*
h2{
	font-family: Arial, sans-serif !important;
	background: #D81E05;
}
*/

/* ------------------------------------- Left Main Links ----------------------------------- */
#LeftMainLinks {
	font-family: Arial, sans-serif;
	float: left;
	width: 174px;
	height: 550px;
	background: #ffffff;
	padding-left: 6px;
	overflow: hidden; /* for now this is my IE6 hack */
}

#LeftMainLinks ul {
	margin: 6px 0 0 0;
	padding: 5px 0 0 5px;
	list-style: none;
	float: left;
	width: 179px;
	height: 539px;
}
#LeftMainLinks li {
	float: left;
	width: 160px;
	height: 61px;
	margin-bottom: 17px;
}
#LeftMainLinks li a {
	width: 148px;
	height: 47px;
	padding: 14px 6px 0 6px;
	font-size: 20px;
	line-height: 20px;
	float: left;
	color: #79390B;
}

/* removed as was causing bug in opera9 - not sure why we need this now anyway*/
/*#LeftMainLinks li a:first-line {
	font-size: 16px !important;
}
#LeftMainLinks li a:hover {
	color: #79390B !important;
}*/


/* ----------------------------------Left Menu -------------------------------------------------- */

/* see sidemenu.css stylesheet */


/* ----------------------------------- Main Image and Feature Space ----------------------------- */
#MainContent {
	float: left;
	background: #FFFFFF;
}

#MainFeatureSpace {
	font-family: Arial, sans-serif !important;
	position: relative; /* This is for the floating layer */
	width: 590px;
	height: 274px;
	float: left;
	padding: 10px 0 0 4px;
	background: #ffffff;
}

/* Feature Template 1 */
#MainFeatureSubtitle {
	display: block;
	float: left;
	width: 570px;
	height: 38px;
	padding: 7px 0 0 10px;
	background: #A5AFB6 url('/SiteElements/images/bg/MainFeatureSubTitle.gif') repeat-y top left;
}
#MainFeatureSubtitle h3 {
	color: #ffffff;
	float: left;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	width: 400px;
}
#MainFeatureSubtitle p {
	float: left;
	color: #000000;
	padding: 0;
	margin: 0;
	font-size: .75em;
	z-index: 50;
}
#MainFeatureSpace img {
	float: left;
}
#MainFeatureSubtitle a {
	color: #D81E05;
	font-size: .9em;
	padding-right: 10px;
	background: url('/SiteElements/images/bg/More.gif') no-repeat center right;
}
#MainFeatureDate {
	font-family: /*"Humnst777 BT",*/ Arial, sans-serif;
	float: right;
	height: 38px;
	font-size: 1.7em;
	padding-right: 8px;
	color: #D81E05;
}
#MainFeatureDateDay{color: #ffffff !important;}
#MainFeatureDateMonth{color: #ffffff !important;}
#MainFeatureDateYear{}

/* Feature Template 1 with Image Over */
#MainFeatureImageOver {
	position: absolute;
	bottom: -3px;
	right: 10px;
	width: 381px;
	height: 260px;
	z-index: 0;
}

/* Feature Template 2 */
#MainFeatureAbsoluteText {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 240px;
	height: 240px;
}
#MainFeatureAbsoluteText h3 {
	font-size: 48px;
	line-height: .8em;
	font-family: /*"Humnst777 BT",*/ Arial, sans-serif;
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
#MainFeatureAbsoluteText p {
	font-size: .75em;
}
#MainFeatureAbsoluteText a {
	color: #D81E05;
	font-size: .9em;
	padding-right: 10px;
	background: url('/SiteElements/images/bg/More.gif') no-repeat center right;
}


/* -------------------- Important Links - Right bottom --------------------------------------- */
#ImportantLinks {
	float: left;
	padding-left: 4px;
	width: 173px;
	background: #ffffff;
}

#OpenDay, #Prospectus, #CourseFinder {
	height: 64px;
	width: 165px;
	float: left;
	padding: 19px 0 6px 11px;
	display: block;
	font-family: Arial, sans-serif;
	color: #963124 !important;
	line-height: 25px;
}

#OpenDay a, #Prospectus a, #CourseFinder a {
	color: #963124 !important;
}
#OpenDay a:hover, #Prospectus a:hover, #CourseFinder a:hover {
	text-decoration: underline;
}

#OpenDay a .first_line, #Prospectus a .first_line, #CourseFinder a .first_line {
	font-weight: bold !important;
	font-size: 18px !important;
}
#OpenDay a .second_line, #Prospectus a .second_line, #CourseFinder a .second_line {
	font-weight: normal !important;
	font-size: 30px;
}

#OpenDay:hover, #Prospectus:hover, #CourseFinder:hover {
	cursor: pointer;
}
#OpenDay {
	background: #ffffff url('/SiteElements/images/bg/OpenDays.gif') no-repeat top left;
}
#Prospectus {
	background: #ffffff url('/SiteElements/images/bg/Prospectus.gif') no-repeat top left;
}
#CourseFinder {
	background: #ffffff url('/SiteElements/images/bg/CourseFinder.gif') no-repeat top left;
}


/* ------------------------ Main Content Area------------------------------------------------ */

#GenericPageContentArea {
	margin: 10px 0 0 0;
	font-family: Arial, sans-serif;
	font-size: .8em !important;
	width: 590px !important;
	float: left;
}

#GenericPageContentArea #ContentColumn { 
	background: url(/SiteElements/images/bg/genericPageMainColumnBorder.gif) repeat-y top right; 
	width: 423px;
	padding-right: 13px;
	float: left;
	overflow: hidden;
}
#GenericPageContentArea #ContentColumn p {width: 423px;}

#GenericPageContentArea # RelatedLinks {
}

/* --------------------------------------------- */
/* need to revisit once chris has design in mind */
/* --------------------------------------------- */
#GenericPageContentArea p{ width: 450px; }


/* ------------------------------------------------------------------------------------------ */
/* styles from old common.css style sheet        */



#content div,
#content p,
#content ul,
#content ol,
#content li,
#contentWithColumn li {
	font-size:				10pt;
}
/*/*/a{}
body #content div,
body #content p,
body #content ul,
body #content ol,
body #content li,
body #contentWithColumn li {
	font-size:				x-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				small;
}
html>body #content div,
html>body #content p,
html>body #content ul,
html>body #content ol,
html>body #content li,
html>body #contentWithColumn li {
	font-size:				small;
}
/* */

#sectionTitle{
	display: block;
	height: 26px;
	float: left;
	width: 764px;
	margin: 0;
	padding: 6px 0 0 10px;
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: normal;
	font-family: Arial, sans-serif !important;
	/*border-top: 1px solid #ffffff;*/
	color:					#fff;
	background: #D81E05;
}


body{
	margin-top:			0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	font-family:			Arial, Verdana,  Helvetica, Sans-serif;
}







p,
div,
ul,
ol,
li,
/*h1,*/
h2,
h3,
h4,
#content,
#contentWithColumn,
.inline,
blockquote {
	text-align:				left;
}

.centre-align {
	text-align:				center;
}

/* commented out - is this needed?
p {
	clear:					both;
}
*/


img,
form {
	border:					none;
	padding:				0px;
	margin:					0px;

}

fieldset {
	border:					none;
	padding:				0px;
	margin:					0px;
}

/*a:link, a:visited, a:active {
	color:					#00c;
}
a:hover {
	color:					#00c;
	text-decoration:		none;
}*/


#contentArea {
	float:					left;
	width:					774px;	/*Changed from 778px*/
	margin-bottom:				20px;
/* commented backslash hack v2 hide from mac ie5 \*/
	clear:					both;
	display:				block;
/* end hack */
}

#content {
	float:					left;
	position:				relative;
	top:					10px;
	text-align:left;
	
/*	position:				absolute;
	left:					186px;
	top:					184px;*/

/*	width:					590px;*/
/*	margin-right:				2%;*/
/* commented backslash hack v2 hide from mac ie5 \*/ 
	display:				inline;
/*	width:					592px;*/
/* end hack */

	overflow: hidden;
	
	/*o\verflow: visible;*/
	
	/*width: 100%;
	w\idth: auto;
	he\ight: 1%;*/
}
/* hack for firefox */
html>body #content{
	width:					578px;	/*580*/
}
#content{
	width:					578px;	/*580*/
}



#content p{
/*overflow: visible;*/
}




#contentWithColumn {
	width:					400px;
	float:					left;
	position:				relative;
	top:					10px;
/* commented backslash hack v2 hide from mac ie5 \*/ 	
	display:				inline;
	width:					406px;
/* end hack */
/*	width:					50%;*/
}

.imgBlkBdr {
	border:				1px solid #000;
}


/* This style creates a yellow borderless box to be placed under the menu */
.underMenu {
	margin:				11px;
	padding:			6px;
	background:			#FFC;
	color:				#333;
}




/*  This section of the stylesheet contains the old styles for a right-side column
    and the new styles for this column, redefined with a more logical name and
    using an h3 tag for the title */
    
/* Old styles to be kept until we are sure no page is using them */
#rightlist {
	width:				156px;
	background-color:		#f0f0f5;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	border:				1px #aaa solid;
	float:				right;
	margin-top:			10px;
	margin-left:			12px;
	padding:			8px;
/* commented backslash hack v2 hide from mac ie5 \*/
	display:			block;
/* end hack */
}
.rightListHeader {
	font-weight:			bold;
	padding-bottom:			4px;
	border-bottom:			1px #aaa solid;
}
.rightListContent {
	padding-top:			4px;
	margin:				0px;
	font-size:			0.8em;
}
.rightListContent ul {
	margin:				0px;
	padding-top:			0px;
	padding-left:			16px;
}

/*#rightContent {
	margin-right:	10px !important;
}*/


/* New styles for right column to be used in place of previous styles */
.rightColumn {
/*	width:				174px;*/
	width:				160px;
	background-color:		#f0f0f5;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	border:				1px #aaa solid;
	float:				right;
	margin-top:			10px;
	margin-left:			10px; 	
	margin-bottom:			12px;
	margin-right:10px !important;
	padding:			4px;
	overflow:			auto;
	text-align:			justify;
/* commented backslash hack v2 hide from mac ie5 \*/
	display:			block;
/* end hack */
}
.rightBox {
	width:				156px;
	background-color:	#f0f0f5;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border:				1px #aaa solid;
	float:				right;
	margin-top:			0px;
	margin-top:			8px;
	margin-left:		12px; 	
	padding:			8px;
	overflow:			auto;
	text-align:			justify;
/* commented backslash hack v2 hide from mac ie5 \*/
	display:			block;
/* end hack */
}
.rightColumn h3 {
	font-weight:		bold;
	margin:				0px;
	padding:			0px;
	padding-bottom:		4px;
	border-bottom:		1px #aaa solid;
	font-size:	.75em !important;
}
.rightColumn p {
	padding-top:		4px;
	padding-bottom:		4px;
	margin:				0px;
	font-size:	.75em !important;
}
.rightColumn ul {
	margin:				0px;
	padding-top:		0px;
	padding-left:		16px;
	font-size:	.75em !important;
}
.row{
	clear:			both;
	margin-top:		4px;
	margin-bottom:		4px;
}
/*p em,
p i{
	display:		inline;
	margin-right:		-2px;
}
.italicParagraph{
	display:		inline-block;
	font-style:		italic;
	width:			99%;
}*/

/* Alternating colour block styles for use with addresses etc. */

#content .infoBox{
	width:					88%;
	margin-left:				6%;
	margin-right:				6%;
	margin-top:				20px;
	margin-bottom:				20px;
}
#contentWithColumn .infoBox{
	width:					90%;
	margin-left:				5%;
	margin-right:				5%;
	margin-top:				20px;
	margin-bottom:				20px;
}
.infoRow{
	clear:					both;
	padding-bottom:				20px;
	padding:				4px;
	margin-bottom:				1px;
	margin-top:				0px;
}
.addressLabel{
	margin:					0px;
	vertical-align:				top;
	padding-right:				6px;
	font-weight:				bold;
	text-align:				right;
	display:				table-cell;
	display:				inline-block;
	width:					160px; 
}
.addressInfo{
	margin:					0px;
	width:					280px;
	padding-left:				6px;
	text-align:				left;
	display:				table-cell;
	display:				inline-block;
}
#contentWithColumn .addressLabel{
	vertical-align:				top;
	width:					140px; 
}
#contentWithColumn .addressInfo{
	width:					190px;
}
.infoBoxRowOne{
	background:				#f0f0f5;
}
.infoBoxRowTwo{
	background:				#F7F7F0;
}


/* --------------------------------------------- */

/*#SecureLinks {
	width: 184px;
}
#SecureLinks {
	width: auto;#
}*/