/*============================
colours
light blue background etc #89b8fe
dark blue & main text #183867
leftCol background #d7e5fb
=============================*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-size: small;
	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color: #183867;
	text-align:center; /*for IE6 etc*/
	background: #89b8fe url(../site_graphics/body_back.jpg) repeat-x fixed center top;
	padding: 0 0 30px 0;
}
div.clearit {
	clear: both;
}
/*-------------------
contains everything
--------------------*/
div#outerWrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #183867;
	border-top: none;
	background: #fff;
}
/*-------------------------------------
banner at top of page including Flash
-------------------------------------*/
div#bannerWrap {
	width: 960px;
	height: 250px;
	text-align: center;
	padding: 0;
	background-color: #FFF;
	overflow: hidden;
}
div#bannerWrap img {
	display: block;/*prevents unwanted margin*/
}
/*==============
main navigation
==============*/
div.menuWrap {
	width: 960px;
	background: #89b8fe url(../site_graphics/nav-back.gif) repeat-x left bottom;
	border-top: 1px solid #fff;
}
table.menuHolder {
	margin: 0 auto;
}
div.menuWrap table.menuHolder ul.navTop {  
	padding:0;   
	list-style: none;
	height: 31px; 
	display: table;
	z-index: 999;
}
div.menuWrap table.menuHolder ul.navTop li {
	margin: 0 auto;
	position: relative;
	float: left;
	z-index: 999;
} 
div.menuWrap table.menuHolder ul.navTop li a {
	height: 31px;
	padding: 0 20px;
	color: #fff;
	font-weight: 900;
	font-size: 14px;
	line-height: 31px;
	display:  block;
	text-decoration: none;
	text-align: center;
	background: url(../site_graphics/nav-divider.gif) no-repeat right 0px;
	float: left;
} 
div.menuWrap table.menuHolder ul.navTop li a:hover, div.menuWrap table.menuHolder ul.navTop li a:active, div.menuWrap table.menuHolder ul.navTop li a:focus { 
	background: url(../site_graphics/nav-divider.gif) no-repeat right -31px;
	color: #fff; 
	text-decoration: underline;
	z-index: 999;
}
div.menuWrap table.menuHolder ul.navTop li a.classes:hover {
}
div.menuWrap table.menuHolder ul.navTop a.currentPage:link, div.menuWrap table.menuHolder ul.navTop a.currentPage:visited, div.menuWrap table.menuHolder ul.navTop a.currentPage:hover, div.menuWrap table.menuHolder ul.navTop a.currentPage:active, div.menuWrap table.menuHolder ul.navTop a.currentPage:focus {  
	text-decoration: none;
	background: url(../site_graphics/nav-divider.gif) no-repeat right -62px;
	z-index: 999;
}
/*==================
submenu
====================*/
div.menuWrap table.menuHolder ul.navTop ul {  
	width: 150px;
	position: absolute;   
	left: 0; 
	top: 31px;  
	display: none;
	margin: 0 0 0 -1px;   
	padding: 0;   
	list-style: none;
	z-index: 999;
	background: #85b4f9;
	border: 1px solid #416ba8;
	border-top: none;
	text-align: left; 
}
div.menuWrap table.menuHolder ul.navTop ul li {  
	border-top: 1px solid #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
	z-index: 999;
}
div.menuWrap table.menuHolder ul.navTop ul a:link, div.menuWrap table.menuHolder ul.navTop ul a:visited {
	width: 120px; 
	height: 31px;
	display: block;
	text-align: left; 
	padding: 0 0 0 30px;
	color: #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
	z-index: 999;
} 
div.menuWrap table.menuHolder ul.navTop ul a:hover {  
	text-decoration: underline;
	background: url(../site_graphics/subnav-divider.gif) no-repeat 120px center; 
	z-index: 999;
} 
/*-------------
menu lower row
-------------*/
div.menuWrap table.menuHolder ul.navBottom {  
	padding: 0;   
	list-style: none;
	height: 31px; 
	z-index: 5;
}
div.menuWrap table.menuHolder ul.navBottom li {
	margin: 0 auto;
	position: relative;
	float: left;
	z-index: 5;
} 
div.menuWrap table.menuHolder ul.navBottom li a {
	height: 31px;
	padding: 0 20px;
	color: #fff;
	font-weight: 900;
	font-size: 14px;
	line-height: 31px;
	display:  block;
	text-decoration: none;
	text-align: center;
	background: url(../site_graphics/nav-divider.gif) no-repeat right 0px;
	float: left;
	z-index: 5;
} 
div.menuWrap table.menuHolder ul.navBottom li a:hover, div.menuWrap table.menuHolder ul.navBottom li a:active, div.menuWrap table.menuHolder ul.navBottom li a:focus { 
	background: url(../site_graphics/nav-divider.gif) no-repeat right -31px;
	color: #fff; 
	text-decoration: underline;
	z-index: 5;
}


div.menuWrap table.menuHolder ul.navBottom a.currentPage:link, div.menuWrap table.menuHolder ul.navBottom a.currentPage:visited, div.menuWrap table.menuHolder ul.navBottom a.currentPage:hover, div.menuWrap table.menuHolder ul.navBottom a.currentPage:active, div.menuWrap table.menuHolder ul.navBottom a.currentPage:focus {  
	text-decoration: none;
	background: url(../site_graphics/nav-divider.gif) no-repeat right -62px;
	z-index: 5;
}




/*==================
submenu navBottom
====================*/
div.menuWrap table.menuHolder ul.navBottom ul {  
	width: 210px;
	position: absolute;   
	left: 0; 
	top: 31px;  
	display: none;
	margin: 0 0 0 -1px;   
	padding: 0;   
	list-style: none;
	background: #85b4f9;
	border: 1px solid #416ba8;
	border-top: none;
	text-align: left; 
	z-index: 5;
}
div.menuWrap table.menuHolder ul.navBottom ul li {  
	border-top: 1px solid #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
}
div.menuWrap table.menuHolder ul.navBottom ul a:link, div.menuWrap table.menuHolder ul.navBottom ul a:visited {
	width: 180px; 
	height: 31px;
	display: block;
	text-align: left; 
	padding: 0 0 0 30px;
	color: #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
	z-index: 5;
} 
div.menuWrap table.menuHolder ul.navBottom ul a:hover {  
	text-decoration: underline;
	background: url(../site_graphics/subnav-divider.gif) no-repeat 180px center; 
	z-index: 5;
} 




/*=========================
all content below menu
=========================*/
div#upperWrap {
	background: url(../site_graphics/leftcol-back.gif) no-repeat 0 bottom;
	text-align: left;
	margin: 0 0 0 0;
}
div#upperWrap a:link, div#upperWrap a:visited, div.wideBox a:link, div.wideBox a:visited {
	color: #a42134;
	font-weight: bold;
}
div#upperWrap a:hover, div#upperWrap a:active, div#upperWrap a:focus,  div.wideBox a:hover,  div.wideBox a:active,  div.wideBox a:focus {
	color: #fff;
	background: #a42134;
}
/*====================
leftCol - intros etc
====================*/
div#leftCol {
	width: 604px;
	margin: 25px 0 0 25px;
	background: #d7e5fb;
	border: 1px solid #183867;
	border-bottom: 0;
	text-align: left;
}
div#leftCol img {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}
div#leftCol img.headingBanner {
	float: none;
	margin: 0 0 5px 0;
	background: url(../site_graphics/leftcol-back.gif) no-repeat left bottom;
}
div#leftCol p {
	padding: 0 20px 10px 20px;
}
/*==================================
rightCol - weather, page names etc
=================================*/
div#rightColWrap {
	width: 279px;
	margin: 0 25px 0 0;
	text-align: left;
	float: right;
	display: inline;
}
div#rightColWrap h2 {
background: url(../site_graphics/small_box_news.gif) no-repeat center top;
	text-indent: -9000px;
	line-height: 33px;
}
div#rightColWrap div.box, div.wideBox div.box {
	border: 1px solid #89b8fe;
}
div#rightColWrap div.box p,  div.wideBox div.box p {
	padding: 5px 10px;
}
div#rightColWrap div.box img {
	display: block;
	margin: 10px auto 0 auto;
}
div#rightColWrap h2.weatherHeading {
	margin-top: 25px;
background: url(../site_graphics/small_box_weather.gif) no-repeat center top;
}
/*====================================
box that stretches across whole page 
====================================*/
div.wideBox {
	width: 910px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: left;
}
div.wideBox h2 {
	background: url(../site_graphics/wide_box_aerial.gif) no-repeat center top;
	text-indent: -9000px;
	line-height: 33px;
}
div.wideBox div.boxAerial {
	background: url(../site_graphics/widebox_aerial-pic.jpg) no-repeat right top;
}

/*====================
telephone number etc
======================*/
div#footer {
	margin: 0 25px 25px 25px;
	font-weight: bold;
	border-top: 1px solid #89b8fe;
	border-bottom: 1px solid #89b8fe;
	text-align: center;
}
div#footer p {
	padding: 5px 10px;
}

div#footer a:link, div#footer a:visited {
	color: #a42134;
	font-weight: bold;
}
div#footer a:hover, div#footer a:active, div#footer a:focus {
	color: #fff;
	background: #a42134;
}


/*=========================
3 cols 
===========================*/
div.threeColWrap {
	width: 910px;
	margin: 25px auto;
	text-align: left;
	background: url(../site_graphics/index_3_col_back.gif) no-repeat left bottom;	
}
div.threeColWrap h2 {
	background: url(../site_graphics/wide_box_aerial.gif) no-repeat center top;
	text-indent: -9000px;
	line-height: 33px;
}
div.thirdsBox h2.meals {
	background: url(../site_graphics/thirdsbox_meals.gif) no-repeat center top;
}
div.thirdsBox h2.text {
	background: url(../site_graphics/thirdsbox-text.gif) no-repeat center top;
}
div.thirdsBox h2.calendar {
	background: url(../site_graphics/thirdsbox_calendar.gif) no-repeat center top;
}
div.thirdsBoxRight h2.tour {
	background: url(../site_graphics/thirdsbox_tour.gif) no-repeat center top;
}
div.thirdsBox {
	width: 285px;
	float: left;
	margin: 0 27px 0 0;
}
div.thirdsBoxRight {
	width: 285px;
	float: right;
	margin: 0;
}
div.thirdsBox div.thirdsBoxInner img, div.thirdsBoxRight div.thirdsBoxInner img {
	display: block;
	float: none;
}
div.thirdsBoxInner {
	border: 1px solid #89b8fe;
	border-bottom: none;
}
div.thirdsBox div.thirdsBoxInner p, div.thirdsBoxRight div.thirdsBoxInner p {
	padding: 0 10px 5px 10px;
	margin: 0;
}
div.thirdsBox div.thirdsBoxInner p a:link , div.thirdsBox div.thirdsBoxInner p a:visited {
	color: #a42134;
	font-weight: bold;
}
div.thirdsBox div.thirdsBoxInner p a:hover, div.thirdsBox div.thirdsBoxInner p a:focus, div.thirdsBox div.thirdsBoxInner p a:active {
	color: #fff;
	background: #a42134;
}

div.thirdsBoxRight div.thirdsBoxInner p a:link , div.thirdsBoxRight div.thirdsBoxInner p a:visited {
	color: #a42134;
	font-weight: bold;
}
div.thirdsBoxRight div.thirdsBoxInner p a:hover, div.thirdsBoxRight div.thirdsBoxInner p a:focus, div.thirdsBoxRight div.thirdsBoxInner p a:active {
	color: #fff;
	background: #a42134;
}
div.thirdsBoxInner img {
	display: block;
	margin: 0 auto 5px auto;
}