/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|IM+Fell+Double+Pica|Oleo+Script);
body, #ww { background-image:url(../../images/obg.jpg); background-repeat: no-repeat; background-position: center top; background-color:#B5B5AD; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 18px; }
#ww { width: 1020px; margin: 0 auto; background-image:url(../../images/sbg.jpg); }

#topwrap { width: 960px; margin: 0 auto; }
#whitby  { width: 496px; height: 142px; float: left; }
#trdot   { width: 47px; height: 34px; background-image:url(../../images/bgtrdot.gif); float: right; }
#title   { width: 417px; height: 31px; padding-top: 3px; background-image:url(../../images/bgtitle.gif); float: right; text-align:center; }
#pseg    { width: 464px; height: 48px; padding-top: 60px; background-image:url(../../images/bgpseg.gif); float: right; clear:right; text-align:right; }
#whitby_image { width: 960px; padding: 0px 20px; margin-bottom: 16px; position:relative; }
#headerboxleft { width: 440px; height: 169px; border: solid 20px #6B7541; background-color:#93A277; float: left; margin-left: 30px; } 
#headerboxright { width: 440px; height: 169px; border: solid 20px #4A6F8A; background-color:#7DA0B6; float: right; margin-right: 30px; } 

h1 { font-family: 'IM Fell Double Pica', serif; color:#fff; font-size:16px; font-weight: bold; margin: 0; padding: 0; }
/*h2 { font-family: Arial, Helvetica, sans-serif; color:#000; font-size:15px; font-weight:bold; }*/
h2 { font-family: 'IM Fell Double Pica', serif; color:#000; font-size:32px; margin: 0 0 20px 0; }

/* horizontal spacer with boxes above it */
.hrulewba { width: 1020px; height: 48px; background-image:url(../../images/hrulewba.jpg); border: 0; padding:0; margin:0; }
.hrule    { width: 1020px; height: 48px; background-image:url(../../images/hrule.jpg); border: 0; padding:0; margin:0; }
.greyhr   { width: auto; height: 1px; background-image: none; background-color:#ccc; border: 0; padding: 0; margin: 10px 0; }

/* the main content of the page goes in this div.. */
#wecontent { width: 920px; background-color:#fff; margin: 0 auto; padding: 5px 20px; padding-bottom: 50px; }

/* page columns*/
#midcol   { width: 640px; float: left; }
#rightcol { width: 240px; float: right; }

/* bottom of the page */
#footer { background-color:#779BB4; width: 920px; padding: 40px 20px 13px 20px; margin: 0 auto;  }
.footer { color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight:bold; }

#bsharelinks { float: right; width: 200px; text-align:right; }
#bpagedetails { float: left; width: 300px; margin-left: 50px; text-align:left; }
#btitle { float: left; width: 220px; }

.clear {
    line-height: 0;
    clear: both;
    margin : 0;
    padding: 0;
    border: 0;
}


/* Navigational elements*/

/* default link */
a { outline: none; line-height: 24px; }
a:visited { text-decoration: underline; color:#333; line-height: 24px;  }
a:link    { text-decoration: underline; color:#333; line-height: 24px; }
a:hover   { text-decoration: none; color:#9E958B;   line-height: 24px; }

/* Top menu without boxes below (may not be used) */
.hmenu, .hmenubot { width: 1020px; height: 33px; padding-top: 15px; background-image:url(../../images/hruleit.jpg); border: 0; text-align:center; color: #DCBA6E; font-family: Helvetica; font-weight: bold; font-size: 16px; margin: 0 auto; }
.hmenu a:visited, .hmenubot a:visited { text-decoration: underline; color:#fff; }
.hmenu a:link, .hmenubot a:link { text-decoration: underline; color:#fff; }
.hmenu a:hover, .hmenubot a:hover { text-decoration: none; color:#fff; }
.hmenu ul li, .hmenubot ul li { display: inline; list-style-type: none; padding-right: 35px;  }
.hmenubot { height: 37px; padding-top: 7px; background-image:url(../../images/hrulebot.jpg); }

/* Play stay eat go buttons */
.psegbtn { margin-right: 38px; }
.addevent { background-color: #d9d71c; display: block; position: absolute; font-family: 'Oleo Script', cursive; font-size: 24px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; padding: 3px 15px; text-align: center; color: #000; right: 65px; bottom: 5px; text-decoration: none; }

.months { margin-right: 15px; line-height: 30px; }