/* color map 

dk green - #12763a
lt green - #90ca98
red - #eb1c22

*/

/*

For the iframe to have a coloured scrollbar:
add

scrollbar-Base-Color: #90ca98;

to the body tag of the file to be viewed in the iframe.

*/

.BookingForm td
{
    vertical-align:top;
}

.BookingForm tr
{
    border-bottom-style:solid;
    border-bottom-color:#12763a;
    vertical-align:top;

}

.BookingFormHeader
{
    /*background-color:#eb1c22;*/
    background-image:url('/images/title.gif');
    font-size:large;
    color:#FFFFFF;
    margin-top:20px;
}

.BookingFormHeader p
{
    margin-left:10px;
}

.BookingFormTDRollover
{
  background-color:#12763a;
  cursor:pointer;
}

.BookingFormTDRollover td
{
 border-top-color:#eb1c22;
 border-top-style:solid;
 border-top-width:1px;
 margin-top:5px;
}

.BookingFormLabel
{
    font-size:medium;
    color:#FFFFFF;
}

.BookingFormLabel td
{
 border-top-color:#eb1c22;
 border-top-style:solid;
 border-top-width:1px;
 margin-top:5px;
}

.BookingFormInput
{
    font-size:medium;
    color:#12763a;
    background-color:#90ca98;
    margin-left:5px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#12763a;
    border-left-style:none;
    border-right-style:none;
    border-top-style:none;
    width: 150px;
}
/* global reset */


* {margin:0;padding:0;}
iframe,a img,fieldset,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:76%;font-weight:normal}
dd,dt,li,dl,ol,ul{list-style:none}
legend{color:#000}
table{border-collapse:collapse}
caption,th,td{text-align:left}
body,html
{
	height:100%;
}

.radBody
{
	color:Black;
}
/* text etc **********************************************************/
.radDiv
{
    margin-left:5px;
    margin-right:5px;
}
.NextAvailable
{
    width:60px; font-size:xx-small; float:left; text-align:right;
}
.ticker
{
    font-size:26px;
    text-decoration:none;
    color:red;
    text-align:left;
    vertical-align:middle;
    position:relative;
    overflow:hidden;
}
.tickerBorder
{
    height:30px;
    vertical-align:middle;
    border-bottom-color: #eb1c22;
    border-bottom-style: solid;
    border-bottom-width:1px;
   
    border-left-color: #eb1c22;
    border-left-style: solid;
    border-left-width:1px;
    
    border-right-color: #eb1c22;
    border-right-style: solid;
    border-right-width:1px;
    
    border-top-color: #eb1c22;
    border-top-style: solid;
    border-top-width:1px;
    float:right;
}

a.ticker
{
        font-size:16px;
    text-decoration:none;
    
        color:red;
    text-align:right;
}
a:hover.ticker
{
        font-size:16px;
    text-decoration:underline;
    color:red;
    text-align:right;
}

a:visited.book, a:active.book, a.book, a:hover.book
{
        color:red;
}


body {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
}

/* layout **********************************************************/

.cont {
	height: 701px;  
	width: 723px;
	margin: 20px auto;
	
	/* uncomment this to allow vertical stretching 
	min-height: 701px;
	_height: 701px;  
	*/
		min-height: 701px;
	_height: 701px;
}
.lcol {
	float: left;
	height: 701px;
	width: 139px;
	position: relative;
	
	/* uncomment this to allow vertical stretching 
	min-height: 701px;
	_height: 701px;  
	*/
		min-height: 701px;
	_height: 701px;
}
.lcol .logo {
	background: url(../images/logo01.gif);
	height: 214px;
	width: 229px;
	position: absolute;
	left: -90px;
}

/* left navigation menu **********************************************************/

.lcol .lnav {
	position: relative;
	top: 210px;
}
.lnav li {
	background: #90CA98;
	height: 31px;
	border-top: 4px solid #fff;
	
	/* uncomment this to allow vertical stretching 
	min-height: 31px;
	_height: 31px;  
	*/
		min-height: 31px;
	_height: 31px;
}
#widebutt {
	height: 45px;
}
.lnav a:hover {
	background: #12763a;
}
.lnav li:hover {
	background: #12763a;
}
.lnav a {
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
	text-decoration: none;
}
.lnav p {
	margin: 6px 8px;
}
.lbot {
	background: #90CA98;
	width:100%;
	/*height: 87px;
	height: 73px;*/
	height:25px;
	position: absolute;
	bottom: 0px;
}

/* header **********************************************************/

.rcol {
	float: right;
	width: 579px;
	height: 100%;
	position: relative;
}
.hdr {
	position: relative;
}
.hdr .greenbit {
	position: relative;
	background: #12763a;
	height: 125px;
}
.hdr .john {
	background: url(../images/jb1.jpg);
	position: absolute;
	height: 167px;
	width: 135px;
	left: 16px;
	top: 0px;
}
.hdr .greenbit .hdrtxt {
	background: url(../images/hdrtxt.gif);
	height: 102px;
	width: 237px;
	position: relative;
	left: 168px;
	top: 8px;
}

.courselist
{
	/* background: url(../images/hdrtxt.gif); */
	height: 102px;
	width: 297px;
	position: relative;
	left: 168px;
	top: 8px;
}

.courselistTop
{
	Font-Size:35px;
	line-height:30px;
	font-family:Impact;
	color:#E4EDDA;
	text-decoration:none;
}
.courselistOthers
{
	Font-Size:28px;
	line-height:27px;
	font-family:Impact;
	text-decoration:none;
}

.titleText
{
	color:White;
	font-family:Mistral;
	font-size:40px;
	margin-left:5px;
}

.hdr .greenbit .hdrght {
	background: url(../images/hdrght.gif);
	position: absolute;
	height: 125px;
	width: 37px;
	top: 0px;
	right: -1px;
}

/* top navigation menu **********************************************************/

.rednav {
	position: absolute;
	height: 30px;
	width: 100%;
	top: 137px;
	background: #eb1c22;
}
.rednav li {
	float: right;
	border-left: 1px solid #90CA98;
	height: 30px;
}
.rednav a:hover {
	background: #12763A;
}

.rednav a {
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	display: block;
	height: 30px;
}
.rednav p {
	text-align: center;
	padding-top: 8px;
}

/* fixed widths for IE :) */

#b1 {width: 132px;}
#b2 {width: 33px;}
#b3 {width: 57px;}
#b4 {width: 82px;}
#b5 {width: 62px;}
#b6 {width: 58px;}


/* main content frame **********************************************************/

.mainbody {
	/* min-height: 534px; stretch */
	min-height: 534px; 
	overflow-y: auto;
	height: 534px;
	background: #90ca98;
	width: 100%;
	position: absolute;
	top: 167px;
	color:White;
	font-family:helvetica;
}


/* footer **********************************************************/


.ftr {
		background: url(../images/ftr.jpg);
		margin: -20px auto;
		height: 93px;
		width: 723px;
}
.ftrText
{
		margin: 20px auto;
		height: 15px;
		width: 723px;
			text-align:right;
			vertical-align:bottom;
			color:#90ca98;
}

.ftrText a
{
	color:#90ca98;
}

.ftrText a:hover
{
	color:#90ca98;
	text-decoration:none;
}