/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: url(images/bgcolour.gif) top center;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:970px;
	background: #FFFFFF url(images/bg-main.gif) top left repeat-y;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#header {
	margin:0 0 0 90px;
	padding-top:30px;
	height:115px;
}
#header p.get {
	font-size: 26px !important;
	color:#58ad41;
	margin:0;
}
div#main {
	background: transparent url(images/bg-header.gif) top left no-repeat;
	padding-bottom:5em;
}
#content {
	text-align:	justify; 
	margin-left:180px; 
	background:transparent; 
	padding:0 15px 10px 8px;
}
#content p {
	margin: 0px 0px 10px 0px;
	line-height:1.4;
}
#content h1 {
	font-size: medium;
	font-weight: bold;
	color: #58ad41;
	margin:0px 0px 10px 0px;
}
#content h2 {
	font-size:110%;
	font-weight: bold;
	color: #000000;
	margin: 15px 0 7px 0;
}
#content h3 {
	font-size: small;
	font-weight: bold;
	color: #58ad41;
	margin:20px 0px 7px 0px;
}
#content a, #content a:visited {
	color: #58ad41;
}
#content a:hover {
	text-decoration:none;
}
.listhead {
	margin-bottom:5px;
}
#content ul {
	margin-top: 0px;
	margin-left:25px;
	padding-left:0;
}
#content li {
	line-height:1.4;
	list-style-image:url(images/bullet.gif);
}
.image {
	float:right;
	margin-left:25px;
}
.imageleft {
	float:left;
	margin: 0 10px 0 -5px;
}

div#sidenav{
	float:left; 
	width: 175px; 
	text-align:left; 
	background: transparent;
	color:#0C1843;
	padding-top:140px;
}
#sidenav p {
	margin: 10px 18px 10px 10px;
}
#sidenav ul {
	margin: 5px 0px;
	padding:0;
	list-style:none;
	font: bold 15px/22px verdana, Arial, Helvetica, sans-serif;
}
#sidenav li  {
	margin:0;
	padding:0;
	display:inline;
}
#sidenav li.class {
	font-weight:normal;
	font-size:13px;
}
#sidenav li.class a { color:#000000; font-weight:bold; }

#sidenav li a {
	width: 155px; 
	display:block;
	background: transparent;
	text-decoration:none;
	color:#FFFFFF;
}
#sidenav li a:hover {
	background:url(images/header-bg.gif);
	color:#bde6f9;
	text-decoration:none;
}
#sidenav li a span {
	display:block;
	padding:0 0 0 15px;
}

input, textarea {
	width: 270px;
}

.red {color: #FF0000}


div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background: url(images/flower-bottom.jpg) bottom right no-repeat;
	font-size:small;
	height:90px;
}
.contact {
	float:left; width:160px; text-align:center; font-size:14px; line-height:1.4; padding-bottom:10px; margin-right:20px;
}
div#footer p {
	padding:1em;
	margin:0;
}
div#footer a:link {
	color:#378a21 !important;
}


/**************************** booking form formatting ****************************/
form {
	width:600px;
}
form h3, form p {
	clear:left;
}
form h3 {
	font-size:14px !important;
}
select, input, textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px;
	height:18px;
	border: 1px solid #999999;
	padding-left:2px;
}
select {
	height:22px;
}
textarea {
	height:80px;
}
select.required, input.required, textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
label {
	text-align: left;
	width: 150px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 7px;
	float:left;
	height:18px;
	clear:left;
}
label.forcheck {
	width:auto;
	font-weight:normal;
	float:none;
	clear:none;
}
input.check  {
	width: 20px;
	border:0;
}


/************************** course listing formatting ****************************/
span.courseList li {
	color:#49b6e8;
	margin-bottom:3px;
}	
span.courseList ul {
	margin:0 0 18px 0;
}
#content h2.courseList  {
	margin:0 0 5px 0;
	padding:0;
}
.box {
	border:3px solid #58ad41;
	padding:10px;
	margin-left:-10px;
	background: top left repeat-x;
	min-height:50px;
}
.bluebox {
	border-color: #49b6e8;
	background-image:url(images/bluebox-bg.jpg);
}
.greenbox {
	border-color:#58ad41;
	background-image:url(images/greenbox-bg.jpg);
}
#content div.bluebox h3 , #content div.greenbox h3 {
	color:#000000;
	font-size:120%;
	margin:0 0 10px 0
}
#content div.bluebox .image, #content div.bluebox .image,
#content div.bluebox .imageleft, #content div.bluebox .imageleft {
	border:0;
}
form.bookCourse {
	margin:0;
	padding:0;
	margin-bottom:5px;
	height:25px;
	clear:none;
	width:auto;
}
.buynow {
	border:none;
	margin-right:7px;
	width:84px;
	height:23px;
	vertical-align:middle;
}
p.quote {
	color:#666666;
	font-style:italic;
}