/* Text sizing styles */

.rightColumn h3,
.rightColumn p,
#rightlist {
	font-size:				8pt;
}
/*/*/a{}
body .rightColumn h3,
body .rightColumn p,
body #rightlist {
	font-size:				xx-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				x-small;
}
html>body .rightColumn h3,
html>body .rightColumn p,
html>body #rightlist {
	font-size:				x-small;
}
/* */




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




#sectionTitle{
	font-size:				14pt;
}
#sectionTitle2{
	font-size:				14pt;
}
#sectionTitle3{
	font-size:				14pt;
}
#sectionTitle4{
	font-size:				14pt;
}
/*/*/a{}
body #sectionTitle {
	font-size:				medium;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				large;
}
html>body #sectionTitle {
	font-size:				large;
}
html>body #sectionTitle2 {
	font-size:				large;
}
html>body #sectionTitle3 {
	font-size:				large;
}
html>body #sectionTitle4 {
	font-size:				large;
}
/* */




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;
	text-decoration:		none;
}
a:hover {
	color:					#00c;
	text-decoration:		underline;
}


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

#sectionTitle {
/*	background:				#306;*/
	background:				#1f0069;
	color:					#fff;
	padding:				5px;
	padding-left:				13px;
	clear:					both;
	margin-bottom:			5px;
}
#sectionTitle2 {
/*	background:				#306;*/
	background:				#CF7F00;
	color:					#fff;
	padding:				5px;
	padding-left:				13px;
	clear:					both;
	margin-bottom:			5px;
}
#sectionTitle3 {
/*	background:				#306;*/
	background:				#D81E05;
	color:					#fff;
	padding:				5px;
	padding-left:				13px;
	clear:					both;
	margin-bottom:			5px;
}
#sectionTitle4 {
/*	background:				#306;*/
	background:				#1f0069;
	color:					#fff;
	padding:				5px;
	padding-left:				13px;
	clear:					both;
	margin-bottom:			5px;
}
#content {
	float:					left;
	position:				relative;
	top:					10px;
	overflow:				hidden;
	
/*	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:					590px;
}
#content{
	width:					590px;
}

#contentWithColumn {
	width:					580px;
	float:					left;
	margin-left:			20px;
	top:					10px;
	overflow: hidden;

/* commented backslash hack v2 hide from mac ie5 \*/ 	
	display:				inline;
	width:					580px;
/* end hack */
/*	width:					50%;*/
}
.about {
	width:					580px;
}

.about-head{
	width:					575px;
	float:					left;
    background-image:		url(../../img/about-head.jpg);
	color:					#073772;
	padding-left:			8px;
	padding-bottom:			8px;
}
.content{
	width:					567px;
    background-color:		#e3e9f2;
	padding-top:			13px;
	padding-left:			8px;
	padding-right:			8px;
	line-height:			20px;
	overflow: hidden;
	float: left;
}
.content p{
	padding-left:			20px;
	padding-right:			20px;
}
.content table{
	margin-left:			20px;
}
.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;
}
.rightListContent ul {
	margin:				0px;
	padding-top:			0px;
	padding-left:			16px;
}

/* New styles for right column to be used in place of previous styles */
.rightColumn {
/*	width:				174px;*/
	width:				164px;
	background-color:		#f0f0f5;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	border:				1px #aaa solid;
	float:				right;
	margin-top:			10px;
	margin-left:			12px; 	
	margin-bottom:			12px;
	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;
}
.rightColumn p {
	padding-top:		4px;
	padding-bottom:		4px;
	margin:				0px;
}
.rightColumn ul {
	margin:				0px;
	padding-top:		0px;
	padding-left:		16px;
}
.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;
}
/*
.facultiesHeader{
	margin-bottom:		5px;
	padding:		5px;
	text-align:		center;
	width:			95%;
	background:		#1f0069;
	color:			#fff;
}
.facultiesHeader a,
.facultiesHeader a:visited,
.facultiesHeader a:link,
.facultiesHeader a:hover{
	color:			#fff;
	text-decoration:	none;
}
*/