/*********************************************************************/
/* HTML tag styles                                                   */
/*********************************************************************/

/* Reset */ 
body,img,p,h1,h2,h3,h4,h5,h6,ul,ol, a, form, input, textarea {margin:0; padding:0; list-style:none; border:none;}   
/* End Reset */ 

html {
	height: 100%;
}

body{
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: #eceff4 url(../img/bg_main.jpg) no-repeat left 179px;
	font: 12px Arial, sans-serif;
}

/******* hyperlink and anchor tag styles ***********************************/

a, a:link, a:visited{
	color: #EEEEEE;
	text-decoration: none;
	border: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles ***************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6 {
}

p {
	padding: 8px 15px 0px;
	color: #FFFFFF;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
img, a {
	border-style: none;
}
/*************** list tag styles ********************************************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles **************************************/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input, select, textarea{
font-family: Arial,sans-serif;
}


/*********************************************************************/
/* Layout Divs                                 						 */
/*********************************************************************/

#container {
	position:absolute;
	width:100%;
	margin: auto;
	background: url(../img/bg_headbar.jpg) repeat-x;
	border-top: 8px solid #007fff;
	height: 100%;
}

#content {
	padding: 0px;
	margin:auto;
	width: 936px;
	background: url(../img/bg_SeagullLogo.jpg) no-repeat;
}
#content #columns {
	padding-top: 179px;
}
#content #columns #leftcol {
	width: 674px;
	float: left;
	background: url(../img/bg_blocktop.png) no-repeat top;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content #columns #leftcol #leftcol_content {
	background: url(../img/bg_block.png) repeat-y;
	width: 674px;
	margin: 0px;
	padding: 0px;
}
#content #columns #leftcol #leftcol_content2 {
	background: url(../img/bg_block3.png) repeat-y;
	width: 674px;
	margin: 10px 0px 0px;
	padding: 0px;
}
#content #columns #leftcol #leftcol_content h1 {
	font: bold 18px "Arial Black", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: url(../img/bg_headbar.jpg) repeat-x center;
	margin: 0px 0px 10px;
	padding: 2px 2px 2px 10px;
}

#content #columns #home_block {
	margin-left: 2px;
	color: #666666;
	width: 246px;
}
#content #columns #home_block a {
	color: #F2F2F2;
	padding: 0px;
	margin: 3px;
}

#content #columns #home_block img {
	margin-bottom: 5px;
	border-top: 1px solid #6FA8DE;
	border-bottom: 1px solid #6FA8DE;
}

#leftcol_content .homtable {
	margin-right: 2px;
	margin-left: 2px;
}
#content #columns #leftcol  #eventcalholder {
	width: 650px;
	margin: 10px auto 25px;
	height: 1000px;
	background: #6BABED;
	overflow-y: auto;
	overflow-x: hidden;
}
#content #columns #leftcol #eventcalholder .eventlist {
	height: 100px;
	width: 630px;
	overflow: hidden;
	background: url(../img/bg_headbar.jpg) repeat-x;
	border: 1px solid #428BD8;
}

#content #columns #leftcol #eventcalholder .eventpic {
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	height: 90px;
	width: 160px;
	border: 1px solid #FFFFFF;
}

#content #columns #leftcol #eventcalholder .eventtable {
	margin: 3px auto auto;
	width: 600px;
}
#content #columns #leftcol #eventcalholder .eventtable .eventtitle {
	color: #FFFFFF;
	font-size: 14px;
	margin: 0px;
	padding: 0px 10px;
	font-weight: bold;
}
#content #columns #leftcol #eventcalholder .eventtable .eventtext {
	color: #E9E9E9;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}
#content #columns #leftcol #eventcalholder .eventtable .eventtext p {
	color: #E9E9E9;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}
#brochuredownload {
	margin: auto auto 15px;
	width: 649px;
}




h1.h1spacer     { }


#content  #rightcol  {
	margin-top: 10px;
	float: right;
	width: 250px;
}
#content #columns #rightcolblock {
	width: 250px;
	background: url(../img/bg_block2top.png) no-repeat top;
	padding-top: 10px;
}
#content #columns #rightcolblock #rightcolblock_content {
	background: url(../img/bg_block2.png) repeat-y;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
#content #columns #rightcolblock #rightcolblock_content p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 0em;
	
}
#content  #columns  #rightcolblock  #rightcolblock_content  label  {
	color: #7F7F7F;
}

#content   #columns   #rightcolblock   #rightcolblock_content   .label   {
	width: 65px;
	padding-left: 15px;
	text-align: left;
	float: left;
	line-height: 20px;
}
#content  #columns  #rightcolblock  #rightcolblock_content  input {
	width: 140px;
	display: inline;
	padding: 1px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	border: 1px solid #A8A8A8;
	font: 12px Arial, Helvetica, sans-serif;
	color: #5090B9;
}
#content   #columns   #rightcolblock   #rightcolblock_content   .login   {
	margin-left: 85px;
	font-size: 10px;
	font-weight: bold;
}
#content #columns #rightcolblock #rightcolblock_content h1 {
	color: #4B8AC9;
	font: italic bold 18px Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #4B8ACA;
	margin: 0px 2px 10px 0px;
	padding: 0px 0px 5px 12px;
}
#content #columns #rightcolblock #rightcolblock_content a {
	margin-left: auto;
	font-size: 11px;
	clear: both;
	color: #4B8AC9;
	padding: 2px 5px 2px 0px;
}
#content  #columns  #rightcolblock  #rightcolblock_content  a:hover   {
	text-decoration: none;
	color: #FFFFFF;
}








#Nav {
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}
#event_block  {
	width: 90%;
	margin: 15px auto 0px;
	background: #6CACEE;
	padding: 10px;
	border: 1px solid #FFFFFF;
}
.centerblock {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 350px;
}

#event_block       .event_h1      {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
#event_block h2 {
	font-size: 10px;
	color: #E6E6E6;
	margin-bottom: 5px;
}
#event_block img {
	clear: both;
	float: left;
	border: 2px solid #186699;
	margin-right: 15px;
	margin-bottom: 15px;
}
#event_block .event_block_txt {
	color: #FFFFFF;
}
#event_block .eventclear {
	clear: both;
	color: #FFFFFF;
}
#event_block .callnow {
	font-size: 16px;
	font-weight: bold;
}




/*********************************************************************/
/* Component Divs                                            		*/
/*********************************************************************/




/************* breadCrumb styles ****************************************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************* Footer styles ****************************************/
#footer {
	background: url(../img/bg_footer.png) no-repeat bottom;
	width: 100%;
	clear: both;
	height: 250px;
	margin: 0px;
	padding: 0px;
}
#footer #footer_content {
	font-size: 11px;
	color: #FFFFFF;
}
#footer .footer_col {
	border-right: 1px solid #FFFFFF;
	width: 240px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	padding-right: 15px;
}


#footainer {
	margin: auto;
	padding: 0px;
	width: 966px;
	background: #FFFFFF url(../img/footer.jpg) no-repeat 0px 0px;
	height: 177px;
}

#footxt a, #footxt a:active, #footxt a:visited {
	color: #F2F2F2;
	text-decoration: none;
}
#footxt a:hover {
	color: #002E6A;
}


/*************** story styles *******************************************/





/***********************************************/
/*Lightbox Styles                               */
/***********************************************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #1BB7EA;
	}#enquiry {
	margin-left: 32px;
	margin-right: 42px;
}


/* 
Generated via www.cssmenubuilder.com 

Copyright (c) 2008-2009 www.cssmenubuilder.com

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
*/

.menu{
	margin:0 auto;
	padding:0 0 10;
	height:30px;
	width:100%;
	display:block;
	background:url('../img/topMenuImages.png') repeat-x;
	border-bottom: 1px solid #6DA7DE;
}
.menu li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../img/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../img/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../img/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('../img/topMenuImages.png') 100% -90px no-repeat;}

p.calendar {
	background: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	color: #5896D7;
}