/* Link styles
------------------------------------------------ */

a:link    {color: #188bc4; text-decoration: none;outline: none;}
a:visited {color: #188bc4; text-decoration: none;}
a:hover   {color: #000000; text-decoration: none;}
a:active  {color: #188bc4; text-decoration: none;}

a:link.blue {color: #01a8ba; text-decoration: none; outline: none;}
a:visited.blue {color: #01a8ba; text-decoration: none;}
a:hover.blue {bold;color: yellow; text-decoration: none;}
a:active.blue {bold;color: #01a8ba; text-decoration: none;}



/* Container
------------------------------------------------ */

body {
 	margin: 0px;
	padding: 0px;
 	text-align: center;
}

#all
{
	position: relative;
	margin: 0px auto;
	width: 765px;
	padding:0px;
}

#main
{
 	float:left;
 	height: auto;
 	width: 765px;
 	position: relative;
 	text-align: left;
 	background: #FFFFFF;
 	margin: 8px 0px 0px 0px;
	padding:0px;

}


/* Header
------------------------------------------------ */


#header
{
	height: 134px;
	width: 765px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
	text-align: left;
}

#subhead
{
	height: 48px;
	width: 765px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	background-image:  url(../images/7.jpg);
	background-repeat: no-repeat;
}


.news-scroller
{
	height: auto;
        float: left;
	width: 440px;
	padding: 28px 0px 0px 38px;
        margin: 0px;
	background-image:  url(../images/122.gif);
	background-repeat: no-repeat;
	background-position: 4px 26px ;
}


.search
{
	height: 32px;
        float: right;
	width: 275px;
	padding: 8px 6px 0px 0px;
        margin: 0px;
 	text-align: right;
        color:#188bc4;
}


/* Footer
------------------------------------------------ */
.footer {

        float: left;
	clear: both;
	width: 765px;
        height: 44px;
	margin: 0px;
	padding: 0px;
        font: normal 90%  Arial, Helvetica, Verdana, sans-serif;
	line-height:1.4em;
        background:#01a8ba;
        color: #FFFFFF;
        text-decoration: none;
}

.footer-left 
{
        float: left;
	width: 565px;
        height: auto;
	margin: 0px;
	padding: 4px 0px 0px 4px;
}

.footer-right
{
        float: right;
	width: 190px;
        height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
 	text-align: right;
}



.footer-left  a:link {color: #F0F0F0; text-decoration: none; outline: none;}

.footer-left  a:visited {color: #F0F0F0; text-decoration: none;}

.footer-left  a:hover {bold;color: #FFFFFF; text-decoration: none;}

.footer-left  a:active {bold;color: #F0F0F0; text-decoration: none;}

#sub-footer {

	position: relative;
	width: 765px;
        height: 18px;
	margin: 0px;
	padding: 4px 0 8px 8px;
        font: normal 90%  Arial, Helvetica, Verdana, sans-serif;
	line-height:1.4em;
        background:#FFFFFF;
        color: #444444;
 	text-align: left;
}


/* Navigation & Lists
------------------------------------------------ */

#navigation
{
	width:auto;
	height:29px;
	margin: 0px ;
	padding: 0px;
	position: relative;
	text-align: center;
	border-top: 1px solid #FFFFFF;
}

#navcontainer ul
{
	width: 100%;
	height:29px;
	background: #FFFFFF;
	padding:0px;
	margin: -1px 0px 0px 0px;
	display: block;
	float: left;
	border-bottom:1px solid #FFFFFF;
	background-image:  url(../images/3.jpg);
	background-repeat: repeat-x;
}

#navcontainer ul li
{
	width: auto;
	height:29px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-right:1px solid #FFFFFF;
	display: block;
	text-transform: uppercase;
	float: left;
	text-align: center;
}

#navcontainer a
{
	color: #007988;
	font-weight:normal;
	font-family:Arial, Helvetica, Verdana;
	text-decoration: none;
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 9px 8px 9px 8px;
	border-top: 0px solid #A8B090;
	border-bottom: 0px solid #A8B090;
	border-left: 0px solid #A8B090;
	outline: none;
}

#navcontainer li#active {color: #007988; background: url(../images/3.jpg) repeat-x; }

#navcontainer a:hover {color: #000000; background: url(../images/8.jpg) repeat-x; }

#navcontainer li a.active {color: #000000; background: url(../images/8.jpg) repeat-x ; }

#navcontainer a:active {color: #000000; background: url(../images/8.jpg) repeat-x; }



.articlelist-title, .articlelist-upper-title, .articlelist-upper-title-large { color:#FFFFFF;font-weight: normal; margin: 0px; padding: 7px; width: auto;	}


.articlelist-title {font-size:120%;}

.articlelist-upper-title {line-height:1.3em; font-size:100%;text-transform:uppercase;}

.articlelist-upper-title-large {line-height:1.3em;font-size:130%;text-transform:uppercase;}


.articlelist { font-size: 90%; font-weight: normal; margin: 0 0 6px 0; padding: 0px; width: auto; background:lightyellow;	text-decoration: none; border-top: 1px solid #FFFFFF;}

.articlelist ul
{
	margin: 10px 10px 0px 0px;
	padding-right: 0px;
	list-style-type: none;
	text-decoration: none; 
}


.articlelist li
{
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
	display: block;
	padding: 5px 0px 5px 7px;
        border-bottom: 1px solid #FFFFFF;
	width: auto;
	color: #188bc4;
}

.articlelist a
{
	text-decoration: none; 
	width: auto;
}

.articlelist li a:link, .articlelist a:visited { color: #188bc4; text-decoration: none; }
.articlelist li a:hover {color: #000000; text-decoration: none;}

.articlelist a.active{color: #000000; text-decoration: none;}
.articlelist a:active{color: #000000; text-decoration: none;}


/* Layout
------------------------------------------------ */

.content-float-rigid
{
	height: auto;
	float: right;
	width: 614px;
	padding: 0px;
   	margin: 0px;
}

.first-float-rigid
{
        height: auto;
        float: left;
	width: 150px;
	padding: 0px;
        margin: 0px;	
        overflow:hidden;
}

.second-float-rigid
{
        height: auto;
        float: left;
	width: 463px;
	padding: 0px;
   	margin: 0px;
}

.third-float-rigid
{
        height: auto;
        float: right;
	width: 150px;
	padding: 0px;
	margin: 0px;
}


#lhscontainer
{
	width: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	text-align: left;
  	color: #007f93;
}

#maincontainer
{
	height: auto;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
  	color: #007f93;
	position: relative;
	margin: 0px;
	padding: 12px 12px 20px 12px;
}

#rhscontainer
{
	width: auto;
	position: relative;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	text-align: left;
  	color: #007f93;
}



/* ArticleFormatting
------------------------------------------------ */

.article-event
{     
	height:auto;
	width:auto;
	position: relative;
	float:left;
	margin:0px 0px 8px 0px;
	padding:4px 12px 12px 12px;
	font-size: 90%;
	border-bottom: 1px solid #CCCCCC;
}

.article-link
{     
	height:auto;
	width:auto;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #72A52E; 
	text-align:left;
	text-decoration: none;
}

.article-link a {color: #72A52E; text-decoration: none;}
.article-link a:link  {color: #72A52E; text-decoration: none;}
.article-link a:visited  {color: #72A52E; text-decoration: none;}
.article-link a:hover  {color: #000000; text-decoration: none;}
.article-link a:active  {color: #72A52E; text-decoration: none;}

.panel-lhs
{
	height:auto;
	width:auto;
	position: relative;
	background-color: lightyellow;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom:6px;
}

.panel-rhs
{
	height:auto;
	width:auto;
	position: relative;
	background-color: lightyellow;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom:6px;
}


.panel-event-list
{
	position:relative;
	border-bottom:1px solid #7bcff6;
	width:100%;
	height:auto;
	margin-bottom:2px;
	padding-bottom:2px;
}


.panel-events
{
	height:auto;
	width:auto;
	position: relative;
	background:lightyellow;;
	border-bottom: 1px solid #FFFFFF;
}

.panel-event-image
{
	height: auto;
        width:34px;
	position: relative;
	padding: 0;
	margin: 0;
        float:left;
}

.panel-event-title
{
margin-bottom:2px;
}

.panel-event-details
{
        color:#01a8ba;
        line-height:1.3em;
        font-size:90%;
        font-weight:normal;
        width:auto;
        float:left;
        padding:5px;
}

.panel-inner
{
	height:auto;
	width:auto;
	position: relative;
	margin:0px;
	padding:6px 6px 12px 6px;
	font-size: 90%;	line-height: 1.6em;
	color:#188bc4;
	font-weight:bold;

}
.panel-inner p {	font-family:Verdana,Arial,Helvetica;padding-bottom:0;}



#event-details, #details
{
border: 1px solid #66b6db;background:#ffffff;padding:12px;width:auto:height:auto;margin-top:12px;
}

#event-booking-form, #booking-form
{
border: 1px solid #66b6db;background:#ffffff;padding:12px;width:auto:height:auto;margin-top:12px;
}

.search-result-list
{
	position:relative;
	border-bottom:1px solid #CECECE;
	width:100%;
	height:auto;
	margin-bottom:6px;
	padding-bottom:2px;
	padding-top:4px;
}

.search-result-image
{
	height: auto;
        width:76px;
	position: relative;
	padding: 0 0 0 18px;
	margin: 0;
        float:left;
}


.search-result-details
{
        line-height:1.3em;
        font-size:90%;
        font-weight:normal;
        width:328px;
        float:right;
	font: normal 100%  Arial, Verdana, Helvetica, sans-serif;
}

.event-list
{
	position:relative;
	width:100%;
	height:auto;
	margin-top:12px;
}

.event-listing
{
	position:relative;
	border-bottom:1px solid #CECECE;
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:2px;
	padding-bottom:2px;
}

.event-image
{
	height: auto;
        width:40px;
	position: relative;
	padding: 0;
	margin: 0;
        float:left;
}


.event-details
{
        line-height:1.3em;
        font-size:90%;
        font-weight:normal;
        width:390px;
        float:right;
	font: normal 100%  Arial, Verdana, Helvetica, sans-serif;
}

.sports-list
{
	position:relative;
	width:100%;
	height:auto;
	margin-top:12px;
}

.sports-listing
{
	position:relative;
	border-bottom:1px solid #CECECE;
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:2px;
	padding-bottom:2px;
}

.sports-image
{
	height: auto;
        width:76px;
	position: relative;
	padding: 0 0 0 18px;
	margin: 0;
        float:left;
}


.sports-details
{
        line-height:1.3em;
        font-size:90%;
        font-weight:normal;
        width:328px;
        float:right;
	font: normal 100%  Arial, Verdana, Helvetica, sans-serif;
}
.panel-callout
{
	height:auto;
	width:auto;
	position: relative;
        float:left;
	background-color: #66b6db;
	background-image:  url(../images/182.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFFFFF;
}

.panel-callout-title {font-weight:normal;text-align:center;font-size:100%;text-transform:uppercase;color:#FFFFFF; margin: 0; padding: 7px; width: auto;background:#01a8ba;}

.panel-callout-link{line-height:1.3em;font-weight:normal;text-align:left;font-size:100%;text-transform:uppercase;color:#FFFFFF; margin: 0; padding: 7px; width: auto;background-color:#01a8ba;	background-image:  url(../images/722.gif);background-repeat: no-repeat;background-position: 94% 9px;}

.panel-callout-link a{color: yellow; text-decoration: none;outline: none;}
.panel-callout-link a:link    {color: #FFFFFF; text-decoration: none;outline: none;}
.panel-callout-link a:visited {color: #FFFFFF; text-decoration: none;}
.panel-callout-link a:hover   {color: yellow; text-decoration: none;}

#rounded_1 .sb-inner,  #rounded_2 .sb-inner, #rounded_3 .sb-inner, #rounded_4 .sb-inner, #rounded_5 .sb-inner, #rounded_6 .sb-inner, #rounded_7 .sb-inner, #rounded_8 .sb-inner { background:#01a8ba; }



/* Pagination Formatting
------------------------------------------------ */

ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
		
ul.rsx-page-num-list li
{
        display: inline;
	margin:0px;
	padding:0px;
}

/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.1em;
}

h1 { font-size: 175%; font-weight: normal; color: #188bc4; }
h2 { font-size: 160%; font-weight: normal; color: #188bc4; }
h3 { font-size: 130%; font-weight: normal; color: #444444; }
h4 { font-size: 120%; font-weight: normal; color: #006699; }
h5 { font-size: 110%; font-weight: bold; color: #006699; }
h6 { font-size: 110%; font-weight: bold; color: #000000; }

h1, h2, h3, h4, h5, h6, pre,
blockquote, ol, dl, address
{
     margin:  0;
     padding: 0 0 2px 0;
}

p
{
     font-family: Helvetica, Arial, Verdana, sans-serif;
     line-height: 1.3em;
     margin:0;
     padding-bottom: 12px;
}

.hr
{ 
	height: 1px;
	width: auto;
	background-image: url('../images/dash_horizontal.gif');
	background-repeat: repeat-x;
	
}


/* Apply Left Margin:
---------------------------------------------------------------- */


ul
{
     font: normal 100%  Arial, Helvetica, Verdana, sans-serif;
     margin-left: 1em;
     margin-top: 0;
     padding: 0px 0px 6px 0px;
}

li
{
     padding:0px 0px 4px 0px;
     margin-left: 1.8em;
}


blockquote
{
	width: 214px;
	height: auto;
    float: right;
    margin: 0px 12px 0px 12px;
	padding-left: 14px;
	font: bold 140% Arial, Verdana, Helvetica, sans-serif;
	color: #3CB578;
	border-left: 1px solid #CCCCCC;
	 
}

/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, fieldset
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.1em  Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

html { font-size: 70%; } /* 1em = 12px */
html { font-size: 70%; } /* override it ... go bigger */




/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

input, select, td
{font-size: 100%;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }



/* Form Styles
---------------------------------------------------------------- */

.contact-form {padding: 5px 16px 16px 16px; margin: 0;}
.form-row {padding: 0; margin: 0; text-align:left;}


form
{padding: 0;margin:0;border: 0;}

form fieldset
{padding: 0 0 6px 0 ;margin:0;border: 0;}

fieldset.zemContactForm {margin: 0; padding: 0; border: 0;}
form.zemContactForm {margin: 0; padding: 0; border: 0;}
#event-details fieldset, #event-booking-form fieldset, #booking-form fieldset, #details fieldset
{border:0;background:#ffffff;padding:0;margin-top:4px;margin-bottom:8px;}
#booking-form fieldset legend, #details fieldset legend { font-size: 160%; font-weight: normal; color: #188bc4; }

form input#textarea{width:auto;}
input.zemCheckbox {margin: 0; padding:0;}
input.zemText, select.zemSelect {margin-bottom:4px;margin-top:2px;}
.panel-rhs input, .panel-rhs input {margin:0px;}
.panel-lhs input.zemRequired, .panel-rhs input.zemRequired {margin:0; padding: 2px; border: 1px solid #188bc4;}


input.zemCheckbox {margin-top: -4px; padding:0;}
form label { font-weight: normal; font-size: 90%;}
label.zemRequired, label.zemRequirederrorElement  {font-weight:bold;}
label.Address2{display:none;}
label.q08f9f5903f7cae6483ff168d94e5f4e0 {display:none;}
.panel-lhs label {margin: 0; padding: 0x; display:none;}


.zemError 
{
	font-size: 90%;
	padding: 0px;
	margin: 0px;
	width: auto;
	color: #FF0000;
}

.zemError li
{
        padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	color: #FF0000;
}

.zemError li { color: #FF0000; text-decoration: none; }

/* Images / Graphics
------------------------------------------------ */
.hr
{ 
    line-height: 1px; 
    font-size: 1px;
    padding: 0;
    margin: 4px 0 8px 0;
    height: 1px;
    width: auto;
    background-image: url('../images/dash.gif');
    background-repeat: repeat-x;
}


.article-thumb img {border: 1px solid #DFDFDF;}

.article-image{float:right;padding-left:8px;padding-bottom:4px;}
.article-image-right {float:right;padding-left:8px;padding-bottom:4px;}
.article-image-right img{margin:0;padding:4px;border: 1px solid #CECECE;}
.article-image-caption {padding-top:2px;font-size:90%;text-align:right;}
.article-image-caption img{border:none;padding:0;margin-bottom:-5px;margin-right:2px;}
	
img {border: none;margin: 0px;padding: 0px;}

.gallery-thumb
{
    float: left;       
    height: auto;
    width: auto;
    position: relative;

}

.gallery-thumb img
{    
    padding:4px;
    margin: 0px 0px 6px 8px;
    border:1px solid #DFDFDF;
}

.gallery-thumb a
{
    border:none;
outline: none;
}

.gallery-thumb img:hover
{
    border:1px solid #666666;
}

.bbcclass{overflow:hidden;height:13px;width: 440px;padding: 0px;border: 0px solid #CECECE;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);-moz-opacity: 0.8;}

/*shared class for all title elements in an RSS feed*/
.rsstitle{line-height:1em; font-weight: bold;float:left;margin-left:6px;margin-right:6px;}

/*shared class for all date elements in an RSS feed*/
.rssdate{ color: gray;font-size: 85%;float:left;padding:0;margin:0;}

/*shared class for all description elements in an RSS feed*/
.rssdescription{ }

/* Pagination
------------------------------------------------ */

#pagination
{
	width:auto;
	height:auto;
	margin: 0px ;
	padding: 0px;
	position: relative;
}


.pagination ul
{
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}

.pagination li
{

	margin:  0px 5px 0px 0px;
	list-style-type: none;
	display: block;
	float: left;
        border: 1px solid #CECECE;
        padding: 3px;
	width: auto;
	color: #188bc4;
        font: normal 90%  Arial, Helvetica, Verdana, sans-serif;
}

.pagination a
{
	text-decoration: none; 
	width: auto;
outline: none;
}

.pagination li a:link, .pagination a:visited { color: #188bc4; text-decoration: none;outline: none;padding: 2px 3px 2px 3px; }

.pagination li:hover {color: #000000; text-decoration: none;border: 1px solid #188bc4;}

.pagination  li:active{ font-weight:bold;color: #000000; text-decoration: none; 	}
.pagination  li.active{ padding: 3px 5px 3px 5px;color: #000000; text-decoration: none;	}