body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background: url(../background/left.png) left top no-repeat #ffffff;
	}
	
h1 {
	margin: 0px 0px 0px 275px;
	padding: 30px 0px 0px 0px;
	font-size: 18pt;
	font-weight: bold;
}

h3 {
	margin:10px 0px 20px 0px;
	padding:0px;
	font-size:12pt;
	font-weight:bold;
	color:#000000;
	line-height: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	}
	
h2 {
	margin:20px 0px 20px 0px;
	padding:0px;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	line-height: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	}	
	
p {
	font:10pt Helvetica, Arial, sans-serif;
	margin: 5px 0px 20px 0px;
	padding: 0px;
}

td {
	font:10pt Helvetica, Arial, sans-serif;
}

#Content>p {margin:0px;}

a {
	color:#0000FF;
	font-size:10pt;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	}
	
a.external {
	background: url(../background/external.png) 99% 50% no-repeat;
	padding-right: 15px;
}
	
a:link {
	color:#0000FF;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {

}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
}

body>#Header {height:14px;}

#Content {
	padding:5px;
/*	border:1px dashed #999; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
	
#Content110 {
	margin:0px 0px 20px 140px;
	padding:5px;
/*	border:1px dashed #999; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}
	
#Content60 {
	margin:0px 0px 20px 90px;
	padding:5px;
/*	border:1px dashed #999; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	}	

#Menu {
	padding:5px;
	margin:0px 20px 20px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width:210px;
	text-align: center;
	float: left;
	}
	
#Menu110 {
	padding:5px;
	margin:0px 20px 20px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width:110px;
	text-align: center;
	float: left;
	}
	
#Menu60 {
	padding:5px;
	margin:0px 20px 20px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width:60px;
	text-align: center;
	float: left;
	}			
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

.pageLayout {
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 0px;
}

.pageContent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 580px;
}

.footerLayout {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footerContent {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0p 0px;
	width: 580px;
	clear: both;
}

.topNavi {
	background: url(../background/top_bg.png) left bottom no-repeat #f7e7ad;
	visibility: visible;
	height: 120px;
	width: 100%;
}

.menuNavi {
	left: 14px;
	top: 120px;
	position: absolute;
}

.dropdown {
	position: absolute;
	color:#FFFFFF;
	width:175px;
	border: 1px solid #000000;
	background-color: #000000;
	layer-background-color: #EFEFEF;
	top:220px;
	z-index:1;
	visibility: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	cursor: hand;
}

.dropitem {
	text-decoration:none;
	color:#FFFFFF;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 3px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.pageTitle {
	margin: 10px 0px 10px 200px;
	padding: 0px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	voice-family:inherit;
	voice-family: "\"}\"";
	float: left;
}
.modified {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	voice-family:inherit;
	voice-family: "\"}\"";
	text-align:right;
}

.titleImage {
	position:absolute;
	top:20px;
	width:800px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	left: 0px;

}

.bodyContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 5px;
	margin: 0px 0px 20px 0px;
}

#bodyContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 5px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

p.featured {
	background: #fff6bf;
	border: 1px solid #ffd234;
	margin: 10px 20px 10px 20px;
	padding: 5px 5px 5px 5px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.boldTitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
	margin: 10px 10px 10px 10px;
	left: 184px;
	position: absolute;
	float:left;
}
.border1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #990000;
	width:280px;
	padding: 2px;
}
.border2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #E7510E;
	width:280px;
	padding: 2px;
}
.border3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #949974;
	width:280px;
	padding: 2px;	
}	
.border4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #000000;
	width:280px;
	padding: 2px;	
}
.border5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #990000;
	width:590px;
	padding: 2px;	
}
.border6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #E7510E;
	width:280px;
	padding: 2px;	
}

/* New Styles to Improve Readability 16/06/09 - TCF */

.spaced {
	line-height: 1.5em;
}

.borderedimage {
	border: 2px solid #cdcdcd;
}

.leftimage {
	float: left;
	margin: 0px;
	padding: 2px 2px 2px 0px;
}

.rightimage {
	float: right;
	margin: 0px;
	padding: 2px 0px 2px 2px;
}

.startleftimage {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.rightcontent {
	margin: 0px 0px 0px 240px;
	padding: 0px 0px 0px 0px;
}

.textwithimagecontent {
	margin: 0px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

/* Clear Table Styles */

.cleartable {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

.cleartable table {
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: transparent;
	cellpadding: 0px;
	cellspacing: 0px;
	font-size: 12px;
}

.cleartable tr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.cleartable tr.newyear {
	margin: 20px 0px 0px 0px;
}

.cleartable td {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.cleartable td.face {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 40px 10px;
	background: url(../images/team_pictures/drop-shadow.jpg) center top no-repeat;
	text-align: center;
	vertical-align: top;
}

.cleartable td.face img {
	margin-bottom: 10px;

}

.cleartable tr.newyear td {
	margin: 20px 0px 0px 0px;
	padding: 30px 10px 10px 10px;
}

/*	New Error Table Styles */

.errortable {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

.errortable table {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #000000;
	cellpadding: 0px;
	cellspacing: 0px;
}

.errortable tr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.errortable td {
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
	padding: 10px 10px 10px 10px;
	background: #f3f3f3;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

.errortable td a {
	font-size: 12px;
}

.errortable td a:visited {
	color: #0000FF;
}

.errortable td.title {
	background: #cccccc;
	text-align: center;
}

.errortable td.desc {
	background: #f9f9f9;
	text-align: left;
}

.errortable td.break {
	background: #cccccc;
	padding: 3px 10px 3px 10px;
}

/*	New Course Table Style */

#coursetable {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

#coursetable table {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	cellpadding: 0px;
	cellspacing: 0px;
	border-collapse:collapse;
}

#coursetable th, #coursetable td {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	font: 10pt Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}

#coursetable th {
	font-size: 12px;
	background: #dedede;
	text-align: center;
}

#coursetable td.price {
	text-align: center;
}
