body {
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	min-width:800px;
	background-repeat: repeat-y;
	background-image: url(../__IMG/threeColBG.jpg);
	color:#303030;
	font-family: "Arial", "Verdana", sans-serif;
}


#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#header p {
	padding:.5em 15px	.2em 15px;
	margin:0;
}
#header h1  {
	padding:.2em 15px;
	margin:0;
}
#header h2  {
	padding:.2em 15px	.7em 15px;
	margin:0;
}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:99%;
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#ffffff;/* imr */ 
	background-repeat: repeat-y;
	background-image: url(../__IMG/threeColBG.jpg);
}

#colmid {
	float:left;
	width:200%;
	position:relative;
	left:225px;
	background:transparent;    	/* Centre column background colour */
}

#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-420px;
	background:transparent;    	/* Right column background colour */
}

#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
	background:transparent;
}

#col1pad {
	margin:0 0 0 390px;
	overflow:hidden;
	background:transparent;
}

#col1 {
	width:99%;
	overflow:hidden;
	background:transparent;
}

#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
	background:transparent;}

#col3 {
	float:left;
	width:205px;
	position:relative;
	left:0;
	padding-right: 5px;
	overflow:hidden;
	color: #1B2A3F;
	background:transparent;
}


#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#footer p {
	padding:.5em 15px;
}

.page-break {
	display: none;
}

/*-FUNDAMENTALS---------------------------------------------------------------------------------------------*/   

html
{min-width:1100px;
height: 100%;
background-image: url("../__IMG/htmlBG.jpg");
background-position: 0 100px;
background-repeat: repeat-x;}


a
{color: #606060;
}

a .noCol
{color: #000;}
	
a:hover
{color:#000;
text-decoration:none;}

h1,
h2,
h3
{margin:.5em 0 .2em 0;
padding:0;}

p
{margin:.3em 0 .3em 0;
padding:0;}

.courseRight
{float: right;
display: inline;
clear: right;
margin-right: 25px;
}
		
.courseLeft
{float: left;
display: inline;
clear: left;
margin-left: 25px;
}


.hide
{display:none;}

	
.small
{font-size:0.8em;}


.large
{font-size:1.4em;}


.center
{text-align:center;}

	
.txtLeft
{text-align: left;}


.txtRight
{text-align: right;}

	
.right
{float:right;
clear: both;}

.rightBrk
{float:right;}

	
.left
{float:left;
clear: both;}

	
.border
{border: 1px solid #000000;
padding: 0 15px 5px 15px;
margin: 0 15px 10px 15px;}

.noImgBorder
{border: none;}

.dload
{background-image: url(../__IMG/dload3.jpg);}

.uDate
{background-image: url(../__IMG/uDate.jpg);}

.red
{color: #FF0000;}

.warning
{color: #FF0000;}

.grey
{color: #999;}
	
.blue
{color: #1B4A8E;}

.boldTxt
{font-weight: bold;}

.orange
{color: #EF7B1D;}

.burntOrange
{color: #DF4900;}

.BGblue
{background-color: #4d709f;}

.BGgrey1
{background-color: #D1D5DF;}

	
.BGgrey2
{background-color: #D6E5EA;}

.BGblue2
{background-color: #BFE8FF;}

.BGgreen
{background-color: #C8FF9F;}

/*.BGblue
{background-color: #40B3E4;}*/

.BGyellow
{background-color: #F5FF9F;}

.BGyellow2
{background-color: #FFF58F;}

.gal{
	float: left;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-family: "Microsoft Sans Serif", Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	clear: right;
	height: 200px;
}


.gal{
	width: 150px;
}

.noBorder{
	border: none;
	text-decoration: none;
}
	
.box
{clear: both;}

#endContent:after
{content: ".";
padding: 10px;
margin: 10px;
display: block;
height: 0;
clear: both;
visibility: hidden;}
/* don't forget the after*/
#endContent {display: inline-block;}
/* Hides from IE-mac \*/
* html #endContent {height: 1%;}
#endContent {display: block;}
/* End hide from IE-mac */

.collapsed
{border-collapse: collapse;}

.tblBorder
{border: 1px solid #000;}

.paddedTbl td
{padding: 7px;}

	
.question
{font-weight: bold;}

.quote
{
width: 550px;
}

.request
{
font-weight: bold;
}
	
.selecta
{background:#d8e0dc;}

	
.selectb
{background:#eee;}






/*  CALENDAR STUFF  */
.courseCalHeader
{text-align: center;
font-weight: bold;
font-size: 16px;}

.calendarTable{
background-color: #999;	 
}

.jcalToday, .jcalToday a
{
color: #000;
text-align: center;
font-weight: bold;
background-color: #EFE4B3;
}

.calToday, .calToday a
{
color: #000;
text-align: center;
font-weight: bold;
background-color: #EFE4B3;
}

.calTodayHead, .calTodayHead a
{
color: #000;
text-align: center;
font-weight: bold;
background-color: #CFC69B;
height: 20px;
padding-top: 2px;
line-height: 22px;
}

.jcalActiveDay, .jcalActiveDay a,
{background-color: #C9FF5F;
color: #000;
text-align: center;
border-color: #000;
font-weight: normal;}

.calActiveDay, .calActiveDay a,
{background-color: #C9FF5F;/*#fff;#C9FF5F;*/
color: #000;
text-align: center;
border-color: #000;
font-weight: normal;
}

.calActiveDayHead, .calActiveDayHead a,
{background-color: #CFC69B;/*fff;#C9FF5F;*/
color: #000;
text-align: center;
border-color: #000;
font-weight: normal;
height: 20px;
padding-top: 2px;
line-height: 22px;}

.jcalInactMnth, .jcalInactMnth a
{color: #000;
background-color: #777;
text-align: center;
text-decoration: none;}

.calInactMnth, .calInactMnth a
{color: #000;
background-color: #777;
text-align: center;
text-decoration: none;
border-left: 1px solid #999;
border-right: 1px solid #999;
}

.calInactMnthHead, .calInactMnthHead a
{color: #000;
background-color: #777;
text-align: center;
text-decoration: none;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 20px;
padding-top: 2px;
line-height: 22px;
}

.jcalActMnth, .jcalActMnth a
{color: #000;
background-color: #eee;
text-align: center;
text-decoration: none;
padding: 1px;
}

.calActMnthHead, .calActMnthHead a
{color: #000;
background-color: #CFCDC2;/*DFD1D1;*/
text-align: center;
text-decoration: none;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #999;
height: 20px;
padding-top: 2px;
line-height: 22px;
}

.calActMnth, .calActMnth a
{color: #000;
background-color: #EFECE0;/*#eee;*/
text-align: center;
text-decoration: none;
border-left: 1px solid #999;
border-right: 1px solid #999;}

.calDayHeader
{
padding-left: 12px;
border: 1px solid #999;
font-weight: bold;
}

.ts_filter
{
background-color: #fff;
border-color: #fff;
border: none;
}


/*  SIDE PLATES  */
.plateBase{
padding: 0 20px 0 20px;
width: 157px;
background-image: url(../__IMG/sidePlateMid.jpg);
}

.plateBottom{
padding: 0 20px 10px 20px;
width: 157px;
background-image: url(../__IMG/sidePlateBottom.jpg);
background-position: top;
background-repeat: no-repeat;
}

.plateTop{
padding: 0 20px 0 20px;
width: 157px;
background-image: url(../__IMG/sidePlateTop.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

#popular{
position: relative;
float: left;
padding: 4px;	
}



/*-CENTRAL DIV---------------------------------------------------------------------------------------------*/        

#centralContent
{text-align: left;
/*border:1px solid #b0b0b0;*/
color: #444;
margin: 0;
padding: 0 0 1em 1em;
background-color: #ffffff;/* imr */ 
min-width:0;
}


#centralContent img
{border:1px solid #b0b0b0;
padding:5px;}

#centralContent img .right
{margin: 5px 0 5px 10px;}

#centralContent img .left
{margin: 5px 10px 5px 0;}


#centralContent h2, #centralContent h1
{font-size: 26px;
color: #3A3F37;/*#575F53;/*#444;/*#22426F;*/
margin: 0;
padding-top: 18px;
padding-bottom: 6px;}


#centralContent h3
{font-size: 18px;
font-weight: bold;
margin: 0;
color: #3A3F37/*#575F53;/*#444;/*#14334F;#444;*/
padding-top: 2px;
padding-bottom: 2px;}

#centralContent h4
{font-size: 16px;
font-weight: bold;
margin: 0;
color: #575F53;/*#444;/*#14334F;#444;*/
padding-top: 2px;
padding-bottom: 2px;}


#centralContent h5
{font-size: 14px;
font-weight: normal;
margin: 0;
color: #6089BF;/*#575F53;/*#444;/*#14334F;#444;*/
padding-top: 2px;
padding-bottom: 2px;}

#centralContent h6
{font-size: 18px;
font-weight: bold;
margin: 0;
text-align: center;
color: #0275A0;/*#00819F;/*#038DB2;/*#6089BF;/*#575F53;/*#444;/*#14334F;#444;*/
padding-top: 4px;
padding-bottom: 4px;}


#centralContent p
{margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 8px;}
	
#centralContent br
{margin: 10px 0 0 0; /*this one for FF*/
padding: 0 0 0 0;
height: 0;
line-height: 10px; /*this one for IE7*/
display: block;}
	
#centralContent ul,
#centralContent ol
{margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 8px;
	padding-left: 15px;
	margin-left: 0;}
	
#centralContent ul
{list-style-type: square;
color: #235B8E;}

#centralContent ul .noSym
{list-style-type: none;
color: #235B8E;}

	
#centralContent li
{margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 6px;
	color: #444;}
	
#centralContent{font-size: 0.9em;}

#centralContent a{color: #1558AF;/*#05438E;/*#105070;/*#DF5400;}/*#EF6B00;#235B8E;#DF7800;*/
font-weight: normal;
}

#centralContent a:hover{color: #DB2A34;}

/*#centralContent .dload h2 a {color: #CF7000;}#EF6B00;#235B8E;#DF7800;*/}

#centralContent #courseDescription
{background-color: #EFEAE0;
padding: 10px;}


/*-HEADER DIV---------------------------------------------------------------------------------------------*/   

#header
{/*clear:both;*/
text-align: left;
background-image: url("../__IMG/rightStripe.jpg");
background-repeat: no-repeat;
background-position: 1031px 0;
background-color: #6089BF;}


#headerTxt
{margin-left: 0px;}	


#searchBox
{float: right;}


#header p,
#header h1,
#header h2
{padding: .7em 15px 0 15px;
margin:0;
font-weight:400;}


#header h1,
#header h2
{color: #000;
letter-spacing: -1px;}

		
#header h1
{padding-top: .3em;
font-size: 3.5em;}
	
		
#header h2
{padding-top: .3em;
font-size: 2.0em;
padding-bottom: .5em;}


#header #mainmenu
{clear: left;
float:left;
font-family: "Trebuchet", "Arial", sans serif;
height: 35px;
width: 100%;
padding: 100px 0 0 2px;
margin: 0 0 0 0;
background-image: url(../__IMG/topBarPic.jpg);
/*background-image: url(../__IMG/pastelLogoFlare.jpg);*/
background-repeat: no-repeat;
background-position: bottom left;
}
	
	    
#header ul
{float:left;
position: relative;
height: 35px;
list-style:none;
margin: 0;/* 0 0 190px;*/
padding: 0 0 0 190px;;
left: 15px;}
	    
	    
#header ul li
{height: 35px;
display:inline;
list-style:none;
margin:0;
padding:0;}
	    
	    
#header ul li a
{border: none;
display:block;
float:left;
margin:0;
padding: 9px 9px 9px 10px;
text-align:center;
color: #ffffff; /* imr */ /*#505050;*/
text-decoration:none;
text-transform:uppercase;
position:relative;
font-size: 15px;
background: transparent;}

	    
#header ul li a:hover
{/*background-image:url(../__IMG/topHover.jpg);*/
/*background-position: repeat;*/
/*background-color: #eee;/*#07428E; /*#A0B8BC;*/
color:#000;
font-size: 15px;
padding:9px 9px 9px 10px;
margin:0;}

	    
#header ul li a.active,
#header ul li a.active:hover
{/*background-color: #fff; /*#A0B8BC;*/
color:#000;
font-size: 15px;
font-weight:bold;
margin:0;
padding:9px 9px 8px 9px;}
	
	    
#header ul li a span
{display:block;}
	
	
#header #searchForm
{margin: 1.5em 1em 0 1em;
padding: 0.2em;
font-weight:bold;
float: right;
text-align: right;
color: #eee;
border: 1px solid #9#0275A009090;}


/*-LEFT DIV---------------------------------------------------------------------------------------------*/   

#leftContent
{margin: 0 0 1em 0;
padding: 0 0 5.5em 0;
float: left;
background: transparent;}	
	
#col2 h2
{margin: 15px 0 0 0;
font-size: 16px;
font-weight: bold;}


#col2 h3
{font-size: 14px;
font-weight: bold;}


#col2 p,
#col2 #leftContent li
{font-size: 12px;}


#col2 #leftContent ul
{padding:0 0 0 10px;
margin:0 0 0 10px;}


#col2 #leftContent li
{padding: 2px 0 2px 0;}

.bar
{display:block;
position:relative;
width:100%;
float: right;
padding: 0;
margin: 1px 0 1px 0;
height: 1px;
border-top: 1px solid #ccc;
color:#ddd;}


.nav, .navTitle
{margin: 0;
display:block;
position:relative;
width:166px;/*160px;*/
float: right;
padding: 2px 0 2px 5px;
/*padding: 3px 7px 3px 3px;
width:156px;*/
color: #fff;/*#000;/*#062C5F;/*#173D5F;  #05274F; #303030;*/
font-family: "Trebuchet", "Arial", sans serif;
/*text-transform:uppercase;*/
text-decoration:none;
font-size: 1.1em;
line-height: 1.4em;
font-weight: normal;
/*background-image: url(../__IMG/Home/grey_mid.jpg);
background-repeat: repeat-y;*/
}

.topPlate, .botPlate
{margin: 0;
display:block;
position:relative;
width:171px;
float: right;
text-decoration:none;
border: 0;}

.imgnav
{
margin: 0;
display:block;
position:relative;
width:148px;
float: right;
text-decoration:none;
border: 0;
padding: 5px 20px 3px 0;}

.topPlate
{
padding: 0;/* 10px 0 3px;*/
/*background-image: url(../__IMG/Home/grey_top.jpg);*/
/*background-position: top;*/
/*background-repeat: no-repeat;*/
height: 14px;
}

.botPlate
{
/*background-image: url(../__IMG/Home/grey_bottom.jpg);*/
/*background-position: top;*/
/*background-repeat: no-repeat;*/
height: 16px;
padding: 0 0 4px 0;/* 10px 10px 3px;*/
}



.sub
{margin: 0;
display:block;
position:relative;
width:156px;
padding: 2px 0 2px 15px;
/*width:156px;
padding: 2px 2px 2px 6px;*/
float: right;
color: #fff;/*#000;/*#062C5F; /*#14273F; #303030; #4F4B45;*/
font-family: "Trebuchet", "Arial", sans serif;
text-transform:none;
text-decoration:none;
font-size:.9em;
/*background-image: url(../__IMG/Home/grey_mid.jpg);
background-repeat: repeat-y;*/}

.bot{
	padding-bottom: 12px;
}

.topgap{
	padding-top: 12px;
}

.subsub
{display:block;
position:relative;
float: right;
width:146px;
padding: 2px 0 2px 25px;
/*width:136px;
padding: 2px 2px 2px 26px;*/
color: #fff;/*#000;/*#062C5F; /* #4F3F22; */
font-family: "Trebuchet", "Arial", sans serif;
text-transform: none;
text-decoration: none;
font-size:.8em;
/*background-image: url(../__IMG/Home/grey_mid.jpg);
background-repeat: repeat-y;*/}


.nav:hover, .sub:hover, .subsub:hover, .adminNav:hover
{
/*background: #ffffff;
color: #222;*/
color: #000;/*#e2e2e2;/*#DB2A34;*/
/*background-image: url(../__IMG/Home/blue_mid_hover.jpg);
background-repeat: repeat-y;*/
text-decoration:none;}

.hlight
{background: #ffffff;
display:block;
position:relative;
float: right;
color: #062C5F;
text-decoration:none;}

.redLight
{color: #dc2a35;
display:block;
position:relative;
float: right;
text-decoration:none;}

.ambLight
{color: #ee9d16;
display:block;
position:relative;
float: right;
text-decoration:none;}

.greLight
{color: #009262;
display:block;
position:relative;
float: right;
text-decoration:none;}

.bluLight
{color: #074290;
display:block;
position:relative;
float: right;
text-decoration:none;}


.adminNav
{background:#EFB3B3;
color: #4F0000;}



/*-RIGHT DIV---------------------------------------------------------------------------------------------*/   

#rightContent
{margin: 0;
padding: 0;}


#col3 h2
{margin: 0 0 0 0;
font-size: 16px;
font-weight: bold;
color: #0275A0;/*#677C7F;*/}

.basket
{color: #22426F;}

#col3 h3
{font-size: 14px;
font-weight: bold;}
	

#col3 p
{font-size: 12px;}

#col3 a {color: #0275A0;/*#99BF00;#088F41;*/}

#col3 a:hover {color: #DD2934;/*#99BF00;#088F41;*/}

#col3 p
{padding:0 0 0 0;
margin:7px 0 0 0;}


#col3 ul
{padding:0 0 0 10px;
margin:0 0 0 5px;
list-style-type: square;
color: #0275A0;/*#99BF00;#088F41;*/
font-size: 12px;}


#col3 li
{padding: 2px 0 2px 0;}





/*-FOOTER DIV---------------------------------------------------------------------------------------------*/   

#footer
{
background-repeat: repeat-y;
background-image: url(../__IMG/threeColBG.jpg);}


#footer p
{padding:10px;
margin:0;}


#footer
{clear:both;
color:#d0d0d0;
font-weight:bold;
margin: 0;
padding: 0;
text-align:center;
width:100%;}


#footer a
{color:#d0d0d0;
font-weight:bold;}


#footerMenu
{clear:both;
background-repeat: repeat-x;
background-position: top;
color:#4A4A4A;
font-weight:bold;
margin:0;
padding:0;
text-align: right;
width:100%;
height:75px;}


#footerMenu ul
{float: right;
margin:0 15px 0 0;
padding: 5px 0;}


#footerMenu li
{float:left;
list-style:none;
margin:0;
padding:0;}


#footerMenu a
{color: #666;
display:block;
font-size:0.7em;
padding:5px 10px 5px;}


#footerMenu a:hover
{color:#000;
text-decoration:none;}


/*-OTHER DIV---------------------------------------------------------------------------------------------*/   

#sessionMessage
{padding: 8px 10px 0 0;
margin: 0 0 0 0;
font-size: 12px;
font-weight: bold;
float: right;
clear: left;
width: 99%;}	

#sessionMessage p
{padding: 0 0 0 0;
margin: 0 0 0 0;
}

#login,
#admin {
text-align: left;}
	
#login .fieldset,
#admin .fieldset
{border: 0;
width: 560px;
padding: 5px;}
		
.fieldset
{border: 1px solid #777;
width: 560px;
padding: 5px;}
	
#login .label
{display: block;
width: 80px;
margin-top: 5px;
float: left;
text-align: left;}

#admin .labelline
{display: block;
width: 170px;
margin: 5px 5px;
float: left;
border-bottom: 1px dashed #777;
text-align: left;}
		
#admin .label
{display: block;
width: 170px;
margin: 5px 5px;
float: left;
text-align: left;}
		
#login .input
{display: block;
margin-top: 5px;
width: 250px;
float: left;}
	
#admin .input
{display: block;
width: 370px;
height: 32px;
margin-top: 5px;
float: left;
overflow: auto;}
	
#admin .newsinput
{width: 550px;
height: 350px;
margin: 0;}
	
#admin select
{display: block;
width: 370px;
height: 22px;
line-height: 20px;
margin-top: 5px;
padding: 0;
float: left;}
		
#admin .check
{display: block;
margin: 5px 0 0 0;
padding: 0;
width: 20px;
height: 20px;
float: left;}
		
#login .submit
{margin-left: 80px;
color: #000;}
		
#admin .submit
{margin-left: 425px;
color: #000;}
	
#login br,
#admin br
{clear: left;}
	
#admin .textarea
{width: 550px;
margin: 0;}

#admin .narrowtextarea
{width: 370px;
height: 60px;
margin: 0;
float: left;}
		
#admin .listTable{font-size: 12px;}
		
#admin .listTable p{font-size: 12px;}
		
.listTable td
{padding-bottom: 5px;
border: 1px solid #ddd;
font-size: 12px;}
		
.diaryTable
{border-collapse: collapse;
font-size: 12px;
text-align: left;}
	
.diaryTable td
{text-align: left;
padding: 5px;
font-size: 12px;
color: #222;}
		
.diaryTable .borderCell
{padding-bottom: 15px;
border: 1px solid #aaa;}
		
.diaryTable a{color: #000;}
		
.mceLayout {font-size: 20px;}

.supportTable
{border-collapse: collapse;}

.supportTable td
{padding: 0.5em 0.2em;}

.helpLine {
background-color: #6089BF;
border: 1px solid #000;
float: right;
margin: 2em 0.4em 0.4em 0.4em;
color: #fff;
padding: 0.2em;
}

.helpLine h3{
padding: 0.6em;
color: #fff;
}

/*** account form ***/

	
#accountForm .fieldset
{border: 0;
width: 560px;
padding: 0;}
	
#accountForm .label
{display: block;
width: 540px;
margin: 5px 5px;
float: left;
text-align: left;}

#accountForm .labelline
{display: block;
width: 177px;
margin: 5px 5px;
float: left;
border-bottom: 1px dashed #777;
text-align: left;}
	
#accountForm .input
{display: block;
width: 355px;
height: 18px;
margin-top: 5px;
float: left;
background-color: #DDE8EE;
overflow: visible;}
	
#accountForm select
{display: block;
width: 370px;
height: 22px;
line-height: 20px;
margin-top: 5px;
padding: 0;
float: left;}
		
#accountForm .check
{display: block;
margin: 5px 0 0 0;
padding: 0;
width: 20px;
height: 20px;
float: left;}

		
#accountForm .submit
{margin-left: 425px;
color: #000;}
	
#accountForm br
{clear: left;}
	
#accountForm .textarea
{width: 540px;
margin: 0;
background-color: #DDE8EE;}

#accountForm .sscript
{font-size: 1.1em;
font-weight: bold;
color: #700;
padding-top: 0;
margin-top:0;
padding-bottom: 1.0em;}

/***add booking form***/
#bookingForm .fieldset
{border: 0;
width: 560px;
padding: 0;
font-size: 0.95em;}

	
#bookingForm .label
{display: block;
width: 540px;
margin: 5px 5px;
float: left;
text-align: left;}

#bookingForm .labelline
{display: block;
width: 177px;
margin: 5px 5px;
float: left;
border-bottom: 1px dashed #777;
text-align: left;}
	
#bookingForm .input
{display: block;
width: 355px;
height: 18px;
margin-top: 5px;
float: left;
background-color: #DDE8EE;
overflow: visible;}

#bookingForm .select
{display: block;
width: 370px;
height: 22px;
line-height: 20px;
margin-top: 5px;
padding: 0;
float: left;}



		
#bookingForm .check
{display: block;
margin: 5px 0 0 0;
padding: 0;
width: 20px;
height: 20px;
float: left;}

		
#bookingForm .submit
{margin-left: 425px;
color: #000;}
	
#bookingForm br
{clear: left;}
	
#bookingForm .textarea
{width: 540px;
margin: 0;
background-color: #DDE8EE;}

#bookingForm .sscript
{font-size: 1.3em;
font-weight: bold;
color: #700;
padding-top: 0;
margin-top:0;
padding-bottom: 0;}



/*** Symposium booking form ***/
#symposiumBookingForm .fieldset
{border: 0;
width: 600px;
padding: 0;
font-size: 0.95em;}
	
#symposiumBookingForm .label
{display: block;
width: 540px;
margin: 5px 5px;
float: left;
text-align: left;}

#symposiumBookingForm .labelline
{display: block;
width: 177px;
margin: 5px 5px;
float: left;
border-bottom: 1px dashed #777;
text-align: left;}
	
#symposiumBookingForm .input
{display: block;
width: 355px;
height: 18px;
margin-top: 5px;
float: left;
background-color: #DDE8EE;
overflow: visible;}

#symposiumBookingForm .grninput
{display: block;
width: 355px;
height: 18px;
margin-top: 5px;
float: left;
background-color: #DFFFF5;
overflow: visible;}

#symposiumBookingForm .tallinput
{display: block;
width: 355px;
height: 60px;
margin-top: 5px;
float: left;
background-color: #DDE8EE;
overflow: visible;}

#symposiumBookingForm .halfinput
{display: block;
width: 100px;
height: 18px;
margin-top: 5px;
float: left;
background-color: #DDE8EE;
overflow: visible;}
	
#symposiumBookingForm .select
{display: block;
width: 370px;
height: 22px;
line-height: 20px;
margin-top: 5px;
padding: 0;
float: left;}

#symposiumBookingForm .check
{display: block;
margin: 5px 0 0 0;
padding: 0;
width: 20px;
height: 20px;
float: left;}

		
#symposiumBookingForm .submit
{margin-left: 425px;
color: #000;}
	
#symposiumBookingForm br
{clear: left;}
	
#symposiumBookingForm .textarea
{width: 540px;
margin: 0;
background-color: #DDE8EE;}

#symposiumBookingForm .sscript
{font-size: 1.3em;
font-weight: bold;
color: #700;
padding-top: 0;
margin-top:0;
padding-bottom: 0;}







/***form for feedback ***/
#fbForm .fieldset
{border: 0;
width: 560px;
padding: 0;}
	
#fbForm .label
{display: block;
width: 540px;
margin-bottom: 0;
padding-bottom: 0;
margin: 5px 5px;
float: left;
text-align: left;}

#fbForm .labelline
{display: block;
width: 177px;
margin: 5px 5px;
float: left;
border-bottom: 1px dashed #777;
text-align: left;}
		
#fbForm .check
{display: block;
margin: 5px 0 0 0;
padding: 0;
width: 20px;
height: 20px;
float: left;}

#fbForm .submit
{margin-left: 380px;
color: #000;}
	
#fbForm br
{clear: left;}
	
#fbForm .textarea
{width: 540px;
height: 400px;
margin: 0;
background-color: #DDE8EE;}

#fbForm .input
{display: block;
width: 540px;
height: 18px;
margin-top: 0;
padding-top: 0;
float: left;
background-color: #DDE8EE;
overflow: visible;}






#kbForm .labelFile
{display: block;
width: 200px;
margin: 5px 5px;
float: left;
text-align: left;}

#kbForm .labelSel
{display: block;
width: 205px;
margin: 5px 5px 0 0;
float: left;
text-align: left;}

/*----------------------------------------------------------------------------------------------*/
/*** course view ***/

#courseBox
{padding: 3px;
margin: 3px;
min-width: 665px;
background-color: #ffffff;/* imr */ }
	
#courseBox p{font-size: 1.0em;}
	
.courseRight
{float: right;
display: inline;
clear: right;
margin-right: 25px;
}
		
.courseLeft
{float: left;
display: inline;
clear: left;
margin-left: 25px;
}
	
#courseBar
{clear: left;
clear: right;
padding-top:10px;
border-bottom: 1px solid #505050;}
	
#courseMenu ul
{position: relative;
height: 18px;
border-left: 12px solid #ffffff;/* imr */ 
list-style:none;
margin: 0;
padding: 0;
padding-bottom: 1px;
background-color: #ffffff;/* imr */ }
	    
#courseMenu ul li
{height: 18px;
display:inline;
list-style:none;
margin:0;
padding:0;}
  
#courseMenu ul li a
{float:left;
margin:0;
padding:2px 6px 1px 6px;
border-right: 5px solid #ffffff;/* imr */ 
border-left: 5px solid #ffffff;/* imr */ 
border-top: 1px solid #ffffff;/* imr */ 
text-align:center;
color:#505050;
text-decoration:none;
text-transform:uppercase;
position:relative;
font-size: 12px;
background-image: url(../__IMG/coursemenubg.jpg);
background-repeat: repeat-x;}

#courseMenu ul li a:hover {background-image: url(../__IMG/coursemenuhover3.jpg);
background-repeat: repeat-x;
color:#101010;
font-size: 12px;
padding:2px 6px 1px 6px;
margin:0;}

#courseMenu ul li a.active,
#courseMenu ul li a.active:hover {background-image: url(../__IMG/coursemenuhover3.jpg);
background-repeat: repeat-x;
color:#101010;
font-size: 12px;
font-weight:bold;
margin:0;
padding:2px 6px 2px 6px;
border-right: 1px solid #505050;
border-left: 1px solid #505050;
border-top: 1px solid #505050;}

#courseInfo {clear: left;
padding: 15px;
border-left: 1px solid #505050;
border-right: 1px solid #505050;
border-bottom: 1px solid #505050;
background-color: #e9edf0; /* Right column background colour if the other columns have backgrounds*/
background-repeat: repeat-x;
background-image: url(../__IMG/bodybgblue2.jpg);}

#courseDescription .field {font-weight: bold;}

#alternativeCourses
{width: 300px;
padding: 15px;
/*border: 1px solid #076F48;*/
float: right;
background-color: #ddd;
max-width: 2000px;}

#alternativeCourses h3,
#alternativeCourses a
{color: #076F48;}

#alternativeCourses ul,
#alternativeCourses li
{padding-left: 2px;
margin-left: 0;
border-left: 0;
list-style: none;
}

#alternativeCourses li
{padding-bottom: 5px;}


#courseOverview
{width: 200px;
float: left;
max-width: 2000px;}

#courseCalSection
{float: right;
margin-left: 50px;}

#courseCalendarView
{padding: 20px;
border: 1px solid #999;
font-size: 0.9em;
background-color: #ddd;
max-width: 2000px;}

/*--------------------------------Search results-----------------------------------------------*/

#searchResults
{max-width:680px;
width: 680px;
}

#searchResults p
{padding-top:1px;
padding-bottom:1px;
}