/****************** styles created by IP July 09 ******************************/


/************************************   
Universal styles 
************************************/
html {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#333333; margin:0px; padding:0px;}
body {margin:0px; padding:0px; line-height:135%; background-image:url(images/mainbg.jpg); background-repeat:repeat-x; background-position:top;}
a {color:#0E669A; text-decoration:none;}
a:hover {color:#0E669A; text-decoration:underline;}
h1 {font-size:1.6em; padding:0px 0px 7px 0px; margin:0px; color:#0E669A; clear:both;}
h2 {font-size:1.4em; padding:0px 0px 7px 0px; margin:0px; color:#0E669A; clear:both;}
h3 {font-size:1.2em; padding:0px 0px 7px 0px; margin:0px; color:#0E669A; clear:both;}
h4 {font-size:1.1em; padding:0px 0px 7px 0px; margin:0px; color:#0E669A; clear:both;}
p {padding:3px 0px 15px 0px; margin:0px 0px 0px 0px;}
ul {padding:5px 0px 10px 15px; margin:0px;}
li {padding:0px 0px 0px 0px; margin:0px;}
form {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
fieldset {margin: 0; padding:10px 0px 10px 10px; border: 1px solid #ccc; }
legend {font-size:1.2em; color:#0E669A;}


.mainwrapper {margin-right:auto; margin-left:auto; width:983px; background-color:#FFFFFF;}
.innermainwrapper {float:left; width:973px; background-color:#FFFFFF; padding:0px 0px 0px 10px; }

/*.results { position:relative; float:left; margin:10px 0 0 0; }*/

.panelheader h1 {color:#FFFFFF; font-weight:normal; padding:3px 0px 3px 0px;}

/************************************   
Header styles 
************************************/
.headerwrapper {width:963px; float:left; background-color:#FFFFFF; padding:0px 0px 0px 0px;}
.toplinks {float:left; width:963px; padding:0px 0px 0px 0px; text-align:right;}
.toplinks ul {margin:0px 0px 0px 0px; padding:10px 0px 5px 0px; display:inline; list-style-type:none; float:right;}
.toplinks ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline; list-style-type:none;}
.headersecondline {float:left; width:963px;}
.logo {float:left; width:308px;}
.quote {float:right; width:650px; padding:15px 0px 0px 0px; }
.quotestart {float:left; width:58px;}
.quotetext {float:left; width:512px; padding:0px 65px 0px 15px; text-align:center; background-image:url(images/commas_end.jpg); background-repeat:no-repeat; background-position:top right; font-size:1.9em; color:#0E669A; font-weight:bold; line-height:120%;}


/************************** searchbar ******************************/
.searchwrapper {float:left; width:953px; background-image:url(images/breadcrumbbg.jpg); background-repeat:repeat-x; background-position:top; padding:10px 10px 10px 0px; text-align:right;}
/*.formfield {background-color:#CEEAFB; border-top:1px solid #CCCCCC; border-left:#CCCCCC 1px solid; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:3px;}*/
.formfield {background-color:#CEEAFB; border-top:1px solid #CCCCCC; border-left:#CCCCCC 1px solid; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:3px; margin-right: 5px;}
.panelsearchwrapper { float: left; width: 225px; margin-left: 20px; padding-bottom:15px;}
.panelsearchwrapper label { float: left; width: 100%; margin-bottom: 5px;}

/*************** Feature panels *****************/
.featurepanelswrapper {float:left; width:963px; background-color:#FFFFFF; padding:0px 0px 5px 0px;}
/*.singlepanelwrapper {float:right; width:220px; background-color:#3DABED;}
.singlepanelwrapper2 {float:right; width:220px; background-color:#3DABED; margin-right:30px;}*/
.singlepanelwrapper {float:right; width:220px; background-color:#3DABED; margin-right: 20px;}
.singlepanelwrapper2 {float:right; width:220px; background-color:#3DABED; margin-right: 12px;}
.panelhead {float:left; width:220px; background-color:#1287CD;}
.panelheadmiddle {float:left; width:220px; background-color:#1287CD; color:#FFFFFF; padding:5px 0px 5px 0px;}
.paneltext {float:left; width:190px; color:#FFFFFF; padding:10px 10px 0px 10px; min-height:120px;}
.textpanelbottom {float:left; width:220px;}
.panelbutton {float:left; padding:0px 10px 0px 10px;}
.panelheader {float:left; color:#FFFFFF;}
.panelheader h1 {color:#FFFFFF; font-weight:normal; padding:3px 0px 3px 0px;}
.panelheader a {color:#FFFFFF; text-decoration:none;}
.panelheader a:hover {color:#FFFFFF; text-decoration:underline;}
.panelheight {float:left; width:1px; height:130px;}

/***************** breadcrumb ********************/
.breadcrumbwrapper {float:left; width:963px; height:20px; background-color:#FFFFFF; padding:-40px 0px 5px 0px;}


/********************* content holder  ***************************/
.contentwrapper {float:left; width:963px; background-color:#FFFFFF; background-image:url(images/content_bg.jpg); background-repeat:repeat-x;}
.innercontentholder {float:left; width:943px; padding:10px 0px 0px 10px; }
.innercontentbg {float:left; width:943px; background-image:url(images/columnbg.gif); background-repeat:repeat-y;}

/******************* lefthand nav **************************/
.lefthandnavholder {float:left; width:212px; background-color:#FFFFFF; padding:10px 0px 30px 10px;}

.active {font-weight:bold; color:#0E669A; background-image:url(images/nav_bg.gif); background-repeat:repeat-y; background-position:left;}

/********** level one nav *********/
.lefthandnavholder ul {width:202px; background-color:#FFFFFF; list-style-type:none; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; border-bottom:1px solid #CCCCCC;}
.lefthandnavholder ul li { padding:5px 0px 5px 15px; margin:0px 0px 0px 0px; border-top:#CCCCCC 1px solid; width:182px }
.lefthandnavholder a {color:#333333; text-decoration:none;}
.lefthandnavholder a:hover {color:#0E669A; text-decoration:underline;}

/********** level two nav *********/
.lefthandnavholder ul li ul {width:197px; padding:0px 0px 0px 0px; margin:5px 0px -5px -15px; border-bottom:none; background-color:#CEEAFB; border-top:1px solid #CCCCCC; }
.lefthandnavholder ul li ul li { padding:5px 0px 5px 25px; margin:0px 0px 0px 0px; border-top:none; background-image:none;  width:163px;}
.lefthandnavholder ul li ul li a {font-weight:normal;}
.lefthandnavholder ul li ul li a:hover {font-weight:normal;}

/********** level three nav *********/
.lefthandnavholder ul li ul li ul {width:197px; padding:0px 0px 0px 0px; margin:5px 0px -5px -25px; border-bottom:none; background-color:#9CE4FA; border-top:none; background-image:none; position:relative; }
.lefthandnavholder ul li ul li ul li { padding:5px 0px 5px 35px; margin:0px 0px 0px 0px; border-top:none; background-image:none; width:163px;}
.lefthandnavholder ul li ul li ul li a {font-weight:normal;}
.lefthandnavholder ul li ul lu ul li a:hover {font-weight:normal;}



/***************************
index main content
****************************/
.indexrightcolumnholder {float:right; width:691px; background-color:#FFFFFF; padding:20px 10px 0px 10px;}
.indexrightcolumnholder img {float:left; padding:0px 15px 10px 0px;}
.indexcentrecolumn {float:left; width:450px; background-color:#FFFFFF;}
.headlineimagewrapper {float:left; width:450px; position:relative;}
.headlineimagewrapper img {padding:9px; border:1px solid #CCCCCC; width:430px; height:338px;}
.headlineimagewrapper p img {height:auto; width:auto;}
.headlinetext {float:left; position:relative; z-index:99; width:430px; height:85px; background-color:#FFFFFF; margin:-95px 0px 0px 10px; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
*html .headlinetext {float:left; position:relative; z-index:9999; width:430px; height:85px; background-color:#FFFFFF; margin:-95px 0px 0px 5px; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
.headlinetext p {padding:10px 10px 0px 10px; margin:0px 0px 0px 0px;}
.headlinetext a {padding:0px 0px 0px 0px;}
.headlinetext p img {padding:0px 0px 0px 0px; border:none;}



/*************** gallery ******************/
.gallerywrapper {float:left; width:218px; background-color:#FFFFFF; padding:15px 0px 0px 0px;}
.thumbnailwrapper {float:left; width:218px; border-top:#CCCCCC 1px solid; padding:10px 0px 10px 0px;}
.thumbnailimage {float:left; width:100px; background-color:#FFFFFF;}
.thumbnailimage img {float:left; padding:9px; background-color:#FFFFFF; border:1px solid #CCCCCC;}
.thumbnailtext {float:left; padding:0px 0px 0px 5px; width:113px;}

/*************** gallery ******************/
.downloadswrapper {float:left; width:218px; background-color:#FFFFFF; padding:15px 0px 0px 0px; padding:15px 0px 0px 14px;}
.downloadicon {float:left; width:30px; }
.downloadicon img { margin: 0px; padding: 0px;}
.downloadtext {float:right; width:188px; }
/*************** right coulumn ******************/
.indexcontentright {float:right; width:230px; background-color:#FFFFFF;}

/****** newsitem ************/
.newswrapper {float:left; width:230px;}
.newswrapperitem {float:left; width:210px; border-top:#CCCCCC 1px solid; padding:10px 10px 10px 10px; background-image:url(images/subnav_bg.jpg); background-repeat:repeat-x;}

/******* upcoming event ************/
.upcomingeventwrapper {float:left; width:230px; padding:20px 0px 20px 0px;}
.upcomingevent {float:left; width:230px; padding:10px 0px 0px 0px;}
.eventdate {float:left; width:65px; background-image:url(images/datebg.jpg); background-repeat:no-repeat; text-align:center; padding:14px 0px 25px 0px; line-height:160%;}
.datestyle {font-weight:bold; font-size:1.9em; color:#0E669A;}
.eventtext {float:left; width:155px; padding:0px 0px 0px 10px;}

/*calendar styles*/
.calendarwrapper{float:left; width:230px; }
.calendarholder2{float:left; width:180px; background-color:#FFFFFF;}
.calendarsearch{float:left; width:270px; margin-left:30px; border:solid 1px #000;}
.calendarsearch p{padding:0px 0px 15px 0px;}
.eventslist{float:left; line-height:150%; width:580px; }
.eventslist a{text-decoration:none;}
.eventslist a:hover{text-decoration:underline;}
.eventslist{float:left; line-height:150%; width:580px; }
.eventslist ul{float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px;}
.eventslist li{float:left; list-style-type:none; margin:0px 0px 0px 0px; padding:0px 10px 10px 10px; width:560px;}
.eventslist .odd {background-color:#F4F4F4;}
.eventslist .even {background-color:#FFFFFF;}


.calendartext{float:left; width:190px; background-color:#FFFFFF;}
.calendarholder{float:right; width:180px; background-color:#FFFFFF;}
.calendar { border: 0; width: 100%; }
.calendarPrevNext {padding: 0px 10px 0px 10px; color: #0E669A;}
.calendarPrevNextMonth {margin:0px 10px 0px 10px; color:#333333 !important; border:solid 1px #f00;}
.calendarPrevNextMonth a {color:#333333; text-decoration:none;}
.calendarPrevNextMonth a:hover {color:#333333; text-decoration:underline;}
.calendarTitle { color: #0E669A; font-size:1.2em; font-weight:bold; background-image:url(images/calendarbg.jpg); background-repeat:no-repeat; border:none; padding:3px 3px 3px 3px; height:25px;}
.calendarDayHeader { background-color:#1287CD; color: #FFFFFF; font-weight: normal; padding: 3px; margin:2px}
.calendarResult { background-color: #F4F4F4; font-weight: bold; text-decoration: underline; padding: 3px; margin:2px;}
.calendarResult a { color: Black; padding: 3px; margin:2px}
.calendarFixture { background-color:#FF9900; color: White !important;padding: 3px; margin:2px}
.calendarFixture a { text-decoration: none; color: white; }
.calendarFixture a:hover { text-decoration: underline; color:white; }
.calendarDay { background-color:#EAEAEA; color: #444; margin: 2px; padding: 3px;}
.calendarDay a {text-decoration: underline; font-weight: bolder;}
.calendarOtherDay { background-color: White; color: #999;  margin: 2px; padding: 3px;}
/*end calendar styles*/

.viewalldates {float:left; width: 180px; padding:10px 0px 10px 0px;}

/****************** footer **********************/
.footer {float:left; width:943px; background-color:#E2E2E2; padding:0px 10px 40px 10px; background-image:url(images/footerbg.jpg); background-repeat:repeat-x; margin-bottom:20px;}
.footerleft {float:left; width:400px; padding:15px 0px 0px 15px;}
.footerleft ul {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:inline; list-style-type:none;}
.footerleft ul li {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:inline; list-style-type:none;}
.validationlogos {float:right; width:400px; text-align:right; padding:15px 0px 0px 15px;}


/****************************************************************
Sub page styles
*****************************************************************/
.subpagecontentleft {float:left; width:450px;}
.subpagecontentright {float:right; width:225px;}

/****** related docs ************/
.download {float:left; width:225px;}
.downloadwrapperitem {float:left; width:205px; border-top:#CCCCCC 1px solid; padding:10px 10px 10px 10px; background-image:url(images/subnav_bg.jpg); background-repeat:repeat-x;}
.downloadwrapperitemicon {float:left; width:25px;}
.downloadwrapperitemtext {float:left; width:180px;}

/****************************************************************
Contact styles
*****************************************************************/
.bookingform {float:left; width:100%;} 
.bookingform fieldset {padding:9px; border:1px solid #CCCCCC; }
.bookingform legend {color:#0E669A; padding:10px 3px 10px 3px; font-size:1.2em;}
#inputstyle input {border-top:1px solid #CCCCCC; border-left:#CCCCCC 1px solid; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; background-color:#FFFFFF; padding:3px;}
/*
.bookingform textarea {border:1px solid #CCCCCC; background-color:#FFFFFF;}
.bookingform select {border:1px solid #D3D3AF; background-color:#FFFFFF;}
*/
.bookingform table {width:100%; border-collapse:separate; border-spacing: 3pt 3pt; border:none; }
.bookingform table td {padding:8px;}
.bookingform table th {padding: 8px; font-weight:normal; text-align:left; background-color:white;}
.bookingform .beige{background-color:#F0F0E3; text-align:right;}
.bookingform .grey {background-color:#EAEAEA; text-align:center;}
.formelementwrapper {float:left; width:665px; background-color:#FFFFFF; margin-bottom:4px; background-image:url(/images/form_bg.jpg); background-position:top left; background-repeat:repeat-y;}
.formelementwrapper2 {float:left; width:732px; background-color:#FFFFFF; margin-bottom:4px; background-image:url(/images/form_bg2.jpg); background-position:top left; background-repeat:repeat-y;}
.formblockleft {float:left; width:233px; text-align:right; padding:12px 10px 10px 0px;  }
.formblockright{float:left; width:400px; padding:10px 0px 10px 10px; }

/************************************************************
Search results
************************************************************/
.results { position:relative; float:left; width:auto; margin:10px 0 0 0;}
.resultscontainer {float:left; width:450px; padding:0px;}
.newslink {font-size:1.2em; padding:3px 0px 0px 0px;}

/************************************************************
Events page
************************************************************/
.searchpanel {width:700px;}
.searchpanel fieldset {padding:20px; margin:0px; border:1px solid #CCCCCC; float:left; width:90%;}
.searchpanel legend {padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;}
.eventscontainer {float:left; width:100%; padding:0px 0px 10px 0px;}
.listing {float:left; width:100%; padding:20px 0px 0px 0px;}

table {border:1px solid #000;}

/*** Pager - for pagination links (previous / next) ***/
.pager
{
	float: left;
	padding: 5px 0px;
	margin: 0.5em 0;
	height: 18px;
}

.pager .pagerPrevious /* Previous Link */
{
	padding-right: 0.5em;
	color: #999;
}

.pager .pagerNext /* Next Link */
{
	padding-left: 0.5em;
	color: #999;
	border: none;
}

.pager .pagerResults /* 'Articles 1-5 of 11' text span */
{
	font-weight: bold;
	padding-right: 0.5em;
	letter-spacing: normal;
}

.pager .pagerSelected /* Selected Page Number */
{
	font-weight: bold !important;
}

.pager a /* Page Number Link */
{
	text-decoration: none;
}

.autoCompleteItem
{
	background-color: #EEE;
	border-bottom: 1px solid #ccc;
	padding: 4px;
	font-size: smaller;
	z-index:9999;
	display:block;
}

.autoCompleteItemHighlight
{
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	color: #003366;
	background-color: #ffe;
	padding: 4px;
	font-size: smaller;
	z-index:9999;
	cursor:pointer;
	display:block;
}

.star-ranking img
{
	margin:0 4px 0 0;
	padding:0;
}

/***************** IE6 fixes for containers ************************/
*html .singlepanelwrapper {float:right; width:220px; background-color:#3DABED; margin-right: 10px;}
*html .panelsearchwrapper { float: left; width: 225px; margin-left: 10px;}