body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-align: center;
	color: #CCCCCC;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	position: relative;
}
h1, h2, h3, h4, h5 {
	color: #D07D00;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
h1 {
	font-size: 18px;
	line-height: normal;
}
p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 18px;
}
a {
	color: #829254;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.leadline {
	font-size: 13px;
	font-weight: bold;
}
body#home a#homeLink, 
body#classes a#classesLink, 
body#branches a#branchesLink, 
body#gallery a#galleryLink, 
body#notice_board a#notice_boardLink, 
body#uniforms a#uniformsLink 
{
	color: #FFFFFF;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../Images/horiGrad50.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#outerWrapper {
	background-image: url(../Images/mi1_573.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 855px;
	margin: auto;
	position: relative;
	text-align: left;
}
#logo {
	display: none;
}
#wrapper {
	position: relative;
	width: 800px;
	margin: auto;
	float: right;
	text-align: left;
	top: -20px;
}
#wrapperInner {
	position: relative;
}
#notice_board #wrapperInner  {
	background-image: url(../Images/b_board2.png);
	background-repeat: no-repeat;
	background-position: 410px 0px;
}
#faq #wrapperInner {
	background-image: url(../Images/q_mark2.png);
	background-repeat: no-repeat;
	background-position: 410px 0px;
}
#contact #wrapperInner {
	background-image: url(../Images/notepad_pen.png);
	background-repeat: no-repeat;
	background-position: 390px 0px;
}
#subscriptions #wrapperInner {
	background-image: url(../Images/pound2Md.png);
	background-repeat: no-repeat;
	background-position: 350px 0px;
}
#feedback #wrapperInner {
	background-image: url(../Images/megabloke.png);
	background-repeat: no-repeat;
	background-position: 400px 0px;
}
#faculty #wrapperInner {
	background-image: url(../Images/mortar.png);
	background-repeat: no-repeat;
	background-position: 420px 5px;
}
#enrolment #wrapperInner {
	background-image: url(../Images/enrol.png);
	background-position: 435px 30px;
	background-repeat: no-repeat;
}
#headBar {
	position: relative;
}
ul#navbarHorizontal {
	float: none;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#navbarHorizontal li {
	display: inline;
	float: left;
	margin-right: 5px;
	min-width: 70px;
}
#navbarHorizontal a {
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-size: 13px;
	text-align: center;
	position: relative;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	padding: 5px;
}
#navbarHorizontal a:hover {
	text-decoration: underline;
	color: #CCCCCC;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../Images/horiGrad50.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rightBar {
	float: right;
	width: 150px;
	margin-top: 20px;
	clear: both;
	position: relative;
}
#rightBar h5 {
	color: #FF9900;
}
ul#rightNav {
	margin-left: 0px;
	position: relative;
	list-style-type: none;
}
#rightNav li {
	background-image: url(../Images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#rightNav a {
	padding-left: 15px;
	text-decoration: none;
}
#rightNav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#leftBar {
	float: left;
	width: 140px;
	min-height: 300px;
	clear: left;
	background-image: url(../Images/rightTopCurve.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navbarVertical h5 {
	color: #DB8A08;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
ul#navbarVertical {
	float: none;
	width: 135px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	margin-top: 15px;
	padding: 0px;
	margin-left: 0px;
}
#navbarVertical li {
	background-image: url(../Images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#navbarVertical a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 24px;
	padding-left: 15px;
}
#navbarVertical a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
#header {
}
#flash {
	text-align: center;
	padding-right: 20px;
}
#view1tab {
	display: none;
}
#view1, #view2, #view3, #view4, #view5, #view6, #view7, #view8, #view9, #view10, #view11, #view12 {
	position: relative;
	display: block;
}
#view2, #view3, #view4, #view5, #view6, #view7, #view8, #view9, #view10, #view11, #view12 {
	position: relative;
	display: none;
}
#view1 #nbRecs {
	position: relative;
}

#view1 #nbHeader {
	position: relative;
}
#view1 #nbDetail {
	position: relative;
}
#view1 #unis {
	position: relative;
	margin-bottom: 10px;
}
#view1 #unis img {
	width: 75px;
}
#view1 #unis .details {
	margin-left: 85px;
}
#venue {
}
#view3 table {
	width: 480px;
}
#fbDisp {
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#enquiry {
	position: relative;
	border: 1px solid #829254;
	padding: 5px;
	background-image: url(../Images/horiGrad50.png);
	background-repeat: repeat-x;
	background-position: 0px -15px;
}
.label {
	clear: left;
	width: 125px;
	float: left;
	padding-right: 15px;
	font-weight: bold;
	font-size: 12px;
	color: #829254;
	color: #ddd;
}
#contact .label {
	width: 80px;
}
#enrolment .label {
	width: 150px;
}
#subscriptions .label {
	width: 75px;
}
#enrolment textarea {
	width: 280px;
	height: 40px;
}
.field {
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-bottom: 5px;
}
input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}
textarea.invalid {
	background-color: #FF9;
	border: 2px red inset;
}
label.invalid {
	color: #F00;
	font-weight: bold;
}
#name {
	width: 180px;
}
#email {
	width: 220px;
}
textarea#feedback {
	height: 150px;
	width: 260px;
}
textarea#address {
	height: 80px;
	width: 240px;
}
textarea#comments {
	height: 125px;
	width: 320px;
}
input#submit {
	margin-left: 95px;
}
input#subscribe {
	margin-left: 90px;
}
#allPics {
}
#gallpics {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
#gallpics .figure {
	position: relative;
	float: left;
	height: 140px;
	overflow: hidden;
}
#gallpics .figure img {
	position: relative;
	width: 95px;
}
#gallpics .caption {
	text-align: center;
	position: relative;
	float: left;
	width: 80px;
	clear: left;
}
#gallerylarge #gallpics .figure {
	position: relative;
	float: left;
	height: 600px;
}
#gallerylarge #gallpics .figure img {
	position: relative;
	width: 400px;
}
#gallerylarge #gallpics .caption {
	text-align: center;
	position: relative;
	clear: left;
	float: left;
	width: 275px;
}
#uniformslarge #gallpics .figure {
	position: relative;
	float: left;
	height: 600px;
}
#uniformslarge #gallpics .figure img {
	position: relative;
	width: 400px;
}
#uniformslarge #gallpics .caption {
	text-align: center;
	position: relative;
	clear: left;
	float: left;
	width: 275px;
}
.pagerBar {
	position: relative;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.pager {
	font-weight: bold;
	display: block;
	width: 80px;
	float: left;
	margin-right: 5px;
	text-align: center;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 20px;
}
ul.pagerBar {
	list-style-type: none;
}
.pagerBar li {
	list-style-type: none;
	display: inline;
}
.pager a {
	display: block;
	margin: 0px;
	padding: 0px;
}
.pager a:hover {
	background-image: url(../Images/horiGrad50.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #CCCCCC;
}
#gallery #rightBar {
	height: 300px;
}
#branches #leftBar {
	width: 130px;
}
#branches .mainMargins {
	margin-left: 155px;
}
#branchFig {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	position: relative;
	margin-right: 50px;
	font-size: 10px;
}
#footBar {
	clear: both;
	margin-top: 10px;
}
ul#footerLinks {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 18px;
}
#footerLinks li {
	display: inline;
	float: left;
	width: 80px;
}
#footerLinks a {
	font-weight: bold;
	color: #FFFFFF;
}
#footerLinks a:hover {
	text-decoration: underline;
}
#footer {
	clear: both;
	position: relative;
	color: #999999;
	margin-top: 20px;
	margin-bottom: 10px;
}
#footLeft {
	float: left;
	position: relative;
}
#footRight {
	float: right;
	position: relative;
	text-align: right;
}
#footRight img {
}
#prtFoot {
	display: none;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	min-height: 1px;
}
* html .clear {
	height: 1px;
}
.clearBoth {
	clear: both;
}
.mainMargins {
	margin-right: 155px;
	margin-left: 165px;
	margin-top: 10px;
}
#faq .mainMargins,
#timetable .mainMargins,
#uniformsDet .mainMargins,
#uniformslarge .mainMargins,
#acknowledge .mainMargins,
#subscriptions .mainMargins,
#gallery .mainMargins,
#gallerylarge .mainMargins,
#enrolment .mainMargins,
#links .mainMargins {
	margin-left: 0px;
}
#uniforms .mainMargins {
	margin-left: 310px;
}
#uniforms #leftBar {
	width: 300px;
}
#uniforms ul#navbarVertical {
	width: 300px;
}
#timetableCont {
	position: relative;
	width: 480px;
}
.col1 {
	width: 200px;
	float: left;
}
.col2 {
	float: left;
	width: 200px;
}
.marginRt {
	margin-right: 100px;
}
.text15 {
	font-size: 15px;
	font-weight: bold;
}
.textGold {
	color: #FF9900;
}
.textRedBold {
	font-weight: bold;
	color: #FF0000;
}
.textTranspBG {
	background-image: url(../Images/textBG.png);
	background-repeat: repeat;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.borderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.padRt10 {
	padding-right: 10px;
}
.noDisp {
	display: none;
}
.w450 {
	width: 450px;
}