﻿/* Text sizing styles */

#rightlist {
	font-size:				8pt;
}

.rightColumn p {
	font-size:				8pt;
}

.rightColumn h3 {
	font-size:				8pt;
}
/*/*/a{}
body #rightlist {
	font-size:				xx-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				x-small;
}
body .rightColumn p {
	font-size:				xx-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				x-small;
}
body .rightColumn h3 {
	font-size:				xx-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				x-small;
}
html > body #rightlist {
	font-size:				x-small;
}
html > body .rightColumn p {
	font-size:				x-small;
}
html > body .rightColumn h3 {
	font-size:				x-small;
}
/* */




li {
	font-size:				10pt;
}




ol {
	font-size:				10pt;
}




ul {
	font-size:				10pt;
}




p {
	font-size:				10pt;
}




div {
	font-size:				10pt;
}
/*/*/a{}
body li {
	font-size:				x-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				small;
}
body ol {
	font-size:				x-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				small;
}
body ul {
	font-size:				x-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				small;
}
body p {
	font-size:				x-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				small;
}
body div {
	font-size:				x-small;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				small;
}
html > body li {
	font-size:				small;
}
html > body ol {
	font-size:				small;
}
html > body ul {
	font-size:				small;
}
html > body p {
	font-size:				small;
}
html > body div {
	font-size:				small;
}
/* */




#sectionTitle{
	font-size:				8pt;
}
/*/*/a{}
body #sectionTitle {
	font-size:				medium;
	voice-family:			"\"}\"";
	voice-family:			inherit;
	font-size:				large;
}
html>body #sectionTitle {
	font-size:				large;
}
/* */




body{
	/*BACKGROUND: url("/images/body.gif") #474747 repeat-y center top;*/
	BACKGROUND: url("/images/body.gif") #474747 repeat-y center top;
	margin-top:			0px;
	margin-left:			0px;
	margin-right:			0px;
	margin-bottom:			0px;
	font-family:			Arial, Verdana,  Helvetica, Sans-serif;
}







blockquote {
	text-align:				left;
}







.inline {
	text-align:				left;
}







#contentWithColumn {
	text-align:				left;
}







#content {
	text-align:				left;
}







h4 {
	text-align:				left;
}







h3 {
	text-align:				left;
}







h2 {
	text-align:				left;
}







h1 {
	text-align:				left;
}







li {
	text-align:				left;
}







ol {
	text-align:				left;
}







ul {
	text-align:				left;
}







div {
	text-align:				left;
}







p {
	text-align:				left;
}

.centre-align {
	text-align:				center;
}

/* commented out - is this needed?
p {
	clear:					both;
}
*/

form {
	border:					none;
	padding:				0px;
	margin:					0px;

}

img {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	padding: 0px;
	margin: 0px;
	float: right;
	text-align: center;
}

fieldset {
	border:					none;
	padding:				0px;
	margin:					0px;
}

a:active {
	color:					#00c;
}

a:visited {
	color:					#00c;
}

a:link {
	color:					#00c;
}
a:hover {
	color:					#00c;
	text-decoration:		none;
}


#contentArea1 {
	float:					left;			
	width:					778px;
	margin-bottom:			20px;
/* commented backslash hack v2 hide from mac ie5 \*/
	clear:					both;
	display:				block;
/* end hack */
}

#contentArea{
	BORDER-TOP: #fff 6px solid;
	MARGIN: 0px auto;
	WIDTH: 900px;
	background:#FFFFFF;
	border-color:#FFFFFF;
}

#sectionTitle {
/*	background:				#000000;*/
	background:				url('/images/background-strip.jpg');
	color:					#fff;
	padding-top:			8px;
	padding-bottom:			8px;
	padding-left:			13px;
	clear:					both;
	margin-bottom:			8px;
	margin-top: 			8px;
	height:					45px;
}

#content {
	float:					left;
	position:				relative;
	top:					10px;
	
/*	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:					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;
}
.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;
}
*/