html,body{height:100%;} 

*{margin:0;padding:0;}

html{background:#0296dc url(http://scarboroughplayzone.co.uk/images/outerback.gif) no-repeat bottom center;}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:url(http://scarboroughplayzone.co.uk/images/body-backx.jpg) repeat-x;
font-size:100%;
}

#wrapper,#footer{
width:794px;
\width: 784px;
w\idth: 794px;
margin:0 auto;
}

#wrapper{
margin-top:-77px;
text-align:left;
background: url(http://scarboroughplayzone.co.uk/images/wrapback.jpg) repeat-y top center;
}

*html #wrapper{height:100%;}
head+body #wrapper{min-height:100%;overflow:hidden;}

#header{
background: url(http://scarboroughplayzone.co.uk/images/top.gif) repeat-y top center;
height:37px;
border-top:77px solid #0099ff;
}

#content{
float:right;
width:560px;
margin-top:20px;

}

*html #content{ width:540px; }

#footer {
font-size:70%;
color:#AAAAAA;
background: url(http://scarboroughplayzone.co.uk/images/footer.gif) no-repeat top center;
}
* html #footer {height:77px;}
head+body #footer{min-height:77px}

#navigation {
float:left;
width:197px;
}

#navigation {
float:left;
width:197px;
min-height:600px;
/* background: url(http://scarboroughplayzone.co.uk/images/littlegull-16.jpg) no-repeat bottom center; */
}


* html #navigation {height:600px}

#navigation ul{list-style:none}

#navigation li{
font-weight:bold;
text-indent:10px;
height:24px;
vertical-align: bottom;
font-size:80%;
}

#navigation a:link, #navigation a:visited {
display:block;
padding: 5px 4px 4px 5px;
background: url(http://scarboroughplayzone.co.uk/images/nav.jpg) no-repeat 0 -24px;
color: #FFFFFF;
text-decoration:none;
}

#navigation a:hover {
background-position: 0 0px;
text-decoration: none;
}

.nav-image {
margin-top: 100px;
}

#content p {
font-size:80%;
line-height:1.8em;
padding-right: 40px;
}


#content h1 {
font:normal 130% Tahoma, sans-serif;
color:#CC0000;
padding:0;
}

#content h2{
font:normal 110% Tahoma, sans-serif;
color:#940D1E;
margin-top:15px;
}

#content h3{
font-size: 100%;
color:#940D1E;
}

#content h3 a:link, #content h3 a:active, #content h3 a:visited {
font-size: 100%;
color:#940D1E;
text-decoration: underline;
}

#content h3 a:hover {
color:#f9ab00;
text-decoration: none;
}

#content ul{
font-size: 80%;
}

#content span {
padding-right:20px;
}

#content div.blogpost{
padding-right:20px;
}

#content li{
color: FFCC00;
list-style-type: square;
margin-left: 40px;
margin-bottom: 3px;
font-weight: normal;
margin-right: 20px;
margin-bottom: 2px;
}

#content fieldset {
border: 1px solid #0066B3;
width: 500px;
padding: 5px;
}

.infos {
padding-top:15px;
float:right;
width:187px;
text-align:left;
border-left: 1px solid #2C6CB4;
margin-left: 10px;
min-height: 400px;
}

.infos p {
padding-right:0px;
padding-left: 10px;
}

* html .infos {width:170px;margin:0; padding:0;}

#content #map {
text-align:left;
}

.small {
font-weight: bold;
font-size: 11px;
}

.small a:link, .small a:active, .small a:visited {
color: #EBD389;
}

.small a:hover {
color: #746A45;
}

/* Face book styles */

/* Face book styles */

#facebook {
margin:30px auto;
font: bold 13px/15px verdana, sans-serif;
padding:5px;
width: 160px;
border:1px solid #fff;
}

#facebook img {
float: left;
margin-right: 5px;
border:0px;
}

#navigation #facebook a, #navigation #leaflet a {
color: #3C5DAA;
text-decoration: none;
background:none;
padding:none;
}

#navigation #facebook a:hover, #navigation #leaflet a:hover {
color: #010086;
background:none;
padding:none;
text-decoration: none;
}

#leaflet {
margin-top:20px;
text-align:center;
}

/* Form */

#content form {
font: bold 11px verdana, sans-serif;
color: #CC243D;
}

label.zemText, label.zemTextarea {
padding:10px;
}

input.zemText, textarea.zemTextarea {
width:300px;
margin:10px;
background-color: #c2e8f7;
border: 1px solid #fff;
padding: 3px;
}

input.zemSubmit {
width: 100px;
padding:3px;
background-color: #B2F623;
border: 2px solid #CC243D;
margin-left: 10px;
}

/* Social Bookmarks */

#social {
margin: 10px auto;
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
width: 400px;
}

#social img {
border:0px;
margin: 0px 5px;
}


#content a {
color: darkblue;
}

#content a:hover {
text-decoration: none;
}

.links {
padding-bottom: 10px;
margin-bottom:10px;
border-bottom:1px solid #fff;
width: 450px;
}