/* CSS Document */

/* Global HTML settings */

html * {
	margin: 0;
	padding: 0;
	
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1 {
	font-size:13px;
	font-weight:bold;
	margin: 0;
	border: 0;
	padding: 0;
}

p {
	padding: 4px 0;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#CCCCCC;
	border-collapse:collapse;
}

td {
	padding: 2px;
	margin: 0;
	vertical-align:top;
	border-collapse:collapse;
}

/*************************** 
* image centre 
****************************/

.imgCentred {
	display:block;
	margin: 6px auto;
}

.imgAlignLeftPad {
	float: left;
	margin: 10px 10px 10px 0;
}

.imgAlignRightPad {
	margin: 10px 0 10px 10px;
	float: right;
}

/*************************** 
* text 
****************************/

.SmallText {
	font-size:10px;
	color:#666666;
}

.CentreTextTD {
	text-align:center;
}

.RedText {
	color:#CC0000;
}

.RedTextBold {
	color:#CC0000;
	font-weight:bold;
}

.CenterText {
	text-align:center;
}

/*************************** 
* Layout elements 
****************************/


#MainContainer {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-color:#000000;
	border-width:2px;
	background-color:#FFFFFF;
}

#TopMenu {
	padding: 3px 0;
}

#TopGraphic {
	display:block;
	border-top-width:2px;
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	border-style:solid;
	border-color:#000000;
	vertical-align:bottom;
	background-color:#E0E0E0;
	
	clear:both;
}

#TopGraphic img {
	border-top-width:0;
	border-bottom-width:1px;
	border-left-width:0;
	border-top-width:0;
	border-style:solid;
	border-color:#000000;
	display:block;
	padding:0;
	
}


#LowerMenu {
	background-color:#E0E0E0;
	
	border-width: 0 0 2px 0;
	border-style:solid;
	border-color:#000000;
	padding: 2px 0 2px 0;
}

#MainBody {
	display: block;
}

#CentralContent {
	width: 90%;
	margin: 8px auto;
}

#LeftMenu {
	float: left;
	width: 200px;
}

#RightContent {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	width: 520px;
	padding: 0 28px 0 0;
}

#ContentSingleColumn {
	width: 90%;
	margin: 8px auto;
}

#Footer {
	clear:both;
	border-width: 2px 0 0 0;
	border-style:solid;
	border-color:#000000;
	background-color:#E0E0E0;
	padding: 4px 0;
	text-align:center;
}


/*************************** 
* full page divs
****************************/

.contentDivider {
	display:block;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #64EAE9;
	background-color:#E0FFFF;
	padding: 10px;
}

.contentDividerSpringFade {
	background-image:url(images/spring/bg-fade.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.contentFooter {
	display:block;
	clear: both;
}

.leftSideNarrow {
	float: left;
	width: 200px;
}

.leftSideNarrow img {
	margin-top:6px;
}

.leftSideWide {
	float: left;
	width: 450px;
}

.rightSideNarrow {
	float: right;
	width: 200px;
}

.rightSideNarrow img {
	float: right;
	margin-top:6px;
}

.rightSideWide {
	float: right;
	width: 450px;
}

.bulletList {
	margin: 5px 0;
}

.bulletList li {
	margin-left: 30px;
	padding: 3px;
}

.listNumeric li {
	list-style:decimal;
}

/*************************** 
* navigation menus for courses
****************************/

#OSCNav {
	width: 190px;
	margin-bottom:6px;
}

#OSCNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#OSCNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}

#OSCNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #79B5FE;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#OSCNav li a:hover {
	background-color: #79B5FE;
	color: #000099;
	
}


#PreNav {
	width: 190px;
	margin-bottom:6px;
}

#PreNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#PreNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}

#PreNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #D1E3F9;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#PreNav li a:hover {
	background-color: #D1E3F9;
	color: #000099;
	
}

.PreGenNav {
	width: 200px;
	margin-left:auto;
	margin-right:auto;
	padding: 4px 0;
}
.PreGenNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.PreGenNav li {
	border: 1px solid #FFFFFF;
	background-color: #E0E0E0;
	text-align: center;
	list-style:none;
}
.PreGenNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #D1E3F9;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

.PreGenNav li a:hover {
	background-color: #D1E3F9;
	color: #990000;
}


#MidNav {
	width: 190px;
	margin-bottom:6px;
}

#MidNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#MidNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}

#MidNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #B6BFDE;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#MidNav li a:hover {
	background-color: #B6BFDE;
	color: #000099;
	
}

#MidGenNav {
	width: 200px;
	margin-left:auto;
	margin-right:auto;
	padding: 4px 0;
}
#MidGenNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#MidGenNav li {
	border: 1px solid #FFFFFF;
	background-color: #E0E0E0;
	text-align: center;
	}
	
#MidGenNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #B6BFDE;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#MidGenNav li a:hover {
	background-color: #B6BFDE;
	color: #990000;
}

#PreGenNav {
	width: 200px;
	margin-left:auto;
	margin-right:auto;
	padding: 4px 0;
}
#PreGenNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#PreGenNav li {
	border: 1px solid #FFFFFF;
	background-color: #E0E0E0;
	text-align: center;
	}
#PreGenNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #B6BFDE;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#PreGenNav li a:hover {
	background-color: #B6BFDE;
	color: #990000;
}

#TourNav {
	width: 190px;
	margin-bottom:6px;
}

#TourNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#TourNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}

#TourNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #C8DC87;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#TourNav li a:hover {
	background-color: #C8DC87;
	color: #000099;
	
}

#AusNav {
	width: 190px;
	margin-bottom:6px;
}

#AusNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#AusNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}

#AusNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #FFEA00;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#AusNav li a:hover {
	background-color: #FFEA00;
	color: #000099;
	
}


#SpringNav {
	width: 190px;
	margin-bottom:6px;
}

#SpringNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#SpringNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}

#SpringNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #63DDE0;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#SpringNav li a:hover {
	background-color: #63DDE0;
	color: #000099;
	
}

#revisionNav {
	width: 190px;
}
#revisionNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#revisionNav li {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
	background-color: #E0E0E0;
	text-align: center;
}
#revisionNav li a {
	text-align: left;
	display: block;
	padding: 2px 3px 2px 0.5em;
	border-left: 12px solid #FE8125;
	border-right: 0px solid #000000;
	background-color: #E0E0E0;
	color: #000000;
	text-decoration: none;
}

#revisionNav li a:hover {
	background-color: #FE8125;
	color: #990000;
	
}
/*************************** 
* headings for different parts of the courses
****************************/

.MainHeadingBlockOSC {
	display:block;
	background-image:url(images/headings/fadeoscheader.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
}

.HeadingBlockOSC {
	display:block;
	background-image:url(images/headings/cssfadeosc.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;	
}

.MainHeadingBlockPre {
	display:block;
	background-image:url(images/headings/fadeprestudent.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
}

.HeadingBlockPre {
	display:block;
	background-image:url(images/headings/fadepre.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;	
}

.MainHeadingBlockMid {
	display:block;
	background-image:url(images/headings/fademidstudent.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
}

.HeadingBlockMid {
	display:block;
	background-image:url(images/headings/fademid.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;	
}

.MainHeadingBlockTour {
	display:block;
	background-image:url(images/headings/fadetourstudent.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
}

.HeadingBlockTour {
	display:block;
	background-image:url(images/headings/fadetour.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;	
}

.MainHeadingBlockAus {
	display:block;
	background-image:url(images/headings/aus-main-heading.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
}

.HeadingBlockAus {
	display:block;
	background-image:url(images/headings/fade-aus-heading.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;	
}

.MainHeadingBlockSpring {
	display:block;
	background-image:url(images/headings/spring-main-heading.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
	clear: both;
}

.HeadingBlockSpring {
	display:block;
	background-image:url(images/headings/fade-spring.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;	
	clear: both;
}

.HeadingNoFadeSpring {
	background-image:url(images/headings/spring-main-heading.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}

.MainHeadingBlockGuides {
	display:block;
	background-image:url(images/headings/faderev.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	width: 100%;
	padding: 5px 0px 5px 6px;
	margin: 0;
	text-align:center;
}

.HeadingBlockGuides {
	display:block;
	background-image:url(images/headings/faderev.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 0px 5px 6px;
	margin-top: 5px;
	font-weight: bold;
}

/********************************************
 images
********************************************/

.imgRightAlign {
	padding: 0 0 9px 9px;
	float: right;
}

/*************************** 
* general formatting
****************************/

.bgGreyFade {
	background-image:url(images/headings/bg-grey-fade.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}


.CentralInset {
	width:350px; 
	margin-left:auto; 
	margin-right:auto; 
	padding: 6px 0;
	
}

.applyInset {
	width:350px; 
	margin: 9px auto; 
	padding: 6px;
	background: url(images/headings/bg-grey-fade.jpg) repeat-x bottom;
	text-align:center;
	font-weight:bold;
	height: 21px;
	
}

.applyInset a {
	text-decoration:none;
}

.applyInset img {
	float: right;
}

.CentralList {
	width:350px; 
	margin-left:auto; 
	margin-right:auto; 
	padding: 6px 0;
	list-style: square;
}

.CentralList li { 
	padding: 2px 0;
	margin-left: 16px;
}
.OrderedList li {
	list-style: decimal;
}

.CentredTable {
	margin-left:auto;
	margin-right:auto;
	margin-top: 6px;
	margin-bottom: 3px;
	border-collapse:collapse;
}

.tableWidth80 {
	width: 80%;
}

.CentredTable td {
	padding: 4px;
	vertical-align: top;
}

.subjectTable {
	width: 90%;
	margin: 5px auto;
}

.subjectTable td {
	padding: 3px;
}

.subjectTable td.centerContent {
	text-align: center;
}

.tableHorizontalLines td {
	border-bottom: 1px solid #666666;
}

.tableHorizontalLinesTop td {
	border-top: 1px solid #666666;
}

/*************************** 
* lists on page
****************************/

.centredList {
	margin: 6px auto;
	width: 80%;
}

.listSamples {
	margin: 15px 20px 15px;
}

.listSamples a {
	text-decoration:none;
}

.listSamples a:hover {
	color:#FFFFFF;
}

.listSamples li {
	list-style:none;
	background-color:#e8e8e8;
	padding: 3px;
	display:inline;
	margin: 0 3px;
}

.listSamples li:hover {
	background-color:#707070;
	color: #FFFFFF;
}

.OSCList li {
	list-style:url(images/headings/bulcourse3.gif);
	margin: 6px 0 2px 20px;
	padding: 0px 0 4px;
}

.springList li {
	list-style:url(images/headings/bul-squ-spring-7.gif);
	margin: 3px 0 3px 20px;
	padding: 4px 0;
}

.tourList li {
	list-style:url(images/headings/bulsqutour.gif);
	margin: 3px 0 3px 20px;
	padding: 4px 0;
}

.preList li {
	list-style:url(images/headings/bulcourse2.gif);
	margin: 3px 0 3px 20px;
	padding: 4px 0;
}

.insetList li {
	list-style:none;
	padding: 3px;
	margin: 0 18px 0 18px;
}

.featurePanel {
	width: 60%;
	margin: 8px auto;
	border: solid 1px #999999;
	background-color: #FFFF99;
	padding: 8px;
}

/****** apply now ***********/

.applyButton a {
	width: 180px; 
	margin: 5px 0 0 12px; 
	padding: 4px; 
	font-weight:bold; 
	background: bottom repeat-x url(../images/headings/button-apply-bg.jpg);
}

.applyButton a:hover {
	background: bottom repeat-x url(../images/headings/button-apply-bg-over.jpg);
}