﻿/* 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:				medium;
}
html > body ol {
	font-size:				medium;
}
html > body ul {
	font-size:				medium;
}
html > body p {
	font-size:				medium;
}
html > body div {
	font-size:				medium;
}
/* */




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




body{
	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:					none;
	padding:				0px;
	margin:					0px;

}

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;
}


#contentArea {
	width:					100%;
	background: 			#FFFFFF;
	position:				relative;
	margin-bottom: 			0px;
	clear: 					both;
	display: 				block;
	color: 					#000000
}

#sectionTitle {
	background:				url('/images/sail-the-dream-strip.gif');
	width: 					989px; 
	color:					#FFFFFF;
	padding-top:			5px;
	padding-bottom:			5px;
	padding-left:			13px;
	clear:					both;
	margin-bottom:			2px; 
	font-style:				italic; 
	font-weight:			bold; 
	font-family:			Comic Sans MS;
	height:					35px;
}

#content {
	float:					left;
	position:				relative;
	top:					10px;
	display:				inline;
}

#contentWithColumn {
	width:					624px;
	float:					left;
	position:				relative;
	top:					10px;
/* commented backslash hack v2 hide from mac ie5 \*/ 	
	display:				inline;
	width:					624px;
/* 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;
}
*/