/* CSS Document */

.subheading
{
	text-decoration: none;
}

body {
	background: #308170 url(/images/bg/body.gif) top left repeat-y;
	margin: 0 auto
	}
	
/*----------------------------------------------------------------------------------------------------------------*/	
	
#container {
	width: 934px;
	height: 100%;
	margin: 0px;
	border: none;
	}	
	
#top {
	height: 24px;
	width: 722px;
	background: #01644f;
	margin: 0px;
	font: 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	vertical-align: middle;
	text-align: left;
	padding: 8px 0px 0px 5px;
	}
	
#top ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
#top li {
	margin: 0px;
	padding: 0px;
	display: inline
	}	
	
	
#top p {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 5px 0px 0px;
	float: right
	}	
	
#top form {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: -5px 0px 0px 0px;
	float: right;
	padding: 0px 5px 0px 0px
	}	
	
#top .textfield {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff8e2;
	border: 2px solid #247b68;
	margin: -22px 0px 0px 0px;
	}	
	
#top .submit {
	margin: 2px 7px 0px 3px;
	padding: 0px;
	}		
	
#top a {
	color: #FFF;
	text-decoration: underline;
	padding: 0px 5px 0px 5px;
	}
	
#top a:hover {
	color: #ffd600;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	}
	
#top strong {
	color: #ffd600;
	font-weight: bold;
	}

#topblack {
	background: #FFF url(/images/bg/whiteshadow.gif) top left repeat-y;
	width: 211px;
	height: 123px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 723px;
	padding: 0px 0px 0px 0px
	}	
	
#topblack h1{
	background: #000;
	width: 211px;
	height: 24px;
	margin: 0px 0px 0px 0px;
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 8px 0px 0px 0px
	}	

#topblack p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px 15px -10px 15px;
	}	
	
#topblack a {
	color: #00654f;
	font-weight: bold;
	text-decoration: none;
	}
	
#topblack a:hover {
	color: #ffd600;
	font-weight: bold;
	text-decoration: none;
	}
	
#topblack ul {
	margin: 5px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	}
	
#topblack li {
	margin: 0px;
	padding: 0px;
	font: 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	}
	
#topblack img {
	margin: 3px 3px -3px 0px;
	padding: 0px;
	}

/*----------------------------------------------------------------------------------------------------------------*/	

	
#topbanner {
	background: #308270 url(/images/bg/topbanner.gif) top left repeat-x;
	height: 109px;
	width: 723px;
	}
	
#topbanner img.h1{
	margin: 10px 10px 10px 10px;
}


#topbanner img.h2{
	margin: 10px 10px 10px 10px;
}

#topbanner img.h3{
	position: absolute;
	margin: 30px 0px 0px 10px;
	left: 312px;
}

#topbanner img.h4{
	display: none;
}

#topbanner img.enquire{
	padding-left: 13px;
}
	
#topbanner p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: -45px 10px 0px 325px;
	}	
	
#topbanner a {
	color: #FFF;
	text-decoration: underline;
	}
	
#topbanner a:hover {
	color: #ffd600;
	text-decoration: none;
	}	

/*----------------------------------------------------------------------------------------------------------------*/	

	
.bar {
	width: 934px;
	height: 30px;
	background: #00654f;
	text-align: left;
	float: left
	}
	
.bar h1 {
	width: 193px;
	height:23px;
	margin: 0px 0px 0px 0px;
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding: 7px 0px 0px 12px;
	border-right: 1px solid #6cc7b3;
	float: left
	}
	
.bar h2 {
	width: 517px;
	height:23px;
	margin: 0px 0px 0px 0px;
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	padding: 7px 0px 0px 0px;
	float: left
	}	
	
.bar h3 {
	width: 210px;
	height:23px;
	margin: 0px 0px 0px 0px;
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 7px 0px 0px 0px;
	border-left: 1px solid #6cc7b3;
	float: right
	}		
	
.bar p{
	margin: 0px 0px 0px 0px;
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 2px 0px 0px 0px;
	}
	
.footerbar {
	width: 934px;
	height: 30px;
	background: #00654f;
	text-align: left;
	float: left
	}
	
.footerbar p{
	margin: 0px 0px 0px 0px;
	font: 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 5px 0px 0px 0px;
	}
	
.bar a {
	color: #FFF;
	text-decoration: none;
	}
	
.bar a:hover {
	color: #ffd600;
	text-decoration: none;
	}	
	
.news {
	margin: 0px 0px 0px 0px;
	font: 85% Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding: 2px 0px 0px 0px;
	background: #00654f;
	width: 729px;
	}	
	
/*----------------------------------------------------------------------------------------------------------------*/	

#content {
	width: 934px;
	height: 100%;
	text-align: left;
	}
	
#leftnav {
	width: 205px;
	height: 100%;
	border-right: 1px solid #6cc7b3;
	background: #fff8e2;
	float:left
}	

#leftnav form {
	margin: 0px 0px 10px 0px;
	}	
	
#leftnav .textfield {
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff8e2;
	border: 2px solid #247b68;
	margin: 6px 0px 0px 0px;
	width: 142px
	}	
	
#leftnav .submit {
	margin: 5px 0px -5px 5px;
	padding: 0px;
	}		
	
#leftnav h1{
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 2px 10px 12px;
}

#leftnav p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 5px 0px 0px 0px;
	}	
	
#leftnav hr {
	height: 1px;
	border: none;
	border-top: 1px dotted #00654f;
	}
	
#leftnav  ul {
	list-style-type: none;
	text-align: left;
	padding: 0px 5px 10px 20px;
	margin: 0px 5px 0px -10px;
	}
	
#leftnav  li {
	list-style-type: none;
	list-style-image: url(/images/bg/leftbullet.gif);
	/list-style-image: url(/images/bg/leftbulletie.gif);
	text-align: left;
	margin: 0px 5px 0px 20px;
	font: 70%/1.3 Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #00654f;
	}	

/**/
#leftnav  li.sub{
	list-style-type: none;
	list-style-image: url(/images/bg/leftbullet.gif);
	/list-style-image: url(/images/bg/leftbulletie.gif);
	text-align: left;
	margin: 0px 5px 0px 0px;
	font: 100%/1.2 Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color: #00654f;
	padding: 0px;
	}
	
.navbox {
	padding: 0px 0px 0px 0px;
	width:205px;
	display: block;
	margin: 0px 0px 0px 0px;
	}
	
.navbox a {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #fcf9f1;
	border-top: 1px solid #dad4c0;
	}
	
.navbox a:hover {
	display: block;
	text-decoration: none;
	background: #ffce05;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #ffce05;
	border-top: 1px solid #dad4c0;
	}
	
.linkbox {
	padding: 0px 0px 0px 0px;
	width:205px;
	height:30px;
	display: block;
	margin: 0px 0px 0px 0px;
	background: #ffce05;
	font: 70%/1.2 Arial, Verdana, Helvetica, sans-serif;
	}
	
.linkbox a {
	display: block;
	text-decoration: none;
	color: #00654f;
	margin: 0px;
	padding: 8px 0px 7px 12px;
	border-bottom: 1px solid #ffce05;
	border-top: 1px solid #dad4c0;
	}
	
.linkbox a:hover {
	display: block;
	text-decoration: none;
	background: #00654f;
	color: #ffce05;
	margin: 0px;
	padding: 8px 0px 7px 12px;
	border-bottom: 1px solid #00654f;
	border-top: 1px solid #dad4c0;
	}

/*----------------------------------------------------------------------------------------------------------------*/	

#centercontent {
	width: 517px;
	background: #fff8e2;
	float:left;
	}
	
#centercontent .middle{
	width: 487px;
	background: #fff8e2;
	padding: 15px;
	float: left
	}
	
#centercontent .middle h1{
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 10px 0px;
}
#centercontent .middle h2{
	font: italic 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 0px 0px;
}

#centercontent .middle h3{
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 10px 0px;
}

#centercontent .middle h4{
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px 0px 0px 0px;
}

#centercontent .middle h5{
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 5px 0px 0px 0px;
}

#centercontent .middle p {
	font: 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 5px 0px;
	}
	
#centercontent .middle em {
	font: 80% Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 0px 5px 0px;
	font-style: normal
	}	
	
#centercontent .middle ol {
	font: 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 25px;
	}
	
#centercontent .middle ul {
	font: 80% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 25px;
	}
	
#centercontent .middle li {
	color: #00654f;
	margin: 0px ;
	}	

	
#centercontent .middle a {
	color: #00654f;
	text-decoration: underline;
	}
	
#centercontent .middle a:hover {
	color: #000;
	text-decoration: none;
	}
	
#centercontent .middle hr {
	height: 1px;
	border: none;
	border-top: 1px dotted #00654f;
	}
	
#centercontent .column {
	height: 100%;
	width: 258px;
	float: left;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #47a590;
	border-right: 1px solid #47a590;
	}
	
#centercontent .columnright {
	height: 100%;
	width: 258px;
	float: left;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #47a590;
	border-right: none;
	}
	
#centercontent .column h1, #centercontent .columnright h1{
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px;
}
#centercontent .column h2, #centercontent .columnright h2{
	font: italic 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 0px 0px 0px;
}

#centercontent .column p, #centercontent .columnright p{
	font: 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 10px 0px 10px;
	}	
	
#centercontent .column a, #centercontent .columnright a {
	display: block;
	text-decoration: none;
	padding: 0px 0px 10px 0px;
	}
	
#centercontent .column a:hover, #centercontent .columnright a:hover {
	display: block;
	background: #ffce05;
	text-decoration: none;
	padding: 0px 0px 10px 0px;
	}	
	
#centercontent .column img.headline {
	margin: 0px 10px 10px 0px;
	float: left
	}
	
#centercontent .middletight {
	width: 517px;
	background: #fff8e2;
	height: 100%;
	padding: 0px 0px 0px 0px;
	float: left
	}	
	
#centercontent .middletight img.main {
	margin: 0px 10px 0px 0px;
	float: left
	}
	
#centercontent .middletight h1{
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px 15px 0px 5px;
}
#centercontent .middletight h2{
	font: italic 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px 15px 0px 5px;
}

#centercontent .middletight p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px 15px 0px 5px;
	}	
	
.map {
	background: #fff8e2;
	height: 310px;
	padding: 15px 0px 7px 15px;
	float: left
	}	
	
.mainimage {
	width: 517px;
	background: #fff8e2;
	height: 148px;
	padding: 0px;
	}
	
.offerimage {
	width: 517px;
	background: #FFF;
	height: 170px;
	padding: 0;
	}
	
.mainleft {
	width: 229px;
	background: #308170;
	height: 118px;
	float: left;
	padding: 15px;
	}
	
.mainleft h1{
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 0px 0px 0px;
}
.mainleft h2{
	font: italic 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 0px 0px 0px;
}

.mainleft p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #f7ed94;
	margin: 0px;
	}	
	
.mainleft small {
	font: 90% Arial, Helvetica, sans-serif;
	color: #f7ed94;
	margin: 0px 0px 0px 0px;
	}	
	
.mainleft a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
.mainleft a:hover {
	color: #ffd600;
	font-weight: bold;
	text-decoration: none;
	}	
	
.mainright {
	width: 249px;
	height: 148px;
	float: left
	}
	
#breadcrumb {
	height: 19px;
	width: 497px;
	background: #00654f;
	text-align: left;
	padding: 3px 10px 0px 10px
	}
	
#breadcrumb p {
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	}
	
#breadcrumb em {
	font: bold 120%/0.5 Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFF;
	margin: 0px;
	}	
	
#breadcrumb  a {
	color: #FFF;
	text-decoration: underline;
	}
	
#breadcrumb a:hover {
	color: #ffd600;
	text-decoration: none;
	}	
	
.greenbar {
	height: 22px;
	width: 497px;
	background: #00654f;
	text-align: left;
	padding: 8px 10px 0px 10px;
	float: left
	}
	
.greenbar p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	}	
	
.greenbar strong {
	font-weight: bold ;
	color: #FFF;
	}	
	
#rightcolumn {
	width: 211px;
	background: #FFF url(/images/bg/whiteshadow.gif) top left repeat-y;
	float:left;
	height: 100%
	}
	
.newsletterbox {
	display: block;
	width:211px;
	border-bottom: 1px solid #ccc;
}

.newsletterbox img {
	float: left;
	margin: 0px 7px 0px 10px;
	/margin: 10px 7px 0px 10px;
	}
	
.newsletterbox h1 {
	margin: 10px 10px 0px 67px;
	font: bold 70%/1.2 Arial, Helvetica, sans-serif;
}	

.newsletterbox p {
	margin: 7px 10px 10px 67px;
	font: 70%/1.2 Arial, Helvetica, sans-serif;
}

.newsletterbox a {
	display: block;
	text-decoration: none;
	color: #00654f;
	}
	
.newsletterbox a:hover {
	display: block;
	text-decoration: none;
	color: #ffce05;
	}
	
.rightlinkbox {
	padding: 0px 0px 0px 0px;
	width:211px;
	height:30px;
	display: block;
	margin: 0px 0px 0px 0px;
	background: #ffce05 url(../images/bg/linkbox.gif) repeat-y top left;
	font: 70%/1.2 Arial, Verdana, Helvetica, sans-serif;
	}
	
.rightlinkbox a {
	display: block;
	text-decoration: none;
	color: #00654f;
	margin: 0px;
	padding: 9px 0px 8px 12px;
	}
	
.rightlinkbox a:hover {
	display: block;
	text-decoration: none;
	background: #00654f url(../images/bg/linkbox_over.gif) repeat-y top left;
	color: #ffce05;
	margin: 0px;
	padding: 9px 0px 8px 12px;
	}
	
.mailinglist {
	padding: 12px;
	width:187px;
	height: 140px;
	display: block;
	margin: 0px 0px 0px 0px;
	background: #00654f;
	border-bottom: 1px solid #ccc
}

.mailinglist p {
	font: 70%/1.2 Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	color: #fff
	}

.mailinglist form {
	margin: 0px;
	}
	
.mailinglist .textfield {
	width: 177px;
	background: #fff;
	border: 2px solid #247b68;
	color: #000;
	font: 70%/1.2 Arial, Verdana, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px 0px 5px 0px;
}	

.mailinglist .submit {
	float: right;
	margin: 0px;
	}
	
.mapbox {
	padding: 0px 0px 0px 0px;
	width:211px;
	height:275px;
	display: block;
	margin: 0px 0px 0px 0px;
	background: #ffce05 url(../images/bg/linkbox.gif) repeat-y top left;
	}
	
.mapbox p {
	font: 70%/1.2 Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 12px;
	}
	
.mapbox a {
	display: block;
	text-decoration: none;
	color: #00654f;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	}
	
.mapbox a:hover {
	display: block;
	text-decoration: none;
	background: #00654f url(../images/bg/linkbox_over.gif) repeat-y top left;
	color: #ffce05;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	}

	
	
#footer {
	height: 30px;
	width: 914px;
	background: #FFF;
	text-align: left;
	padding: 4px 10px 0px 10px;
	float: left;
	text-align: center
	}
	
#footer p {
	font: 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px;
	}	

#footer a {
	color: #00654f;
	text-decoration: underline;
	font-weight: bold
	}
	
#footer a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold
	}	
	
#footer .sponsor strong {
	color: #00654f;
	} 	
		
/*----------------------------------------------------------------------------------------------------------------*/	

.middle #quickform {
	margin: 0;
	padding: 0px 2px 0px 2px;
	}
	
.middle #quickform td {
	padding-right: 25px;
}

.middle #quickform td.nopad {
	padding-right: 0px;
}

.middle #quickform td.lift {
	padding: 0px 0px 5px 0px;
}

.middle #quickform td.right {
	padding: 0px 0px 5px 0px;
	text-align: right
}
	
.middle #quickform h1 {
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 10px 5px 15px 5px;
	}	
	
.middle #quickform p {
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px 5px 3px 5px;
	display: inline
	}	
		
.middle #quickform em {
	font-style: normal;
	font-weight: normal;
	font: Arial, Helvetica, sans-serif;
	color: #00654f;
	margin: 0px;
	}

	
.middle #quickform .textfield {
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff8e2;
	border: 2px solid #00654f;
	margin: 3px 0px 10px 0px;
	width: 180px
	}	
	
.middle #quickform .multitextfield {
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff8e2;
	border: 2px solid #00654f;
	margin: 3px 0px 10px 0px;
	width: 180px;
	height: 114px
	}
	
.middle #quickform .commentsfield {
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff8e2;
	border: 2px solid #00654f;
	margin: 3px 0px 10px 0px;
	width: 180px;
	height: 64px
	}		
	
.middle #quickform .dropdown {
	font: 70% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff8e2;
	border: 2px solid #00654f;
	margin: 3px 0px 10px 0px;
	width: 186px
	}
	
.middle #quickform .checkbox {
	font: 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #00654f;
	border-bottom: 1px solid #00654f;
	border-right: 1px solid #00654f;
	margin: 0px 0px 0px 0px
	}
	
.training {
	margin: 0px;
	padding: 3px 0px 0px 5px;
	}

.training td.dark {
	background: #f1e78d;
	}