/* clear general paddings and browser settings */
body, html, pre, form, p, a	{margin: 0; padding: 0;}
ol, ul, li, dl, dt, dd		{list-style-type: none; margin:0; padding:0; border: none;}
:link, :visited				{text-decoration:none }
h1, h2, h3, h4, h5, h6		{margin: 0; padding: 0;}
img							{border:none;}
div							{border:none; margin: 0px; padding: 0px;}


/* STRUCTURE */
#wrapper1		{padding: 0px;}
#wrapper2		{text-align: left; margin: auto;}
.rm 			{position: absolute; left: -999em;}
#clear, .clear	{clear:both;}
#menu			{display:block; text-align: right;}
#header			{width:100%; height: 200px;}
#logo			{height:100px;}
.columns		{width:760px; margin: 0px; padding: 0px;}
.leftcolumn		{float: left; left: 0px; width: 120px;}
.centercolumn	{position:static; margin: 0px; padding: 0px; margin-left: 130px;}
.centerpadding	{padding-left:10px; padding-bottom:30px;}
.content		{width: 600px; padding-bottom: 20px; min-height:100%; height: 100%; min-height:330px; height:expression(this.scrollHeight < 330? "330px" : "auto" );}
.content p		{padding-bottom:10px;}
.content ol li	{list-style: decimal; margin-left:35px;}
.content ul li	{list-style: square; margin-left:25px;}
.content span.module		{padding-right:20px; line-height: 20%;}
.content span.moduleName	{line-height: 130%;}
.welcomeTitle			{padding:5px;}
.newsAnnounceContent	{padding:0px 5px 5px 5px;}
.homePageNews			{padding-bottom: 5px; font-size: 1.2em;}
#newsAnnounce h5		{padding-top: 5px;}
.bookingTable			{float:left; width:370px; margin:20px 0 20px 0;}
.bookingTableEntry		{float:left;}
.bookingMonth, .bookingMonthLast	{float:left; width:120px; padding:4px 5px;}
.bookingTitle			{float:right; width:230px; text-align:left; padding:4px 5px;}
.map		{float:left;}
.mapTxt		{float:right;}
.newsTitle, .newsItem, .newsStory		{float:left; padding-bottom:2px;}
.newsItemHeading, .newsHeading		{float:left; width:80%;}
.newsItemDate, .newsDate	{float:right; width:20%; text-align:right;}
.newsItemDate h3			{padding-right:18px;}
.lab img, .classroom img	{padding:20px 10px 0 10px;}
h1, h2, h3 	{margin: 0 0 10px 0;}
#location .normalr	{padding-right: 10px;}
.locationTable th	{padding:0 5px 5px 0;}
#location h4, #courses h4		{margin: 10px 0 10px 0;}
#footer			{clear: both; margin: 0px; margin-top: -7px; padding: 7px 0 2px 0; height:20px; width:100%;}
#footer ul		{list-style:none; margin:0; padding:0;}
#footer li		{float:left; padding-right:5px; margin-right:5px;}
#footerBox		{float:left; width:760px;}
#footerNav		{width: 580px; text-align: center; margin-left: 180px;}
#footerLogo 	{width: 580px; text-align: center; background-color: #ffffff; margin-left: 180px;}
.center			{text-align:center;}


/* NAVIGATION RULES */
/* top navigation - horizontal */
#navigation			{float:left; position:absolute; top:69px; width:100%;}
#navigation ul li	{float:left; padding:0 5px;}

/* --- menu level 1 --- */
div.topMenu			{float:left; height:94px; width:760px;}
div.topMenu ul		{width:100%;}
div.topMenu ul li 	{float: left; text-align:center;}
div.topMenu a, div.topMenu a:link, div.topMenu a:visited {display: block; padding-right:10px; padding-left:10px;}
div.topMenu a:hover, div.topMenu a:active {display: block; padding-right:10px; padding-left:10px;}
/* remove left padding of first menu item on level 1 main display menu */
div.topMenu #one a	{padding-left:5px;}

/* left navigation */
div#leftnav ul		{padding-top:5px;}
div#leftnav ul li	{padding:0 0 3px 10px; margin:0;}
div#leftnav a:link, div#leftnav a:visited 	{padding-left:15px;}


/* END STRUCTURE */

/* FONTS */
/* Set font-size. ems to px: 1.0em~10px. 1.1em~11px. 1.5em~15px. Etc. */
body	{font-size: 62.8%; font-family: arial, helvetica, sans-serif;}

/* headers */
h1 	{font-size: 2em;}
h2 	{font-size: 1.8em;}
h3 	{font-size: 1.6em;}
h4 	{font-size: 1.4em;}
h5	{font-size: 1.2em;}

.content p, .content span.module, .content span.moduleName, .content #newsAnnounce, .locationTable, .newsItem /*, .content td*/	{font-size: 1.2em; padding-top: 12px;}
.bookingTable, .content ol li, .content ul li, .content dl		{font-size: 1.2em;}
#newsAnnounce a	{font-size: 0.9em;}
#footer			{font: 1em verdana, arial, helvetica, sans-serif;}
#leftnav ul li	{font-size: 1.2em;}
/* END FONTS */

/* FOLLOWING STYLES HAVE NOTHING TO DO WITH THE STRUCTURAL LAYOUT */

/* colours
	#D7EFFD - pale blue
	#668FC8 - medium blue - font
	#22569E - dark blue
	#173D71 - darker blue - font
*/

body			{color: #173D71; background-color: #fff;}
#wrapper2		{background: url(/images/leftBkgd.gif) repeat-y;}
#logo		{color: #173D71; background: #99d7f3;}
a:link 			{color: #668FC8; text-decoration:underline; background-color: inherit;}
a:visited 		{color: #668FC8; text-decoration:underline; background-color: inherit;}
a:hover 		{color: #173D71; text-decoration:underline; background-color: inherit;}
a:active 		{color: #668FC8; text-decoration:underline; background-color: inherit;}
.content		{}
.content dt		{font-weight:bold;}
.content dd		{font-weight:normal; padding-bottom:10px;}
a.blue			{font-weight:bold;}
.locationTable th	{font-weight:bold;}
#newsAnnounce	{border:2px solid #193A8F;}
.welcomeTitle	{background-color: #1D7ED5; border-bottom:2px solid #193A8F; font-weight:bold; color:#fff;}		
.homePageNews	{border-bottom: dashed #1D7ED5 1px;}
h3	{color:#668FC8;}
h5	{color:#668FC8;}
.bookingTable		{border-right: 1px solid #193A8F; border-top: 1px solid #193A8F;}
.bookingTableEntry	{border: 1px solid #193A8F;}
.bookingMonth		{color: #fff; background-color:#193A8F; border-bottom: 1px solid #fff;}
.bookingMonthLast	{color: #fff; background-color:#193A8F; border-bottom: 1px solid #193A8F;}
.bookingTitle		{color: #193A8F; background-color:#fff; border-bottom: 1px solid #193A8F;}
#footer			{color: #fff ; background-color: #0099cc;}
#footer li		{background: url(../images/divider.gif) no-repeat 100% 100%;}
#footer li.last	{background-image:none;}
.footerNav a, .footerNav a:link, .footerNav a:visited, .footerNav a:hover, .footerNav a:active {text-decoration:none; color:#fff; background-color: #22569E;}
/* --- menu level 1 background --- */
div.topMenu ul li 	{background: url(/images/cross.gif) no-repeat 100% 50%;}
/* left navigation color and background image*/
div#leftnav a:link, div#leftnav a:visited 	{text-decoration:none; color: #668FC8; font-weight: bold; background-color: #D7EFFD;}
div#leftnav a:hover, div#leftnav a:active	{text-decoration:none; color: #173D71; background: #D7EFFD url(../images/arrow.gif) no-repeat 2%;}
/* rollover on page link active on current page */
#home a:link.home, #home a:visited.home	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}
#about a:link.about, #about a:visited.about	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}
#news a:link.news, #news a:visited.news	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}
#contact a:link.contact, #contact a:visited.contact	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}


#services a:link.services, #services a:visited.services	{color: #173D71; background: #D7EFFD url(../images/arrow.gif) no-repeat 2%;}
#courses a:link.courses, #courses a:visited.courses	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}
#calendar a:link.calendar, #calendar a:visited.calendar	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}
#booking a:link.booking, #booking a:visited.booking	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}
#facilities a:link.facilities, #facilities a:visited.facilities	{color: #173D71; background: #D7EFFD url(../images/arrow.gif) no-repeat 2%;}
#accom a:link.accom, #accom a:visited.accom	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}


#editCourses a:link.editCourses, #editCourses a:visited.editCourses	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}

#editNews a:link.editNews, #editNews a:visited.editNews	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}

#editHome a:link.editHome, #editHome a:visited.editHome	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}

#editLinks a:link.editLinks, #editLinks a:visited.editLinks	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}

#editModules a:link.editModules, #editModules a:visited.editModules	{color: #173D71; background: #D7EFFD url(/images/arrow.gif) no-repeat 2%;}

.inputMedium	{width: 250px;}

/* END NON STRUCTURAL STYLES */