@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent;
border:0;
margin:0;
padding:0;
outline:0;
vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6, p {font-style:normal; font-weight:normal;}

ol,ul {list-style:none}

:focus {outline:0;}


body {
background-color:#039;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clear {clear:both;}
.center {text-align:center;}

a:link,a:visited {color:#039; text-decoration:none;}
a:hover {color:#F00; text-decoration:underline;}
a:active {color:#F00; text-decoration:underline;}


p {font-size:13px; color:#111; line-height:21px; padding:7px 0;}

h1 {font-size:22px; line-height:35px; text-align:center;}
h2 {font-size:14px; color:#64B06A;} /*home*/
h3 {} /*member-box*/ /*news-headings*/
h4 {} /*members*/
h5 {
font-size:22px;
color:#000;
line-height:40px;
background-color:#799EFF;
margin-top:15px;
padding:10px 15px 0 15px;
} /*constitution*/
h6 {font-size:25px; color:#FFF; line-height:50px; text-shadow:1px 1px #000; padding-left:200px;} /*members-bar*/

ul {font-size:13px; color:#111; line-height:21px; padding:7px 0;}


/*styles*/

#site-update {width:100%; background-color:#FFC; border-bottom:1px solid #FF9; padding:3px 0; text-align:center;}

#header {
width:100%;
height:200px;
background:url(images/bg-header.jpg) repeat-x;
margin-bottom:20px;
}

.container {width:960px; margin:auto; overflow:hidden;}

#logo {width:235px; height:140px; float:left;}
#logo img, #logo a {display:block;}

#title {
width:725px;
height:140px;
background:url(images/title.jpg) no-repeat;
float:left;
}

#nav {width:960px; height:50px; margin:10px auto 0 auto; padding:0; overflow:hidden;}
#nav li {display:inline; font-size:14px; line-height:22px;}
#nav a {width:120px; height:50px; background:url(images/buttons.png) no-repeat; float:left; display:block; color:#FFF; text-align:center;}
#nav a:hover {text-decoration:none;}

#nav li#n-1 a {background-position:0 0;}
#nav li#n-1 a:hover {background-position:0 -50px; color:#FF0;}
#nav li#n-2 a {background-position:0 -100px;}
#nav li#n-2 a:hover {background-position:0 -150px; color:#F0F;}
#nav li#n-3 a {background-position:0 -200px;}
#nav li#n-3 a:hover {background-position:0 -250px; color:#0F0;}
#nav li#n-4 a {background-position:0 -300px;}
#nav li#n-4 a:hover {background-position:0 -350px; color:#000;}
#nav li#n-5 a {background-position:0 -400px;}
#nav li#n-5 a:hover {background-position:0 -450px; color:#06F;}
#nav li#n-6 a {background-position:0 -500px;}
#nav li#n-6 a:hover {background-position:0 -550px; color:#F60;}
#nav li#n-7 a {background-position:0 -600px;}
#nav li#n-7 a:hover {background-position:0 -650px; color:#CCC;}
#nav li#n-8 a {background-position:0 -700px;}
#nav li#n-8 a:hover {background-position:0 -750px; color:#F00;}


#main {
width:960px;
background:url(images/bg-main.jpg) bottom no-repeat #D9EBFF;
margin:auto;
}


#footer {
width:100%;
background:url(images/footer-images.jpg) 0 -140px repeat-x #069;
padding:65px 0 25px 0;
}
#footer p {font-size:12px; font-style:italic; text-indent:260px;}

#footer a {color:#FFF;}
#footer ul {
height:128px;
list-style:circle inside;
padding:5px 10px;
float:left;
font-size:12px;
line-height:21px;
}


ul#footer-one {
width:100px;
background-color:#005F8C;
border:1px solid #005177;
}
ul#footer-two {
width:180px;
background-color:#003398;
border:1px solid #002278;
}
.f-two-li {margin-left:15px;}

ul#footer-three {
width:180px;
background-color:#ABD594;
border:1px solid #64B069;
list-style:none;
font-weight:bold;
line-height:23px;
}
ul#footer-three a {color:#039;}

.footer {height:140px; background:url(images/footer-images.jpg) no-repeat; float:left;}
.f-logo {width:225px; background-position:0 0;}
.f-1 {width:25px; background-position:-225px 0; margin:0 5px 0 35px;}
.f-2 {width:25px; background-position:-250px 0; margin:0 5px 0 35px;}
.f-3 {width:25px; background-position:-275px 0; margin:0 5px 0 35px;}

.site-version {clear:both; padding:10px 0 0 0;}


.main-text {width:900px; margin:auto;}


.members-bar {background:url(images/bg-members-bar.jpg) no-repeat #68B46E;}
.members-bar-bottom {height:5px; background-position:0 -75px; clear:both;}

.mem-bar-col {width:440px; backgorund-color:#63B169; margin-left:20px; padding-bottom:10px; float:left;}
.mem-bar-col a {width:100%; display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#036;}

.mem-bar-col div {
height:62px;
background:url(images/bg-mem-box.png) repeat-x;
padding:0 10px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.mem-bar-col div:hover {background-position:0 -62px;}

.mem-bar-col ul {width:420px; padding:10px 0;}
.mem-bar-col li {line-height:20px;}

.bt {font-size:12px; font-style:italic; color:#286532;}


.members-bar h6 {
width:760px;
height:75px;
cursor:pointer;
color:#FFF;
}

#sc1 {
width:960px;
background-color:#68B46E;
padding-top:10px;
overflow:hidden;
}
/*
#sc1 ul {
width:205px;
background-color:#63B169;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 0 2px #4E9A53;
-moz-box-shadow:0 0 2px #4E9A53;
box-shadow:0 0 2px #4E9A53;
margin-bottom:10px;
padding:5px;
float:left;
font-size:13px;
color:#28512C;
}
#sc1 a {border-bottom:1px dotted #393; color:#111;}
#sc1 a:hover {background-color:#91C895; text-decoration:none;}
#sc1 li {width:205px; overflow:hidden;}

.bt {border-bottom:1px dotted #91C895; margin-bottom:10px; padding:0 0 5px 0; font-size:10px; font-style:italic;}
*/

/*home*/
.marquee {
width:960px;
height:40px;
border-top:1px solid #C1EBFF;
border-bottom:1px solid #C1EBFF;
margin:0 auto 10px auto;
font-size:30px;
line-height:40px;
}

#home-gallery {
width:960px;
height:500px;
position:relative;
}
#fadeshow1 {width:560px; height:500px; position:absolute; top:0; left:0; z-index:1;}
#fadeshow2 {width:400px; height:500px; position:absolute; top:0; left:560px; z-index:1;}

#intro-one {
width:520px;
height:255px;
background:url(images/home-gallery/bg-intro-one.png) repeat;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 0 7px #000;
-moz-box-shadow:0 0 7px #000;
box-shadow:0 0 7px #000;
margin:-80px 10px 10px 10px;
padding:10px;
float:left;
position:relative;
z-index:3;
}
#intro-two {
width:360px;
height:255px;
background:url(images/home-gallery/bg-intro-two.png) repeat;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 0 7px #000;
-moz-box-shadow:0 0 7px #000;
box-shadow:0 0 7px #000;
margin:-80px 10px 10px 10px;
padding:10px;
float:left;
position:relative;
z-index:3;
}
#intro-one h2 {font-size:25px; color:#F00; letter-spacing:-1px; text-shadow:1px 1px 2px #000;}
#intro-two h2 {font-size:25px; color:#FF0; letter-spacing:-1px; text-shadow:1px 1px 2px #000;}
#intro-one p, #intro-two p {padding:7px 0 7px 25px; font-size:12px; color:#FFF; line-height:20px;}

.divide {width:24px; height:500px; background:url(images/home-gallery/divide.png) no-repeat; position:absolute; top:0; left:553px; z-index:2;}



/*page-headers*/
#header-home {width:960px; height:35px; background:url(images/header-home.jpg) no-repeat; padding-top:115px; color:;}

#header-about-cta {width:960px; height:35px; background:url(images/header-about-cta.jpg) no-repeat; padding-top:115px; color:#F0F;}
#header-news {width:960px; height:35px; background:url(images/header-news.jpg) no-repeat; padding-top:115px; color:#0C0;}
#header-promotions {width:960px; height:35px; background:url(images/header-promotions.jpg) no-repeat; padding-top:115px; color:#000;}
#header-members {width:960px; height:35px; background:url(images/header-members.jpg) no-repeat; padding-top:115px; color:#06F;}
#header-join {width:960px; height:35px; background:url(images/header-join.jpg) no-repeat; padding-top:115px; color:#F90;}
#header-constitution {width:960px; height:35px; background:url(images/header-constitution.jpg) no-repeat; padding-top:115px; color:#999;}
#header-contact {width:960px; height:35px; background:url(images/header-contact.jpg) no-repeat; padding-top:115px; color:#F00;}



/*news*/
.news-titles {width:235px; height:43px; background:url(images/news-titles.jpg) no-repeat; margin:0 auto 15px auto;}
.nt-news {background-position:0 0;}
.nt-newsletter {background-position:0 -43px;}
.nt-meeting {background-position:0 -86px;}

#news-right {width:470px; float:right;}
#news-right img {margin:0 0 10px 10px;}

#news-newsletters {
width:700px;/*430px*/
background-color:#039;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:inset 3px 3px 6px #000;
-moz-box-shadow:inset 3px 3px 6px #000;
box-shadow:inset 3px 3px 6px #000;
/*margin:0 10px;*/
padding:10px;
overflow:hidden;
}
#news-newsletters li {display:inline;}
#news-newsletters a {
width:42px;
height:23px;
background:url(images/newsletter-iconx2.jpg) no-repeat;
padding:37px 0 0 8px;
float:left;
display:block;
font:9px Arial, Helvetica, sans-serif;
line-height:12px;
}
#news-newsletters a:hover {width:40px; height:20px; background-position:0px -60px; padding:40px 0 0 10px;}

.meeting-date {padding:15px 0; text-align:center;}

#news {
width:720px;/*450px*/
padding:0 120px;/*0 20px*/
text-align:justify;
}
#news p {padding-left:3px; padding-right:3px;}
#news h3 {color:#003197; text-align:left;}
.news-date {border-top:1px solid #64B06A; margin-top:10px; font-size:12px; color:#53A259;}

.news-photos {text-align:left;}
.news-photos img {border:1px solid #FFF; margin-left:10px;}



/*promotions*/
#charminster-meal-deals a {
width:700px;
height:100px;
background:url(images/special-offers/meal-deals-headerx2.jpg) no-repeat;
margin:0 auto 10px auto;
display:block;
}
#charminster-meal-deals a:hover {background-position:0px -100px;}
#charminster-promotions a {
width:700px;
height:100px;
background:url(images/special-offers/promotions-headerx2.jpg) no-repeat;
margin:0 auto 10px auto;
display:block;
}
#charminster-promotions a:hover {background-position:0px -100px;}


.meal-deals-box {
width:220px;
height:190px;
background:url(images/special-offers/bg-boxes.jpg) repeat-x #C1FFCB;
border-top:1px solid #093;
margin-bottom:20px;
padding:5px;
float:left;
}
.meal-deals-box img {margin:0 10px 5px 10px;}
.meal-deals-box p, .meal-deals-box-hover p, .promotions-box p, .promotions-box-hover p {padding:0;}
p.meal-deal {margin-bottom:10px; font-size:14px; color:#900; line-height:16px; letter-spacing:1px;}

.meal-deals-box-hover {
width:220px;
height:190px;
background:url(images/special-offers/bg-boxes-hover.jpg) repeat-x #FF9;
border-top:1px solid #000;
margin-bottom:20px;
padding:5px;
float:left;
}
.meal-deals-box-hover img {margin:0 10px 5px 10px;}

ul.meal-deals-sale-e-pepe li {list-style:none;}
ul.meal-deals-sale-e-pepe li ul {display:none;}
ul.meal-deals-sale-e-pepe li ul li {margin-top:5px;}
ul.meal-deals-sale-e-pepe li:hover ul {
width:713px;
background-color:#3C6;
border:1px solid #060;
padding:3px;
position:relative;
z-index:100;
display:block;
}

.promotions-box {
width:220px;
height:220px;
background:url(images/special-offers/bg-boxes-promotions.jpg) repeat-x #FF9D9D;
border-top:1px solid #900;
margin-bottom:20px;
padding:5px;
float:left;
}
.promotions-box img {margin:0 10px 5px 10px;}
p.promotion {margin-bottom:10px; font-size:14px; color:#036; line-height:16px; letter-spacing:1px;}

.promotions-box-hover {
width:220px;
height:220px;
background:url(images/special-offers/bg-boxes-promotions-hover.jpg) repeat-x #99F;
border-top:1px solid #FFF;
margin-bottom:20px;
padding:5px;
float:left;
}
.promotions-box-hover img {margin:0 10px 5px 10px;}



/*members*/
.member-box-b a {
width:220px;
height:120px;
background:url(images/bg-member-box.jpg) 0 0 no-repeat;
-webkit-box-shadow:0 -3px 6px #000;
-moz-box-shadow:0 -3px 6px #000;
box-shadow:0 -3px 6px #000;
margin:40px 0 0 15px;
float:left;
}
.member-box-b h3, .member-box-g h3  {padding-bottom:5px; border-bottom:1px dotted #FFF; font-size:15px; color:#000; font-weight:bold; line-height:22px; text-align:center; text-shadow:1px 1px 2px #FFF;}
.member-box-b p, .member-box-g p  {padding:0; font-size:11px; color:#096; font-weight:bold; font-style:italic; line-height:14px; text-align:center; text-shadow:1px 1px 2px #FFF;}

.member-box-g a {
width:220px;
height:120px;
background:url(images/bg-member-box.jpg) 0 -120px no-repeat;
-webkit-box-shadow:0 -2px 4px #000;
-moz-box-shadow:0 -2px 4px #000;
box-shadow:0 -2px 4px #000;
margin:40px 0 0 15px;
float:left;
}

.member-box-b a:hover, .member-box-g a:hover {background-position:0 -240px; text-decoration:none;}


.member-box-logo {
width:220px;
height:45px;
background:url(images/member-box-logos.jpg) no-repeat;
}
.mbl-afrosia {background-position:0 0px;}
.mbl-antiques {background-position:0 -45px;}
.mbl-azon {background-position:0 -90px;}
.mbl-baraca {background-position:0 -135px;}
.mbl-barnabys {background-position:0 -180px;}
.mbl-cakes {background-position:0 -225px;}
.mbl-collectibles {background-position:0 -270px;}
.mbl-dental {background-position:0 -315px;}
.mbl-charminsterpost {background-position:0 -360px;}
.mbl-churchfield {background-position:0 -405px;}
.mbl-colesmiller {background-position:0 -450px;}
.mbl-crystal {background-position:0 -495px;}
.mbl-currymaster {background-position:0 -540px;}
.mbl-dsto {background-position:0 -585px;}
.mbl-ellisjones {background-position:0 -630px;}
.mbl-flicks {background-position:0 -675px;}
.mbl-flowersat166 {background-position:0 -720px;}
.mbl-head2toe {background-position:0 -765px;}

.mbl-larumba {background-position:-220px 0;}
.mbl-lauraflora {background-position:-220px -45px;}
.mbl-league {background-position:-220px -90px;}
.mbl-martin {background-position:-220px -135px;}
.mbl-meritprint {background-position:-220px -180px;}
.mbl-onyerbike {background-position:-220px -225px;}
.mbl-paulwatts {background-position:-220px -270px;}
.mbl-launderette {background-position:-220px -315px;}
.mbl-rjhull {background-position:-220px -360px;}
.mbl-roberts {background-position:-220px -405px;}
.mbl-saleepepe {background-position:-220px -450px;}
.mbl-skimarine {background-position:-220px -495px;}
.mbl-brunswick {background-position:-220px -540px;}
.mbl-barbershop {background-position:-220px -585px;}
.mbl-richmond {background-position:-220px -630px;}
.mbl-threesmallrooms {background-position:-220px -675px;}
.mbl-wonderful {background-position:-220px -720px;}

.mbl-nippon {background-position:-220px -765px;}
.mbl-pctime {background-position:0 -810px;}
.mbl-disappearingink {background-position:-220px -810px;}
.mbl-breeze {background-position:0 -855px;}
.mbl-stephenhill {background-position:-220px -855px;}
.mbl-qpchiropody {background-position:0 -900px;}
.mbl-fearnwood {background-position:-220px -900px;}
.mbl-stbarts {background-position:0 -945px;}
.mbl-barker {background-position:-220px -945px;}
.mbl-gallery {background-position:0 -990px;}
.mbl-charminsterdrycleaners {background-position:-220px -990px;}

.mbl-potterpollard {background-position:0 -1035px;}
.mbl-youhair {background-position:-220px -1035px;}
.mbl-bluebird {background-position:0 -1080px;}
.mbl-turbobreakers {background-position:-220px -1080px;}
.mbl-tangible {background-position:0 -1125px;}
.mbl-headquarters {background-position:-220px -1125px;}
.mbl-edukation {background-position:0 -1170px;}
.mbl-indigo {background-position:-220px -1170px;}
.mbl-rspca {background-position:0 -1215px;}
.mbl-cs-mot-centre {background-position:-220px -1215px;}
.mbl-hospitality {background-position:0 -1260px;}
.mbl-nrg {background-position:-220px -1260px;}
.mbl-hitherapies {background-position:0 -1305px;}
.mbl-pbs {background-position:-220px -1305px;}

.members-others {width:420px; padding:20px 0 20px 20px; float:left;}
.members-others strong {font-size:14px;}


/*join*/
.join {
width:300px;
padding:10px;
float:left;
text-align:center;
}



/*constitution*/
.constitution {
width:500px;
list-style:circle;
margin-left:25px;
text-align:justify;
}



/*contact*/
#contact-page {width:98%; padding:1%; overflow:hidden;}

.contact-form {
width:58%;
background-color:#68B46E;
padding:10px 1%;
float:left;
}

.contact-form-field-names {
width:34%;
padding-right:1%;
float:left;
text-align:right;
}
.contact-form-field-names p {font-size:14px; line-height:20px; padding:0;}

.contact-form-fields {width:65%; float:left; padding-bottom:10px;}
.contact-form-fields input {background-color:#FFF; padding:2px; font:14px Arial, Helvetica, sans-serif;}
.contact-form-fields textarea {background-color:#FFF; padding:2px; font:14px Arial, Helvetica, sans-serif;}

p.submit input {
width:120px;
height:25px;
background:url(images/send-messagex2.jpg) no-repeat;
border:none;
}
p.submit input:hover {
background-position:0px -25px;
border:none;
cursor:pointer;
}

input:focus, textarea:focus {background-color:#CEFFCC; outline:2px solid #6C9;}

.contact-details {width:39%; padding:10px 0 0 1%; float:left; overflow:hidden;}

.contact-details-left {width:28%; padding-right:2%; float:left; text-align:right;}
.contact-details-left p {line-height:30px;}
.contact-details-right {width:70%; float:left; text-align:left;}
.contact-details-right p {font-size:20px; line-height:30px;}
.contact-details-right p.email {font-size:14px; line-height:30px;}


.contactphp {padding:20px 0px; text-align:center;}
.contactphp p.notvalid {color:#F00;}



.sitemap {list-style:circle; margin:20px 0 20px 100px;}