/* CSS for course pages */

#rightcontent {
width:598px;
}
#CentreContentOnly {
margin:10px 0;
}
#CentreContentOnly h1 {
margin: 15px 20px 10px 20px;
}
#CentreContentOnly .h2in {
margin: 15px 20px 10px 20px;
}
#CentreContentOnly .coursesLists {
margin-left:20px;
}
#CentreContentOnly .outerP {
margin-left:20px;
}
#CentreContentOnly li, #rightcontent li {
line-height:1.4;
font-weight:bold;
}
#CentreContentOnly .rightBox li {
font-weight:normal;
}
.crumbs {
margin: 10px 0 10px 20px;
}
.crumbs a:link, a:visited {
color:#0c2577;
}
.crumbs a:hover, a:active {
color:#FF0000;
}
#rightcontent hr, #CentreContentOnly hr {
border:none;
height:2px;
color:#DDDDDD;
background-color:#DDDDDD;
}

/* ************************************************************************************ */

/* styles for index box */

.indexBox {
margin: 0;
width: 565px;
padding: 2px 10px 12px 10px;
background-image:url(/images/indexboxbg.jpg);
background-repeat:repeat-y;
z-index:3;
}
.indexBoxTop {
height:18px;
width:585px;
margin: 20px 0 -8px 0;
background-image:url(/images/indexboxtop.jpg);
background-repeat:no-repeat;
z-index:2;
}
.indexBoxBottom {
height:18px;
width:585px;
margin: -10px 0 20px 0;
background-image:url(/images/indexboxbottom.jpg);
background-repeat:no-repeat;
z-index:1;
}
#rightcontent .indexBox p {
margin-left:10px;
}
#rightcontent .indexBox input {
margin-left:10px;
}
#rightcontent .indexBox h2 {
margin:10px;
}
#rightcontent .indexBox table {
padding:0;
margin:0 10px;
border-collapse:collapse;
width:560px;
}
#rightcontent .indexBox table td {
padding:0;
margin:0;
}
#rightcontent .indexBox table td img {
padding:0;
margin:0;
}


/* ************************************************************************************ */


/* styles for course details box */

#courseBox {
margin: 0 20px 0 20px;
width: 442px;
padding: 2px 10px 12px 10px;
background-color:#D6DFFF;
background-image:url(../images/courseboxbg.jpg);
background-repeat:repeat-y;
z-index:3;
}
#courseBox p {
padding: 0;
margin: 5px 0 7px 0;
}
#courseBoxTop {
height:18px;
width:462px;
margin: 0 20px -8px 20px;
background-image:url(../images/courseboxtop.jpg);
background-repeat:no-repeat;
z-index:2;
}
#courseBoxBottom {
height:18px;
width:462px;
margin: -10px 20px 15px 20px;
background-image:url(../images/courseboxbottom.jpg);
background-repeat:no-repeat;
z-index:1;
}
#courseBox h2 {
margin:10px 0 8px 0;
}

/* ************************************************************************************ */

/* styles for course details info boxes */

.infoBox {
padding: 0 10px 0 10px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
margin: 10px 10px 2px 10px;
}

/* ************************************************************************************ */

/* styles for course details right floating info boxes */

#CentreContentOnly .rightBox {
width:250px;
background-image:url(../images/smallboxbg.jpg);
margin:0;
padding: 0;
}
html>body .rightBox {margin: 0 20px 0 20px;}
#CentreContentOnly .rightInfo {
padding:10px;
border:1px dashed #BBBBBB;
background-color:#999999;
margin: 0 10px 0 10px;
}
#CentreContentOnly .rightInfo * {
background-color:#999999;
}
#CentreContentOnly .rightInfo h2 {
color:#FFFFFF;
margin: 0 0 5px 0;
padding: 0;
}
#CentreContentOnly .rightInfo h3 {
color:#FFFFFF;
margin: 10px 0 3px 0;
padding: 0;
}
#CentreContentOnly .rightInfo p {
color:#FFFFFF;
margin: 3px 0 10px 0;
padding:0;
}
#CentreContentOnly .rightInfo ul {
margin: 3px 0 0 0;
padding: 0 0 10px 20px;
}
#CentreContentOnly .rightInfo li {
color:#FFFFFF;
padding: 0 0 3px 0;
}
#CentreContentOnly .rightInfo a:link, #CentreContentOnly .rightInfo a:visited {
color:#FFFFFF;
}
#CentreContentOnly .rightInfo a:hover, #CentreContentOnly .rightInfo a:active {
color:#ffcc33;
}
#CentreContentOnly .rightInfo h2.apply {
color:#ffff44;
}
#CentreContentOnly .rightInfo p.apply a:link, #CentreContentOnly .rightInfo p.apply a:visited {
color:#ffff44;
font-weight:bold;
}
#CentreContentOnly .rightInfo p.apply a:hover, #CentreContentOnly .rightInfo p.apply a:active, #CentreContentOnly .rightInfo p.apply a:focus {
color:#ffcc33;
}
#CentreContentOnly .rightBoxTop {
width:250px;
height:12px;
background-image:url(../images/coursesboxtop-small.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
font-size:0px;
}
#CentreContentOnly .rightBoxBottom {
width:250px;
height:12px;
background-image:url(../images/coursesboxbottom-small.jpg);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0;
font-size:0px;
}
#CentreContentOnly .rightBoxContain {
margin:20px 0 0 0;
padding:0;
float:right;
clear:right;
}
html>body #CentreContentOnly .rightBoxContain {
margin:20px 0 0 0;
}
#CentreContentOnly .apprbox .rightInfo {
background-color:#f1b56f;
}
#CentreContentOnly .apprbox .rightInfo p, .apprbox .rightInfo a, .apprbox .rightInfo h2 {
color:#000;
}
/* ************************************************************************************ */

/* styles for view courses lists box */

#listBox {
 width: 717px;
 padding:0 10px 0 10px;
 background-color:#D6DFFF;
 background-image:url(../images/coursebox-large-bg.jpg);
 background-repeat:repeat-y;
 margin: -10px 20px 0 20px;
}
#listBoxTop {
width: 737px;
height:18px;
background-image:url(../images/courseboxtop-large.jpg);
background-repeat:no-repeat;
margin: 0 20px 0 20px;
font-size:0px;
}
#listBoxBottom {
width: 737px;
height:18px;
background-image:url(../images/courseboxbottom-large.jpg);
background-repeat:no-repeat;
margin: -12px 20px 20px 20px;
font-size:0px;
}

/* ************************************************************************************ */

/* styles for view courses lists table */

#courseListTable {
width:697px;
margin: 10px 10px 12px 10px;
border:1px solid #999999;
}
#courseListTable th {
background-color:#0C2577;
color:#FFFFFF;
padding: 3px 10px 3px 10px;
font-weight:bold;
}
#courseListTable .leftHeader {
border-right:1px solid #999999;
}
#courseListTable td {
background-color:#FFFFFF;
padding:4px 20px 4px 10px;
border:none;
border-right:1px solid #BBBBBB;
}
#courseListTable .rightCol {
border-right:none;
}
#courseListTable tr.odd td {
background-color:#eee;
}



#courseListTable thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#courseListTable thead tr .headerSortUp {
	background-image: url(asc.gif);
}
#courseListTable thead tr .headerSortDown {
	background-image: url(desc.gif);
}


/* ************************************************************************************ */

.coursesGo {
border:0;
margin: 0 0 -0.5em 10px;
}

/* ************************************************************************************ */

.guide {
position:relative;
clear:both;
}
.guide img {
float:left;
margin-top:-10px;
}
.guide p {
margin-left:112px;
}
#rightcontent .choicebox {
width:256px;
}
#rightcontent .choicebox a {
font-size:120%;
font-weight:bold;
}
#rightcontent .choicebox a img {
border:none;
}
#rightcontent .choicebox a:hover, .choicebox a:focus {
color:#ff0000;
}
#surveybutton {
float:right;
position:relative;
margin:5px 15px 0 0;
}
.indexBox #surveybutton {
margin-right:-5px;
}

/* ************************************************************************************ */

#categorychoice {
height:230px;
position:relative;
}
#youngchoice {
position:absolute;
}
#adultchoice {
position:absolute;
right:7px;
}
html>body #adultchoice {
right:39px;
}
#rightcontent h2 {
clear:both;
}
#rightcontent #categorychoice a span.category {
display:block;
margin-top:-58px;
padding-bottom:20px;
margin-left:20px;
font-size:200%;
}
#CentreContentOnly #feelist li {
font-weight:normal;
}
#CentreContentOnly #disclaimer {
border-top:1px dotted #bbb;
padding-top:20px;
width:400px;
margin:30px 50px;
}
#CentreContentOnly #disclaimer p {
color:#555;
}
#areabanner {
margin:0 20px 20px 20px;
}