/* Base Template CSS */

/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}

/* basic layout */

body {
/* color: #000;*/
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 line-height: 15pt;
}

a img {
 border: 0px;
}

.center {
 width: 100%;
}

.left {
 float: left;
}

.right {
 float: right;
}

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

#logo {
}

#header {
 display: none;
 visibility: hidden;
}


/********************************** MAINCOLUMN LEFT ******************************/

.mainColumnLeft {
 width: 100%; 
 float: left;
 margin: 0px;
}

.mainColumnLeft .box {
 width: 100%; 
 float: left;
 margin: 3pt 0pt 3pt 0pt;
}

.mainColumnLeft .box h3 {
 line-height: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%; 
 float: left;
 margin: 3pt 0pt 3pt 0pt;
}

.mainColumnLeft .box .bg_img {
 background: transparent url(/images/bg_img.png) center top no-repeat;
 width: 197px;
 height: 91px;
 float: left;
 margin-top: 3px;
}

.mainColumnLeft .box img {
 width: 183px;
 height: 77px;
 float: left;
 margin: 7px 0px 0px 7px;
}

.mainColumnLeft .box p {
 line-height: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin-bottom: 10pt;
 padding: 0px;
 margin: 0px;
}

.mainColumnLeft p a {
 line-height: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 padding: 0px;
 margin: 0px;
}


/**********************************************  Little dashboard that contains the Opening Times  ****************************************************/

.mainColumnLeft .box .dashboard {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.mainColumnLeft .box .dashboard p {
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin-bottom: 10pt;
}

.mainColumnLeft .box .dashboard p strong {
 font-weight: bold;
 color: #13459F;
}

.mainColumnLeft .box .dashboardTop {
}

.mainColumnLeft .box .dashboardBody {
}

.mainColumnLeft .box .dashboardBottom {
}

/***********************************************  Featured Pages	**************************************************/

.featuredPages {
 display: none;
 visibility: hidden;
}


/*********************************** contactPage *************************************/

#contactform {
 display: none;
 visibility: hidden;
}

/*********************************** googleMap *************************************/

.googleMap {
 display: none;
 visibility: hidden;
}


/************************************** columnLeft ***********************************/

.columnLeft {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 float: none;
}

.columnLeft p {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 float: none;
}

/*********************************** featured Item *************************************/

.featuredItem {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.featuredItem .bg_img {
 width: 100%;
}

.featuredItem img {
 width: 100%;
}

.columnLeft .featuredItem p {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 float: none;
}

/********************************** MAINCOLUMN RIGHT ******************************/

.mainColumnRight {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 float: none;
}

.mainColumnRight h1 { 
 line-height: 12pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin-bottom: 10pt;
 padding: 4pt 0pt 4pt 0pt; 
}

.mainColumnRight h2 { 
 line-height: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin-bottom: 10pt;
 padding: 4pt 0pt 4pt 0pt; 
}

.mainColumnRight p { 
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.mainColumnRight .bg_img {
 display: block;
}

.mainColumnRight img {
 display: block;
 margin: 5pt 0pt 5pt 0pt;
}

.mainColumnRight img {
 display: block;
}

.mainColumnRightContent {
 width: 100%; 
 float: left;
 margin: 5pt 0pt 5pt 0pt;
}

.mainColumnRightContent p {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin: 3pt 0pt 3pt 0pt;
}

.columnRight {
 font-family: Arial, Helvetica, sans-serif;
 width: 100%; 
 float: left;
 margin: 3pt 0pt 3pt 0pt;
}

.featuredBox {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin: 0px;
}

/********************************** Special Events **************************************/

.event {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.mainColumnRight .event h2 {
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
 margin-bottom: 10pt;
}

.mainColumnRight .event h3 {
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.mainColumnRight .event p {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.mainColumnRight .event span {
 font-size: 10pt;
 font-family: Arial, Helvetica, sans-serif;
 width: 100%;
}

.mainColumnRight .event .bg_img {

}

.mainColumnRight .event .bg_img img {

}


/*********************************** .pageNumbers ************************************/

.pageNumbers  {
 display: none;
 visibility: hidden;
}


/********************************** Webcam **************************************/


.bg_webcam {
 background: transparent url(/images/bg_webcam.png) center top no-repeat;
 width: 329px;
 height: 328px;
 float: left;
 margin: 4px 13px 0px 0px;
}

.bg_webcam img {
 padding: 7px 0px 0px 8px;
 float: left;
}

/********************************** gallery Page**************************************/

.gallery {
 float: left;
 width: 100%;
}

.gallery .bg_img {
 display: block;
}

.gallery .bg_img img {
 display: block;
 margin: 5pt 0pt 0pt 0pt;
}

.galleryImage {
 display: block;
 width: 100%;
 float:left;
 margin: 5pt 0pt 10pt 0pt;
}

/********************************** FOOTER **************************************/

#footer {
 display: none;
 visibility: hidden;
}

/******************************************* nav ********************************************/

#nav {
 display: none;
 visibility: hidden;
}

/******************************************** flash ******************************************/

#flashcontent {
 display: none;
 visibility: hidden;
}


.informationLine {
 position: absolute;
 top: 12px;
 right: 0px;
 width:250px;
}