body, #ww { background-image:url(../../images/whitbybg.jpg); background-repeat: no-repeat; background-position: center top; background-color:#B5B5AD; margin: 0; padding: 0; }
#ww { width: 1020px; margin: 0 auto; background-image:url(../../images/sbg.jpg); }
h1 { color:#fff; font-size:13px; font-weight:bold; margin: 0; padding: 0; line-height: 15px; }
h2 { font-family: 'IM Fell Double Pica', cursive; font-size: 24px; margin: 0 0 20px 0; padding: 0; }
h3 { font-family: 'IM Fell Double Pica', cursive; color:#7DA0B6; font-size: 18px; margin: 0; padding: 0; font-weight:bold; }
p { margin: 8px 0 0 0; }
a { outline: none; text-decoration: none; line-height:25px; }
a:visited, a:link { text-decoration: underline; color: #8D3D0E; line-height: 25px; }
a:hover  { text-decoration: none; color:#8D3D0E; line-height: 25px; }
/*div,td { font-family:Arial, Helvetica, sans-serif; font-size:12px; }*/
div,td { font-family:'Imprima', sans-serif; font-size:16px; }
form { margin: 0; padding: 0; }
hr   { width: auto; height: 1px; background-image: none; background-color:#ccc; border: 0; padding: 0; margin: 20px 0px; clear:both; }
.colitem, .colitemgb { margin-bottom: 20px; }
.colitemgb { padding: 8px; border: 1px solid #ccc; }
.introtext { color: #C1932F; font-size: 20px; font-family: 'IM Fell Double Pica', cursive; }
/*.introtext { color:#D3B269; font-size:18px; }*/
#topwrap { width: 960px; margin: 0 auto; }
#topb    { text-align: center; }
#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: 47px; padding-top: 61px; background-image:url(../../images/bgpseg.jpg); float: right; clear:right; text-align:right; }
#whitby_image { width: 920px; padding: 0 20px 13px 20px; position: relative; }
#fblikefb { position:absolute; right: 25px; top: 8px; }
#fblike { position:absolute; left: 25px; bottom: 20px; }
#fblikepseg { position:absolute; left: 25px; bottom: 20px; width: 400px; }
#gp1pseg { position:absolute; right: 25px; bottom: 20px; width: 300px; text-align:right; }
#psegintro { padding: 36px; text-align: left; height: 66px; padding-right: 330px; }
#psegintro h2 { font-size: 17px; margin: 0; padding: 0; font-weight: bold; }
#psegintro.play { background-image: url(../../images/whitby_image_play.jpg); }
.play h2 { color: #F9A34E; }
#psegintro.stay { background-image: url(../../images/whitby_image_stay.jpg); }
.stay h2 { color: #A7B080; }
#psegintro.eat  { background-image: url(../../images/whitby_image_eat.jpg); }
.eat h2 { color: #ECC782; }
#psegintro.go   { background-image: url(../../images/whitby_image_go.jpg); }
.go h2 { color: #5990B0;}
#headerboxleft,#headerboxright { width: 440px; height: 169px; border: solid 20px #6B7541; background-color:#93A277; float: left; margin-left: 30px; }
#headerboxright { border-color: #4A6F8A; background-color:#7DA0B6; float: right; margin-right: 30px; } 
.featureb, .featureg, .featureo { display: block; padding: 15px; color: #fff; }
.featureb { background-color:#4A6F8A; } .featureg { background-color:#6B7541; } .featureo { background-color:#C17F11; }
.fphr { float: right; margin: 0 0 20px 20px; } .fphl { float: left; margin: 0 20px 20px 0; }
#search { background-color: #3A2A19; text-align:center; padding: 10px 0px; }
.hrulewba, .hrule, .hrulegb { width: 1020px; height: 48px; background-image:url(../../images/hrulewba.jpg); border: 0; padding:0; margin:0 auto; clear: both; }
.hrule { background-image:url(../../images/hrule.jpg); }
.hrulegb { background-image:url(../../images/hrulegb.jpg); }
#content, #psegzone { width: 920px; background-color:#fff; margin: 0 auto; padding: 5px 20px; padding-bottom: 50px; }
#psegzone { padding: 15px 0 15px 20px; height: 250px; width: 940px; }
#psegzone a:visited, #psegzone a:link, #psegzone a:hover { font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; }
#psegzone ul { list-style:none outside none; padding: 0; margin: 0; }
#psegzone li { padding: 0; margin: 0; /*padding: 0 10px; margin: 0;*/ }
.psegad { width: 293px; height: 250px; float: left; background-repeat: no-repeat; margin: 0 20px 0 0; }
.psegtext { padding: 5px 10px; }
.psegnotplay { background-color: #BD6718; color: #F9A34E; }
.psegnoteat { background-color: #B58F55; color: #ECC782; }
.psegnotgo { background-color: #2B5D76; color: #5990B0; }
.psegnotstay { background-color: #6B7541; color: #A7B080; }
#leftcol  { width: 199px; float: left; }
/* text was #8D3D0E */
/* links were #C17F11 */
#midcol   { width: 473px; margin: 0px 30px; float: left; color:#3A2A19; }
#widecol  { width: 661px; margin: 0px 30px; float: left; color:#3A2A19; }
#rightcol { width: 188px; float: right; }
.rct1, .rct2, .rct3 { color: #fff; padding: 1px 0px 1px 8px; display: block; text-align:left; font-weight:bold; }
.rct1 { background-color: #7DA0B6; } .rct2 { background-color: #93A277; } .rct3 { background-color: #B58F55; }
#bigbody  { width: 701px; float: left; margin-left: 20px; margin-top: 10px; color: #3A2A19; }
#footer { background-color:#779BB4; width: 920px; padding: 40px 20px 13px 20px; margin: 0 auto; }
#footer a:visited, #footer a:link, #footer a:hover { text-decoration: underline; color: #fff; }
#footer a:hover	  { text-decoration: none; }
.footer { color: #fff; font-size: 11px; font-weight:bold; }
#galcaption { color: #fff; }
#bsharelinks  { float: right; width: 200px; }
#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; }
#youarehere { background-color:#E3E0DF; color: #999; float: right; text-align: left; padding: 1px 5px; width: 691px; font-size: 12px; font-weight: bold; }
#youarehere a:visited, #youarehere a:link { text-decoration: underline; color: #999; }
#youarehere a:hover { text-decoration: none; color: #999; }
.hmenu { width: 960px; height: 48px; padding: 0 30px; background-image:url(../../images/hrule.jpg); border: 0; text-align:center; color: #fff; margin: 0 auto; background-position: center; text-decoration: none; font-size: 15px; position: relative; }
.hmenu a:visited, .hmenu a:link { text-decoration: none; color:#fff; }
.hmenu a:hover   { text-decoration: underline; color:#fff; }
.hmenu ul { position: absolute; top: -3px; }
.hmenu ul li { display: inline; list-style-type: none; padding-right: 13px;  }
#hmenuin { background-image:url(../../images/hruleit.jpg); }
#hmenubot { height: 40px; background-image:url(../../images/hrulebot.jpg); }
.psegbtn { margin-right: 38px; }
#menu    { background: #fff; list-style: none; margin: 0; padding: 0; }
#menu li { margin: 0; padding: 0; }
#menu a  { background: #C17F11; border-bottom: 1px solid #fff; color: #fff; display: block; margin: 0; padding: 4px 0px 4px 15px; text-decoration: none; font-weight: bold; }
#menu a:hover, #menu .over { background: #3A2A19; color: #fff; }
#smenu .new { background: #DCBA6E; color: #000; }
#smenu   { background: #fff; list-style: none; margin: 0; padding: 0; font-size: 13px; }
#smenu a { background: #DCBA6E; color: #fff; display: block; margin: 0; padding: 4px 0px 4px 30px; text-decoration: none; font-weight: bold; }
#smenu a:hover { background: #765432; color: #fff; }
.rlink ul { list-style-type:none; padding: 0; margin: 0; }
.boldo { color:#f60; font-weight:bold; }
.ws { background-image: url(../images/site/website.gif); width: 55px; height: 7px; display:inline; }
.redborder { border-color:#f00; outline-color:#foo; background-color:#fcc; }
.lateitem { padding: 10px; margin-top: 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 0px solid #E7D09F; background-color: #E7D09F; }
.important { font-weight: bold; color: #e00; font-size: 14px; }