/* 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 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
 background: transparent url(/images/bg_header.jpg) top left repeat-x;
}

a img {
 border: 0px;
}

.center {
 width: 985px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

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

#logo {
 margin: 40px 0px 0px 36px;
 position:absolute;
}

#header {
 background: transparent url(/images/bg_cloud.png) center 60px no-repeat;
}

#header .center {
 position: relative;
 margin: 0 auto 0 auto;
 height: 365px;
}

#content div.center {
 position: relative;
 padding: 0px 0px 0px 0px;
 background: transparent url(/images/bg_content.jpg) center top no-repeat;
}

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

.mainColumnLeft {
 float: left;
 width: 248px; 
}

.mainColumnLeft .box {
 width: 221px; 
 float: right;
 padding: 20px 0px 10px 20px;
 border-bottom: 1px solid #ACC8EE;
 border-top: 1px solid #FFF;
 background: #DEE9F8 url(/images/bg_box.jpg) center top no-repeat;
}

.mainColumnLeft .box h3 { 
 font-size: 11px;
 text-transform: uppercase;
 color: #333333;
/*float: left;*/
 padding-left: 4px;
 margin-bottom: 2px;
}

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

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

.mainColumnLeft .box p {
 width: 200px;
 float: left;
 line-height: 15px;
 margin: 2px 0px 0px 4px;
}

.mainColumnLeft p.pecoLinksText a,
.mainColumnLeft p a {
 color: #13459F;
 margin-top: 3px;
 float: left;
}

.mainColumnLeft p.pecoLinksText a:hover,	
.mainColumnLeft p a:hover {
 color: #333;
}

.mainColumnLeft .box .boxText{
	float:left;
	margin-left:5px;
	width:100px;
	height:70px
}

.mainColumnLeft .box .boxText p{
	width:90px
}

.mainColumnLeft .box .pecoLinks{
 background: transparent url(/images/bg_img.png) center top no-repeat;
 width: 104px;
 height: 60px;
}

.mainColumnLeft .box .rmLinks{
 background: transparent url(/images/bg_img.png) center top no-repeat;
 width: 104px;
 height: 41px; 
 margin-top:10px;
}

.mainColumnLeft .box .boxText p.pecoLinksText{	
	width:90px;		
	margin-bottom:12px;
}

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

.mainColumnLeft .box .dashboard {
 width: 197px;
 float: left;
}

.mainColumnLeft .box .dashboard p {
 width: 177px;
 float: left;
 padding: 5px 0px 10px 10px;
 line-height: 14px;
}

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

.mainColumnLeft .box .dashboardBody{
 width: 197px;
 height:90px;
 float: left;
 background: transparent url(/images/bg_dashboardBody.png) center top repeat-y;
}

.mainColumnLeft .box .dashboardBody img {
	width:183px;
	height:77px;
}

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

.featuredPages {
 float: left;
 width: 650px;
 margin: 30px 0px 0px 37px;
}

.featuredPage {
 float: left;
 width: 200px;
 margin: 0px 15px 0px 0px;
}

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

.featuredPage h3 {
 float: left;
 width: 195px;
 color: #13459F;
 font-size: 13px;
 font-family: Tahoma, Arial, Verdana;
 font-weight: normal;
 padding-left: 5px;
}

.mainColumnRight .featuredPage .bg_img img {
 width: 183px;
 height: 77px;
 float: left;
 margin: -1px 0px 0px -1px;
}

.mainColumnRight .featuredPage p {
 width: 190px;
 float: left;
 line-height: 14px;
 margin: 2px 0px 0px 4px;
 font-size: 11px;
 padding-right: 0px;
}

.mainColumnRight .featuredPage p a {
 color: #13459F;
 margin-top: 8px;
 float: left;
}


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

#contactform {
 float: left;
 width: 330px;
 margin: 0px;
 padding: 0px;
}

#contactform label {
 float: left;
 width: 320px;
 margin: 7px 0px 0px 0px;
}

#contactform input {
 float: left;
 width: 320px;
 border: 1px solid #B4CDEF;
 height: 26px;
 margin: 10px 0px 0px 0px;
 background: transparent url(/images/bg_inputField.jpg) top left repeat-x;
}

#contactform textarea {
 float: left;
 width: 320px;
 border: 1px solid #B4CDEF;
 height: 98px;
 margin: 10px 0px 0px 0px;
 background: transparent url(/images/bg_inputTextarea.jpg) top left repeat-x;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}

#contactform input.bt_send {
 float: right;
 height: 31px;
 width: 96px;
 background: transparent;
 border: 0px;
}

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

.googleMap {
 width: 260px;
 height: 260px;
 float: left;
}

.googleMap .bg_googleMap {
 background: transparent url(/images/bg_googleMap.png) top left repeat-x;
 float: left;
 margin: 20px 0px 0px 0px;
 width: 260px;
 height: 260px;
}

.googleMap .bg_googleMap img {
 margin:7px 0px 0px 7px;
}

.googleMap p a{
 font-size: 11px;
 float: left;
 margin: 10px 0px 0px 0px;
}

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

.columnLeft {
 float: left;
 width: 330px;
 margin: 0px 52px 0px 0px;
}

.columnLeft p {
 float: left;
 width: 320px;
 font-size: 12px;
 color: #333;
 margin: 0px 0px 10px 0px;
}

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

.featuredItem {
 width: 330px;
 float: left;
 position: relative;
 z-index:9;
 margin: 10px 0px 0px -3px;
}

.featuredItem .bg_img {
 background: transparent url(/images/bg_featuredImage.png) top left no-repeat;
 width: 334px;
 height: 152px;
}

.featuredItem img {
 padding: 8px 0px 0px 8px;
}

.columnLeft .featuredItem p {
 float: left;
 width: 330px;
 font-size: 12px;
 color: #333;
 margin: 0px 0px 10px 4px;
}

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

.mainColumnRight {
 float: left;
 background: transparent url(/images/bg_mainColumnRight.jpg) top left repeat-x;
 width: 730px;
}

.mainColumnRight h1 { 
 font-size: 16px;
 color: #13469E;
 font-weight: 300;
 margin: 0px 0px 15px 0px;
 width: auto;
}

.mainColumnRight h2 { 
 font-size: 16px;
 color: #13469E;
 font-weight: 300;
 margin: 15px 0px 15px 0px;
 width: auto;
 display: block;
}

.mainColumnRight p a{
 color: #13469E;
 font-weight: bold;
}

.mainColumnRight p { 
 font-size: 12px;
 color: #333;
 margin: 0px 0px 10px 0px;
 display: block;
}

.mainColumnRight .bg_img {
 background: transparent url(/images/bg_featuredImage.png) top left no-repeat;
 width: 334px;
 height: 152px;
 float: left;
 margin: 0px 10px 0px 0px;
}

.mainColumnRight img {
 padding: 8px 0px 0px 8px;
}

.mainColumnRight img {
 float: left;
}

.mainColumnRightContent {
 float: left;
 width: 650px;
 margin: 27px 0px 0px 36px;
}

.mainColumnRightContent p {
 float: none;
}

.mainColumnRightContent p img{
 margin:0px 15px 2px 0px;
}

.columnRight {
 float: left;
 width: 260px;
}

.featuredBox {
 width: 250px;
 float: left;
 position: relative;
 z-index: 11;
}

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

.event {
 float: left;
 width: 650px;
 margin: 10px 0px 10px 0px;
}

.mainColumnRight .event h2 {
 width: auto;
 display: block;
 float: none;
 margin: 4px 0px 10px 0px;
}

.mainColumnRight .event h3 {
 width: auto;
 display: block;
 float: none;
 font-size: 13px;
 color: #333333;
}

.mainColumnRight .event p {
 width: auto;
 display: block;
 font-size: 12px;
 line-height: 16px;
}

.mainColumnRight .event span {
 font-style: italic;
 width: auto;
 display: block;
 font-size: 12px;
 padding-left: 3px;
}

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

.mainColumnRight .detailPage .bg_img img,
.mainColumnRight .event .bg_img img {
 width: 183px;
 height: 77px;
 float: left;
 margin: -1px 0px 0px -1px;
}


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

.pageNumbers  {
 float: left;
 width: 650px;
 margin: 10px 0px 10px 0px
}

.pageNumbers img {
 height: 15px;
 width: 14px;
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 0px;
}

.pageNumbers a img {
 border: 0px;
}

.pageNumbers .mainNumbers {
 width: auto;
 float: left;
 margin: 0px 10px 0px 10px;
}

.pageNumbers .mainNumbers .number {
 height: 11px;
 width: 11px;
 float: left;
 margin: 0px 1px 0px 0px;
 padding: 0px 0px 4px 3px;
 background:#DEE9F8;
 color: #666;
}

.pageNumbers .mainNumbers .numberSelected {
 height: 11px;
 width: 11px;
 float: left;
 margin: 0px 1px 0px 0px;
 padding: 0px 0px 4px 3px;
 background: #FDF782;
 color: #666;
}

.pageNumbers .mainNumbers .number a,
.pageNumbers .mainNumbers .number a:hover,
.pageNumbers .mainNumbers .numberSelected a,
.pageNumbers .mainNumbers .numberSelected a:hover {
 color: #666;
 text-decoration: none;
 margin-top: -2px;
 float: left;
}


/********************************** 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: 660px;
 margin: 10px 0px 10px -4px;
 position: relative;
}

.galleryImage {
 width: 197px;
 height: 111px;
 float: left;
 margin: 3px 20px 13px 0px;
}

.gallery .bg_img {
 background: transparent url(/images/bg_img.png) center top no-repeat;
 width: 197px;
 height: 91px;
 float: right;
 margin: 0px 0px 0px 5px;
 position: relative;
}

.gallery .caption {
 float: left;
 margin-left: 5px;
 float: left;
 width: 193px;
}

.gallery .bg_img img {
 width: 183px;
 height: 77px;
 float: left;
 position: relative;
 margin: -1px 0px 0px -1px;
}

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

#footer {
 height: 100px;
 top: 50px;
 position: relative;
 color: #000;
 border-top: 2px solid #DEE9F8;

}

#footer .center {
 height: 80px;  
 background: transparent url(/images/bg_footerNEW.png) top left repeat-y;
}

#footer .center .left {
 float: left;
 width: 300px;
 margin-top:10px;
}

#footer .center .left ul {
 float: left;
 width: 100px;
 margin: 0px 0px 0px 20px;
 list-style-type: none;
}

#footer .center .left ul li{
 color: #333;
 text-decoration: none;
 padding:0px;
 margin:0px;
}

#footer .center .left ul li a {
 color: #333;
 text-decoration: none;
  padding:0px;
 margin:0px;
}

#footer .center .left ul li a:hover {
 color: #15459F;
 text-decoration: none;
}


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

#nav {
}

#nav ul {
 width: 180px;
 position:absolute;
 top: 125px;
 left: 40px;
 list-style-type: none;
}

#nav li {
 height: 18px;
 display: block;
 text-align: right;
}

#nav a,
#nav a:visited {
 display: block;
 color: #333;
 text-decoration: none;
 font-family: Arial;
 font-size: 11px;
 margin-top: 0px;
 font-weight: bold;
 padding: 0px 2px 0px 18px;
}

#nav a:hover {
 color: #15459F;
}

#nav li.current a,
#nav li.current a:visited {
 color: #000;
}

/* links */

a,
a:visited {
 color: #333;
 text-decoration: none;
}

a:hover {
 color: #15459F;
 text-decoration: none;
}

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

#fadeshow1 {
 float: right;
 margin: 54px 6px 0px 0px;
 position: relative;
 z-index: 1;
}

#flashBackground {
 width: 762px;
 height: 316px;
 position: absolute;
 right: -10px;
 top: 48px;
 z-index: 0;
 background: transparent url(/images/flashBackground.png) top left no-repeat;
}

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

.informationLine p {
 font-size: 15px;
 color: #333;
 font-weight: 300;
 width: 200px;
 float: left;
 padding: 5px 0px 0px 13px;
}

.informationLine a{
 font-size: 15px;
 color: #333;
 font-weight: 300;
 width: 85px;
 float: left;
 padding: 5px 0px 0px 13px;
}

.informationLine img {
 float: left;
}

.informationLine p strong {
 color: #1245A1;
 font-size: 15px;
 font-weight: 300;
}

#facebookDiv{
	width:50px;
	height:90px;
	position:absolute;
	z-index:2000;
	right:-38px;
	top:-7px
}


/* sitemap */
#mainColumnRightContent .sitemap {
 font-weight: 300;
 float: left;
 margin: 0px 0px 20px 0px;
}

#mainColumnRightContent .sitemap ul {
 width: 500px;
 float: left;
}

.sitemap ul li {
 margin-left:15px;
 width: 500px;
 float: left;
 font-size: 12px;
 padding-left: 15px;
 line-height: 22px;
}


#mainColumnRightContent .sitemap ul li a:hover {
 color: #FF0000;
 text-decoration: none;
}

#mainColumnRightContent .sitemap ul li a {
 color: #FFFFFF;
 text-decoration: none;
}