H1 {
FONT-WEIGHT: lighter; 
FONT-SIZE: 1.5em; 
COLOR: #333333; 
FONT-STYLE: normal; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
}

#feature H1 {
FONT-WEIGHT: lighter; 
FONT-SIZE: 1.2em; 
COLOR: #f5f5f5; 
FONT-STYLE: normal; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
text-transform: uppercase;
text-align: right;
}

H2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.8em; 
COLOR: #081051; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
line-height: 1.2em;
}

#feature H2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.8em; 
COLOR: #ffffff;
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
line-height: 1.2em;
text-align: left;
}

.h2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.8em; 
COLOR: #081051; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
line-height: 1.2em;
}

H3 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.7em; 
COLOR: #081051; 
FONT-FAMILY: verdana; 
line-height: 1.2em;
}

A:link {
	COLOR: #333333; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #333333; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:active {
	COLOR: #333333; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #7cb6f8; TEXT-ALIGN: left; TEXT-DECORATION: none;
}

body {
	background-image: url('images/bg_gradient.jpg');
	background-repeat: repeat-x;
	background-color: #ffca22;
}

img {
	border: 0 none;
}

.centered {
RIGHT: 0px; 
LEFT: 0px; 
MARGIN: auto; 
WIDTH: 50%;
height: 50%;  
BOTTOM: 0px; 
POSITION: absolute; 
TOP: 0px;  
}

.content {
	position: relative;
	float: left;
	top: 100px;
	width: 100%;
	min-height: 800px;
	border: 1px solid #000000;
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	z-index: 2;
}

.main {
	background-image: url('images/main_bg.jpg');
}

.small {
	background-image: url('images/small_bg.jpg');
}

.text {
	position: relative;
	float: left;
	top: 10px;
	right: 5px;
	bottom: 5px;
	width: 650px;
	border-right: 1px solid #cccccc;
	padding: 4px;
	padding-left: 15px;
	padding-bottom: 30px;
	margin-bottom: 50px;
	z-index: 1;
}

.high {
	padding-top: 180px;	
}

.low {
	padding-top: 430px;
}

.footer {
	position: relative;
	top: 110px;
	width: 100%;
	text-align: left;
}

.navigation {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 250px;
	height: 200px;
}	

.syllabus {
	width: 200px;
	height: 80px;
	background-image: url('images/download_syllabus.gif');
	cursor: hand;
}

.syllabus:hover {
	background-image: url('images/download_syllabus_hover.gif');
}

.programme {
	width: 200px;
	height: 80px;
	background-image: url('images/download_programme.gif');
	cursor: hand;
}

.programme:hover {
	background-image: url('images/download_programme_hover.gif');
}

.enteronline {
	width: 200px;
	height: 80px;
	background-image: url('images/enter_online.gif');
	cursor: hand;
}

.enteronline:hover {
	background-image: url('images/enter_online_hover.gif');
}

.homepage {
	width: 200px;
	height: 80px;
	background-image: url('images/home_page.gif');
	cursor: hand;
}

.homepage:hover {
	background-image: url('images/home_page_hover.gif');
}

.access {
	position: absolute;
	top: -33px;
	height: 30px;
	left: -1px;
	width: 300px;
	padding: 3px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.center {
	text-align: center;
}

.topmargin {
	margin-top: 20px;
}