/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

html, body { 
	margin: 0; 
	padding: 0; 
}

body { 
	background: #0058B4; 
	color: #333; 
	font: 62.5% Arial, Helvetica, sans-serif; 
}
	
/* Force scroll bar in FF for centred sites */
html { 
height: 100%; 
margin-bottom: 1px; 
}
	
/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, img, form, fieldset, input, select, textarea, button {
	margin: 0; 
	padding: 0; 
}
img { 
border: 0;
}
	
/* Element Default Classes */
ul, ol { 
	list-style-position: inside; 
	margin: 0 0 1em; 
}
	ul li, ol li { 
	font-size: 1.3em; 
	margin: 0 0 0.2em; 
	color: #333; 
}

ul li a, ol li a { 
	color: #004996; 
	text-decoration: underline; 
}

ul li a:hover, ol li a:hover { 
text-decoration: none; 
}

hr { 
	background: #000; 
	color: #000; 
	border: 0; 
	height: 1px; 
	margin: 20px 0; 
}

a:link, a:visited, a:active { 
color: #004996; 
text-decoration: underline; 
outline: 0; 
}

a:hover { 
text-decoration: none; 
}

/* Fees Page Fix CSS */

.width450 {
	width:450px;
}
	
/* Global classes */
.clear { 
	clear: both; 
	height: 0px; 
}
.left { 
float: left; 
}

.right { 
float: right; 
}
	

/*----- STRUCTURE -----*/

#container {
	border-top: 5px solid #8DBEF6; 
	background: #fff url('../img/bg.jpg') 0 0 repeat-x; 
}

#head {
	width: 790px; 
	height: 120px;
	position: relative;
	margin: 0 auto; 
}
	
.content { 
	width: 760px;
	padding: 15px;
	margin: 0 auto; 
}
	
.blue { 
	background: #e6edf4; 
	clear: both; 
}
.boxed { 
	padding: 10px 20px 1px; 
	margin: 5px 0 15px; 
	border-top: 5px solid #fff; 
	background: #cee2f6; 
}
	
#foot {
	background: #004891;
	height: 50px; 
	padding-top: 10px;
	border-top: 5px solid #8DBEF6;
	text-align: center; 
}
		
#foot p { 
	margin: 0; 
	color: #fff; 
	ont-size: 11px; 
}

#foot a, #foot a:visited, #foot a:active { 
	color: #fff; 
	text-decoration: none; 
}

#foot a:hover, #foot a.selected { 
	color: #8DBEF6; 
	text-decoration: none; 
}

/*----- IMAGES -----*/	

#logo { 
	margin: 20px 0 0; 
}

img.left, img.right { 
	border: 1px solid #E6EDF4; 
}

img.left { 
	margin: 0 15px 10px 0; 
	padding: 3px; 
}
img.right { 
	margin: 0 0 10px 15px; 
	padding: 3px; 
}

img.home-right { 
	position: absolute; 
	top: 0; 
	right: 0; 
	margin: 30px 150px 10px 0; 
}

/*----- TYPOGRAPHY -----*/

p { 
	font-size: 1.3em; 
	margin: 0 0 10px; }

h1 { 
	font-size: 2em; 
	color: #99CC00; 
	margin: 0 0 10px; }

h2 { 
	font-size: 2em; 
	color: #333;
	margin: 0 0 10px; }

h3 { 
	font-size: 1.8em; 
	color: #333; 
	font-weight: bold;
	margin: 0 0 10px; }
		
.home h3 { 
	color: #003366; 
	font-weight: normal; 
}

h4, h5 { 
	font-size: 1.3em; color: #333; 
	font-weight: bold;
	margin: 0 0 10px; 
}

.home h4 { 
font-size: 1.6em; 
}

h4 a, h4 a:visited, h4 a:active { 
	color: #004996 !important; 
	text-decoration: none !important; 
}

h5 { 
font-size: 1.4em; 
}

/*----- NAVIGATION -----*/

ul.level1 {
	list-style: none;
	list-style-position: outside;
	position: absolute;
	bottom: 5px;
	left: 16px;
	margin: 0;
	text-align: center;
	border-left: 1px solid #003770;
	top: 85px;
}
	
	ul.level1 li { 
	margin: 0; 
	float: left; 
}
	
ul.level1 li a, ul.level1 li a:visited {
	display: block; 
	float: left;		
	height: 21px; 
	padding: 8px 16px 0;
	background: url('../img/bg-level1.jpg') 0 0 repeat-x;
	border-right: 1px solid #003770;
	text-transform: uppercase; 
	color: #fff; 
	text-decoration: none; 
	font-size: 11px; }
	
ul.level1 li a:hover, ul.level1 li a.selected {
	background: url('../img/bg-level1-hover.jpg') 0 0 repeat-x; 
}
	
	ul.level1 li a.MenuOn { }

ul.bulleted { 
list-style: none; 
list-style-position: outside; 
margin: 0; 
}	

ul.bulleted li {
	background: url('../img/bullet.gif') 0 3px no-repeat;
	padding: 0 0 10px 15px;
	font-size: 13px; }
	
ul.bulleted a { 
font-weight: bold; 
}

/*----- FORM ELEMENTS -----*/

form .boxed { 
padding-bottom: 8px; 
}

form label {
	 cursor: pointer;
	 font-size: 1.2em; 
	 font-weight: bold; 
	 olor: #004891;
	 display: block; 
	 float: left;
	 width: 150px; 
}
	 
form#background label { 
	 padding-bottom: 5px; 
	 padding-right: 10px; 
	 width: 200px; 
}

form#background div.wide label { 
width: 400px; 
}
 	
form span { 
font-size: 1.2em; 
font-weight: bold; 
}
 		
form fieldset {
	border: none; 
	clear: left; 
}
		
input, select, textarea {
 	font: 1.2em Arial, Helvetica, sans-serif; 
	color: #fff;
 	width: 193px;
	background: #004891;
	border: 1px solid #8DBEF6;
	padding: 3px 4px;
	margin: 0 0 3px; }
 
 input.checkbox, input.radio { 
	width: auto; 
	margin-top: 5px; 
	margin-right: 5px; 
}
input.submit, input.reset {
	width: 100px; 
	background: #99CC00; 
	color: #333; 
	border: 1px solid #669900;
	padding: 2px; 
	margin: 5px 0 0; }
	
select { 
	width: 203px; 
}

button { 
	margin: 0 0 0 10px; 
}

/* Homepage */

.home-left { 
	width: 500px; 
	padding: 20px 0 0 20px; 
}

.home .content { 
	padding: 0; 
	position: relative; 
	height: auto; 
	width: 790px; 
}

/**

.home .blue .info { 
	margin: 0 auto; 
	background: url('../img/bg-blue-content-home.jpg') 0 0 repeat-x; 
	padding: 10px 5px 10px 20px; 
	width: 760px; 
	position: relative;
}

**/

.home .blue .info { 
	margin: 0 auto; 
	padding: 0 0 10px; 
	width: 760px; 
	position: relative;
}

.home .blue .info .testing { 
	padding :10px 5px 10px 5px;
	background: url('../img/bg-blue-content-home.jpg') 0 0 repeat-x; 
	width: 650px;
}

.home .blue { 
	background: #cee2f6; 
}

.compulsary {
	background: green;
	color: white; 
}
.middle { 
	width: 760px;
	margin: 0 auto; 
	padding: 10px 0 0 0; 
	position: relative; 
}