/* CSS Document */

body,td,th {
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, sans-serif;
	font-size: 12px;
	color:#666666;
}

body {
	background-color: #CCCCCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a{
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


h1 {
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#66b5e7;
}

h2 {
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color:#909496;
}

h3 {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#909496;
}

h4 {
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#66b5e7;
}

.white {
	color:#FFFFFF;
}

#preload {
	display:none;
}

#overall {
	float:left;
	width:100%;
}

.centeralise {
	width:940px;
	margin:0 auto;
}

#mainArea {
	float:left;
	width:100%;
	background-color:#E2E2E4;
}

#bgImageLeft {
	float:left;
	width:100%;
	background-position:top left;
	background-repeat:no-repeat;
}

#bgImageRight {
	float:left;
	width:100%;
	background-position:top right;
	background-repeat:no-repeat;
}

#headerArea {
	float:left;
	width:100%;
	/*
	background-color:#FFFFFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	*/
	background-image:url(../images/backgrounds/header.png);
	background-repeat:repeat;
}

#headerArea2 {
	float:left;
	width:100%;
	height:160px;
	opacity: 1;
	background-image:url(../images/backgrounds/header.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#header {
	float:left;
	width:940px;
	height:122px;
}


#header .left {
	float:left;
	width:200px;
	padding:35px 0px 0px 0px;
}

#header .right {
	float:right;
	width:600px;
	text-align:right;
	padding:10px 0px 0px 0px;
}

#header .right-row1 {
	float:left;
	width:575px;
	padding:1px 20px 1px 5px; 
	font-size:21px;
	font-weight:bold;
	color:#727678;
}

#header .right-row2 {
	float:left;
	width:575px;
	padding:1px 20px 1px 5px; 
	font-size:15px;
	font-weight:normal;
	color:#727678;
	background-image:url(../images/greyTriangle1.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#header .right-row3 {
	float:left;
	width:575px;
	padding:1px 20px 1px 5px; 
	font-size:23px;
	font-weight:bold;
	color:#66B5E7;
	background-image:url(../images/blueTriangle1.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#header .right-row3 a{
	color:#66B5E7;
	text-decoration:none;
}

#header .right-row3 a:hover{
	color:#727678;
	text-decoration:none;
}

#navigation {
	float:left;
	width:940px;
	font-size:13px;
}

#navigation ul{
	float:left;
	list-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:940px;
}

#navigation li{
	float:left;
	display:block;
	height:36px;
}

#navigation a{
	float:left;
	padding:2px 12px 6px 12px;
	text-decoration:none;
	color:#66b5e7;
	text-decoration:none;
}

#navigation a:hover{
	color:#999999;
	text-decoration:none;
}

#navigation .onIt{
	font-weight:bold;
	background-image:url(../images/onIt.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#contentArea {
	float:left;
	width:100%;
	background-image:url(../images/bottomNavBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#content {
	float:left;
	width:880px;
	padding:40px 0px 0px 60px;
	height:480px;
}

#content2 {
	float:left;
	width:920px;
	padding:40px 0px 0px 20px;
	height:480px;
}

#bottom-navigation {
	float:left;
	width:900px;
	padding:10px 20px 0px 20px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

#bottom-navigation .sideBtn {
	float:left;
	width:300px;
	background-image:url(../images/backgrounds/sideBtn.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#bottom-navigation .sideBtn a {
	float:left;
	width:300px;
	padding:8px 0px 7px 0px;
	color:#66B5E7;
	text-decoration:none;
}

/*
#bottom-navigation .middleBtn {
	float:left;
	width:280px;
	background-image:url(../images/backgrounds/sideBtn.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}


#bottom-navigation .middleBtn a {
	float:left;
	width:280px;
	padding:8px 0px 7px 0px;
	color:#66B5E7;
	text-decoration:none;
}
*/

#bottom-navigation .middleBtn a:hover, #bottom-navigation .sideBtn a:hover {
	background-color:#009EEB;
	color:#FFFFFF;
	background-image:url(../images/backgrounds/sideHover.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

/*
#bottom-navigation .middleBtn {
	float:left;
	width:270px;
	background-image:url(../images/backgrounds/middleBtn.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
}

#bottom-navigation .middleBtn a {
	float:left;
	width:280px;
	padding:14px 0px 8px 0px;
	color:#FFFFFF;
	text-decoration:none;
}

#bottom-navigation .middleBtn a:hover {
	background-image:url(../images/backgrounds/middleBtn-over.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#66B5E7;
}
*/

#footerArea {
	float:left;
	width:100%;
	/*border-top:6px solid #CCCCCC;*/
	background-image:url(../images/backgrounds/footer.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #CCCCCC;
	height:120px;
}

#footer {
	float:left;
	width:940px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	line-height:12px;
	padding:10px 0px 30px 0px;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}



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

#mainContent {
	float:left;
	width:780px;
	padding:0px 20px 0px 20px;
	line-height:18px;
}

#mainContent .title{
	float:left;
	width:780px;
}

#mainContent .title h1, #mainContent .title2 h1{
	font-size:26px;
}

#mainContent .left{
	float:left;
	width:370px;
}

#mainContent .lr-row{
	float:left;
	width:370px;
	padding:0px 0px 20px 0px;
}

#mainContent .left3{
	float:left;
	width:570px;
}


#mainContent .right{
	float:right;
	width:370px;
}

#mainContent .lr-column{
	float:left;
	width:180px;
	padding:0px;
}

#mainContent .left a, #mainContent .left3 a, #mainContent .right a{
	color:#66b5e7;
}

#mainContent .row{
	float:left;
	width:780px;
	padding:10px 0px 20px 0px;
}

#mainContent .column{
	float:left;
	width:170px;
	margin:0px 20px 0px 0px;
}

#mainContent .column-header{
	float:left;
	width:170px;
}

#mainContent .column-header h2{
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#mainContent .column-header a{
	float:left;
	width:150px;
	text-decoration:none;
	padding:10px 10px 10px 10px;
	background-color:#66B5E7;
	color:#FFFFFF;
}

#mainContent .column-header a:hover{
	/*background-color:#b2daf3;*/
	background-image:url(../images/backgrounds/rightNavOver.png);
	background-position:top;
	background-repeat:repeat;
	color:#FFFFFF;
}

#mainContent .column-links{
	float:left;
	width:170px;
}

#mainContent .column-links ul{
	float:left;
	list-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:170px;
}

#mainContent .column-links li{
	float:left;
	display:block;
	padding:1px 0px 1px 0px;
}

#mainContent .column-links a{
	float:left;
	width:150px;
	font-size:12px;
	color:#66B5E7;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}

#mainContent .column-links a:hover{
	/*background-color:#b2daf3;*/
	background-image:url(../images/backgrounds/rightNavOver.png);
	background-position:top;
	background-repeat:repeat;
	color:#FFFFFF;
}


#mainContent .title2{
	float:left;
	width:500px;
}

#mainContent .left2, #mainContent .left4{
	float:left;
	width:470px;
	height:450px;
	padding:0px 20px 0px 0px;
	overflow: auto;
}

#mainContent .left2 a{
	color:#999999;
}

#mainContent .left2 a:hover{
	color:#999999;
}


#mainContent .left2 h1 {
	font-size:26px;
	font-weight:bold;
	color:#66b5e7
}

#mainContent .left2 h2 {
	font-size:20px;
	font-weight:bold;
	
	color:#66b5e7
}

#rightNavigation{
	float:right;
	width:240px;
}



#rightNavigation .title{
	float:left;
	width:240px;
}


#rightNavigation .title h3{
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#rightNavigation .title a{
	float:left;
	width:230px;
	text-decoration:none;
	padding:10px 5px 10px 5px;
	background-color:#66B5E7;
	color:#FFFFFF;
}

#rightNavigation .title a:hover{
	/*background-color:#b2daf3;*/
	background-image:url(../images/backgrounds/rightNavOver.png);
	background-position:top;
	background-repeat:repeat;
	color:#FFFFFF;
}

#rightNavigation ul {
	float:left;
	list-style:none;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:240px;
}


#rightNavigation li{
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
}


#rightNavigation ul .menu0{
	float:left;
	width:240px;
}


#rightNavigation .menu0  a{
	float:left;
	width:220px;
	font-size:12px;
	line-height:12px;
	color:#66B5E7;
	text-decoration:none;
	padding:8px 5px 8px 15px;
}

#rightNavigation .menu0 .onIt{
	/*background-color:#f7f9fb;*/
	font-weight:bold;
	background-image:url(../images/backgrounds/rightNavOnIt.png);
	background-position:top;
	background-repeat:repeat;
}

#rightNavigation .menu1 .onIt{
	font-weight:bold;
	background-image:url(../images/blueTriangle2.gif);
	background-position:left;
	background-repeat:no-repeat;
}


#rightNavigation .menu1{
	float:left;
	width:220px;
	/*background-color:#f7f9fb;*/
	background-image:url(../images/backgrounds/rightNavOnIt.png);
	background-position:top;
	background-repeat:repeat;
	padding:0px 10px 10px 10px;
}

#rightNavigation .menu1 a {
	float:left;
	width:195px;
	font-size:12px;
	line-height:12px;
	color:#66B5E7;
	text-decoration:none;
	padding:8px 5px 8px 20px;
}

#rightNavigation .menu0 a:hover, #rightNavigation .menu1 a:hover{
	/*background-color:#b2daf3;*/
	background-image:url(../images/backgrounds/rightNavOver.png);
	background-position:top;
	background-repeat:repeat;
	color:#FFFFFF;
}


#bookingForm {
	float:right;
	width:350px;
	padding:10px 10px 10px 10px;
	margin:20px 0px 0px 0px;
	border:2px solid #66B5E7;
	background-image:url(../images/backgrounds/form.png);
	background-repeat:repeat;
}

#bookingForm .row1 {
	float:left;
	width:350px;
	padding:0px 0px 20px 0px;
	font-size:14px;
}

#bookingForm .row2 {
	float:left;
	width:350px;
	padding:0px 0px 5px 0px;
}

#bookingForm .row3 {
	float:left;
	width:350px;
	font-size:14px;
	text-align:center;
}

#bookingForm .column1 {
	float:left;
	width:120px;
}

#bookingForm .column2 {
	float:right;
	width:225px;
}

#bookingForm .form {
	width:223px;
	border:1px solid #66b5e7;
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, sans-serif;
	font-size: 12px;
	color: #909496;
}

#bookingForm .submit {
	width:225px;
	border:1px solid #cccccc;
	background-color:#66b5e7;
	color:#FFFFFF;
	padding:5px 0px 5px 0px;
}

#bookingForm .submit:hover {
	border:1px solid #cccccc;
	background-color:#cccccc;
}


#flahArea {
	float:left;
	width:100%;
	height:736px;
	z-index:1;
	position:relative;
	text-align:right;
	overflow:hidden;
}


#flashAreaMoveUp {
	float:left;
	width:100%;
	z-index:5;
	margin-top:-736px;
	position:relative;
}

#flashcontent {
	float:left;
	z-index:2;
	width:100%;
	height:736px;
}

.readMore{
	color:#6FB9E7;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	width:295px;
	text-align:right;
}

.readMore a {
	color:#6FB9E7;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
}

#contactUl{
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;

}

.smallDate {
	font-size:11px;
}

#mainContent .left4 a{
	color:#6FB9E7;
}

#mainContent .left4 a:hover{
	color:#999999;
}


#mainContent .left4 h1 {
	font-size:26px;
	font-weight:bold;
	color:#66b5e7
}

#mainContent .left4 h2 {
	font-size:20px;
	font-weight:bold;
	
	color:#66b5e7
}