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

/*** Reset styles ***/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*** end Reset styles ***/
/*83%/1.4 arial*/
html, body { margin: 0; font: 83%/1.4 arial, helvetica, sans-serif; background: #fff; color: #393733; }

/*** common content formatting ***/

p { margin: 12px 0; } /* set paragraph spacing */
strong { font-weight: bold; } /* font bold */
em { font-style: italic; } /* font italic */

/* set default links */
a:link { color: #629635; } 
a:visited { color: #629635; }
/*a:hover { color: #ff0000; }*/
/*a:hover { color: #3083c0; }*/
a:hover { color: #800000; }
a:active { color: #629635; }

ul, ol { margin: 12px 0 12px 20px; } /* unordered lists */
ul li { margin: 2px 0; padding-left: 12px; background: url('../graphics/bullet_green.gif') no-repeat 0 7px; } /* list items */
ol li { margin: 2px 0; padding-left: 12px; list-style-type: decimal; } /* list items */

/*** end common content formatting ***/

/***** default headers *****/

h1 { margin-bottom: 15px; font-weight: normal; font-size: 2em; }
h2 { margin-bottom: 5px; font-weight: normal; font-size: 1.6em; }
h3 { margin-bottom: 5px; font-weight: normal; font-size: 1.4em; }

/***** end default headers *****/

/***** classes *****/

.floatLeft { float: left; } 
.floatRight { float: right; }
.clear { clear: both; }
.clearLeft{ clear: left; }
.clearRight{ clear: right; }

img.floatLeft { margin: 0 8px 8px 0; }
img.floatRight { margin: 0 0 8px 8px; }

.small { font-size: 0.8em; }
.boldtext { font-weight: bolder; }
.center{ text-align: center; }
.left{ text-align: left; }
.right{ text-align: right; }
.justify{ text-align: justify; }

.vSpacer { display: block; clear: both; height: 5px; } /* vertical spacer to divide elements */
.hide{ display: none; }
.required { color: #ff0000; }

ul li.pdf{ list-style: none; margin: 0 0 5px 0; padding: 8px 3px 8px 30px; background: url(../graphics/pdf_bullet.png) no-repeat 0 2px; }
ul li.msword{ list-style: none; margin: 0 0 5px 0; padding: 8px 3px 8px 30px; background: url(../graphics/word_bullet.gif) no-repeat 3px 6px; }

.info { padding: 10px 10px 10px 30px; color: #3083c0 ; background: #ffffe1 url(../graphics/info.png) no-repeat 5px 8px; border: 1px dashed #428bca; font-weight: bold; }
.error { padding: 15px 10px 10px 45px; color: #3083c0 ; background: #ffefef url(../graphics/cross.png) no-repeat 10px 10px; border: 1px dashed #ff0000; color: #f87d5c; font-weight: bold; }
.success { padding: 15px 10px 10px 45px; color: #3083c0 ; background: #f2f9ec url(../graphics/tick.png) no-repeat 10px 10px; border: 1px dashed #aed68b; color: #68cd57; font-weight: bold; }

div.hr { height: 1px; background: #D3D3D3 scroll center; clear: both; }
div.hr hr { display: none; }
div[class='hr blue'] { background-color: #0088cc; }

/***** end classes  *****/

/****** Layout/Theme styles  ******/

div#wrapper { margin: 0 auto; width: 990px; }

div#header { border-bottom: 1px solid #eee; }
/*div#header h1 { margin: 0; padding: 0; height: 40px; background: #3083c0 url(../graphics/headerBGBlue.jpg) repeat-x; }*/
div#header h1 { margin: 0; padding: 0; height: 40px; background: #205ca4 url(../graphics/headerBGBlue.jpg) repeat-x; }
div#header h1 a { width: 215px; height: 40px; display: block; background: url(../graphics/ksblogo.png) no-repeat; }
div#header h1 a span { display: none; }
div#header ul { margin: 0 0 5px 0; font-size: 1.1em; }
div#header ul li { margin: 4px 0; float: left; background: none; font-size: 0.9em; }
div#header ul li.first { padding: 0; }
div#header ul li a:link, div#header ul li a:visited { color: #3083c0; }
div#header ul li a:hover, div#header ul li a:active { color: #800000; }
div#header ul.breadcrumbs { float: left; }
div#header ul.breadcrumbs li { padding: 0; }
div#header ul.topnav { float: right; }
div#header ul.topnav li { padding: 0 0 0 20px; }

p#siteIntro { float: left; clear: both; width: 630px; color: #000; font-weight: bold; font-size: 1.2em; }
form#siteSearch { float: right; width: 265px; }
form#siteSearch p { height: 34px; float: left; }
form#siteSearch p input.txt { float: left; padding: 5px; width: 252px; border: 1px solid #cecece; color: #cecece; }
form#siteSearch p input.btn { float: left; position: relative; top: -28px; left: 226px; }

div#campaignBox { margin: 0; width: 678px; height: 332px; float: right; background: #fff url(../graphics/campaignBG.gif) no-repeat; }

div#campaignBox img.campaignImage { margin: 10px 0 0 10px; float: left; width: 394px; height: 254px; }
div#campaignBox div.intro{ margin: 10px 10px 0 0; float: right; width: 260px; height: 254px; background: #e8eff7; }
div#campaignBox div.intro h2 { margin: 5px 0 0 5px; color: #647d9c; }
div#campaignBox div.intro p { margin: 15px; padding: 0 0 0 0; font-size: 1.1em; color: #7a92ae; font-weight: bold; }
div#campaignBox div.intro ul { font-weight: bold; }

div#campaignBox img.campaignImageFull { margin: 10px 0 0 10px; position: relative; top: -54px; width: 658px; height: 254px; z-index: 1; }
div#campaignBox div.introFull{ margin: 0;  position: relative; top: 210px; left: 10px; width: 658px; height: 54px; overflow: hidden; background: #fff; *filter: alpha(opacity=60); opacity: .60; z-index: 2; }
div#campaignBox div.introFull h2 { margin: 5px 20px 0 5px; width: 100%; text-align: left; color: #647d9c; font-size: 1.3em; font-weight: bold; }
div#campaignBox div.introFull p { margin: 15px; padding: 0 0 0 0; font-size: 1.1em; color: #7a92ae; font-weight: bold; }
div#campaignBox div.introFull ul { margin: 5px 0 0 5px; padding: 0; float: left; font-weight: bold; }
div#campaignBox div.introFull ul li { margin: 0 20px 0 0; padding: 0; float: left; background: none; }

div#campaignBox ul.nav { margin: 4px 0 0 10px; float: left; }
div#campaignBox ul[class~='full'] { margin-top: -54px; }
*div#campaignBox ul[class~='full'] { margin-top: -53px; }
div#campaignBox ul.nav li { margin: 0 2px 0 2px; padding: 0 0 0 0; float: left; width: 160px; height: 55px; background: none; background-color: #acc5e3; text-align: center; }
div#campaignBox ul.nav li.first { margin-left: 0; width: 163px; }
div#campaignBox ul.nav li.last { margin-right: 0; width: 163px; }
div#campaignBox ul.nav li.pink { background-color: #FF0084; }
div#campaignBox ul.nav li.orange { background-color: #FF7400; }
div#campaignBox ul.nav li.green { background-color: #008C00; }
div#campaignBox ul.nav li.blue { background-color: #4096EE; }
div#campaignBox ul.nav li a:link, div#campaignBox ul#campaignNav li a:visited { padding: 16px 0 0 0; height: 40px; display: block; text-decoration: none; color: #fff; font-weight: bold; font-size:1.2em; }
div#campaignBox ul.nav li a:hover, div#campaignBox ul#campaignNav li a:active { padding: 16px 0 0 0; height: 40px; display: block; text-decoration: none; color: #fff; font-weight: bold; font-size:1.2em; }
div#campaignBox ul[class~='three'] li { width: 216px; } 
div#campaignBox ul[class~='three'] li.first { width: 217px; } 

div#newsBox { margin: 0; width: 305px; height: 300px; float: left; border: 1px solid #dfdfdf; }
h3.latestNews { margin: 0px 0 0 0; padding: 8px 10px 8px 10px; width: 287px; float: left; clear: left; background: #205ca4; color: #ffffff; font-size: 1.6em; }
h3.latestNews a:link, h3.latestNews a:visited, h3.latestNews a:hover, h3.latestNews a:active { color: #ffffff; text-decoration: none; }
h3.latestNews span { float: left; }
h3.latestNews img { float: right; }
div#newsBox ul.latest { margin: 0; padding: 0; }
div#newsBox ul.latest li { margin: 0; padding: 0; float: left; width: 305px; background: none; background: #f3f1f2; font-size: 1em; font-weight: bold; }
div#newsBox ul.latest li a:link, div#newsBox ul.latest li a:visited { padding: 5px 0 5px 135px; width: 170px; height: 31px; float: left; clear: both; background: #647d9c; border-bottom: 1px solid #dfdfdf; text-decoration: none; color: #EEEEEE; }
div#newsBox ul.latest li a:hover, div#newsBox ul.latest li a:active { padding: 5px 0 5px 135px; width: 170px;height: 31px; float: left; background: #7f7f7f; border-bottom: 1px solid #7f7f7f; text-decoration: none;  color: #fff; }
div#newsBox div.newsImgContainer { width: 156px; height: 156px; float: left; background: url(../graphics/newsThumbContainer.png) no-repeat; position: relative; top: -141px; left: -16px; }
div#newsBox div.newsImgContainer img { margin: 15px 0 0 15px; float: left; width: 126px; height: 126px; }

div#newsBox h3.more { margin: -145px 0 0 15px; float: left; width: 100%; color: #647d9c; font-weight: bold; font-size: 1.4em; }
div#newsBox ul.more { margin: -114px 0 0 15px; float: left; }
div#newsBox ul.more li { margin: 0 0 10px 0; padding: 0 0 0 15px; font-size: 1.1em; font-weight: bold; }
div#newsBox ul.more li a { display: inline; }
div#newsBox p { margin: -30px 0 0 0; padding: 0 8px 9px 8px; float: left; }

div.kstBox { margin: 20px 0 0 0; float: left; width: 305px; height: 250px; background: #fff url(../graphics/kstBoxBG.gif) top right no-repeat; }
div#kstIssues.kstBox { margin-left: 8px; }
div#kstCampaigns.kstBox { margin-left: 32px; margin-right: 32px; }
div.kstBox h3 { margin: 0; padding: 0; width: 294px; height: 68px; color: #3083c0; font-size: 1.5em; font-weight: bold; background: url(../graphics/h3bg.gif) no-repeat; }
div.kstBox h3 a { margin: 22px 0 0 0; padding: 0 0 0 96px; width: 190px; float: left; display: block; color: #3083c0; text-decoration: none; }
div.kstBox p { margin: 0 10px 0 6px; width: 275px; color: #3083c0; }
div.kstBox ul { margin: 8px 0 0 0; padding: 0; }
div.kstBox ul li { margin: 0 6px 6px 6px; padding: 0; width: 140px; float: left; clear: none; background: none; }

div[class='kstBox issues'] h3 { background: url(../graphics/IssuesBG.gif) no-repeat; }
div[class='kstBox campaigns'] h3 { background: url(../graphics/CampaignsBG.gif) no-repeat; }
div[class='kstBox events'] h3 { background: url(../graphics/EventsBG.gif) no-repeat; }

div[class='kstBox events'] p { margin-bottom: 6px; }
div[class='kstBox events'] a.eventsBtn { margin: 15px 30px 0 30px; display: block; width: 230px; height: 33px; float: left; clear: both; background:url(../graphics/ForthcomingEventsBtn.png) no-repeat 0 0; }
div[class='kstBox events'] a.eventsBtn span { display: none; }

/*div#footer { margin: 20px 0 10px 0; width: 100%; float: left; border-top: 3px solid #2f83bf; }*/
div#footer { margin: 20px 0 10px 0; width: 100%; float: left; border-top: 1px solid #205ca4; }
div#footer p.contact { margin: 10px 30px 0 0; width: 325px; float: left; }
/*width: 43px; height: 55px*/
div#footer p.contact a[class~='ksblogo'] { margin: 0 15px 0 0; display: block; float: left; width: 30px; height: 55px; background-image: url(../graphics/ksbiconR.gif); }
div#footer p.contact a[class~='ksblogo'] span { display: none; }
div#footer p.terms { margin: 10px 20px 0 0; width: 325px; float: left; }
div#footer p.social { margin: 10px 0 0 0; float: right; }
div#footer p.social a[class~='socialnet'] { margin: 8px 30px 0 0; float: left; display: block; }
div#footer p.social a[class~='facebook'] { width: 25px; height: 25px; background: url(../graphics/facebookicon.png); }
div#footer p.social a[class~='youtube'] { width: 61px; height: 26px; background: url(../graphics/youtubeicon.gif); }
div#footer p.social a[class~='twitter'] { width: 103px; height: 26px; background: url(../graphics/twittericon.gif); }
div#footer p.social a[class~='socialnet'] span { display: none; }

ul#sitenav { margin: -15px 0 0 0; padding: 0; float: left; width: 170px; border: }
ul#sitenav li { margin: 0; padding: 0; float: left; width: 170px; background: url(../graphics/arrow.gif) no-repeat 8px 16px; border-top: 1px dashed #d9d9d9; font-size: 1.4em; font-weight: bold; }
ul#sitenav li a:link, ul#sitenav li a:visited { padding: 10px 0 10px 30px; display: block; text-decoration: none; color: #ababab; }
ul#sitenav li a:hover, ul#sitenav li a:active { padding: 10px 0 10px 30px; display: block; text-decoration: none; color: #7cc241; }
ul#sitenav ul.subnav { margin: 0 0 0 20px; padding: 0; float: left; clear: both; width: 150px; }
ul#sitenav ul.subnav li { margin: 0 0 0 0; padding: 6px 0 6px 0; float: left; clear: both; border: none; font-size: 0.9em; font-weight: normal; }

ul#sitenav li:first-child,ul#sitenav li.first {  }
ul#sitenav li:last-child, ul#sitenav li.last { border-bottom: 1px dashed #d9d9d9; }
ul#sitenav li.current { background: url(../graphics/arrow_down.gif) no-repeat 8px 16px; }
ul#sitenav li.current a { padding: 10px 0 10px 30px; width: 140px; color: #77a4d6; }
ul#sitenav li.current ul.subnav { margin: 0; }
ul#sitenav li.current ul.subnav li { margin: 0; padding: 0 0 10px 30px; width: 140px; background: none; }
ul#sitenav li.current ul.subnav li.current { font-weight: bold; }
ul#sitenav li.current ul.subnav li a:link, ul#sitenav li.current ul.subnav li a:visited { padding: 0 0 0 0; width: 140px; background: none; font-size: 0.9em; }
ul#sitenav li.current ul.subnav li a:hover, ul#sitenav li.current ul.subnav li a:active { padding: 0 0 0 0; width: 140px; background: none; font-size: 0.9em; text-decoration: underline;  }

div#content { margin: -25px 0 0 0; padding: 0 0 0 20px; float: right; width: 795px; font-size: 1.1em; border-left: 0px solid #d9d9d9; /*border-left: 1px solid #0088cc;*/ }
div#content h2.pageTitle { margin: 0 0 15px 0; padding: 0; float: right; width: 795px; color: #cc99cc; font-size: 1.8em; }
div#content h3.boldtext { color: #0099cc; }
div#content p:first-child { margin-top: 0; }

div#content div.campaign { margin: 20px 0 0 0; padding: 0 0 20px 0; width: 795px; float: left; border-bottom: 1px solid #ccc; }
div#content div[class='campaign first'] { margin-top: 0; }
div#content div[class='campaign last'] { border: none; }
div#content div.campaign h4.title { margin: 0 0 10px 0; padding: 0; width: 650px; float: right; font-size: 1.2em; font-weight: bold; }
div#content div.campaign a.thumb { margin: 0; padding: 0; width: 130px; height: 90px; float: left; }
div#content div.campaign p.desc { margin: 0; padding: 0; width: 650px; float: right; }
div#content div.campaign a.bscot {  background: url(../graphics/CampaignThumb-BeautifulScotland.png) no-repeat 0 0; }
div#content div.campaign a.coastal {  background: url(../graphics/CampaignThumb-CoastalCampaigns.png) no-repeat 0 0; }
div#content div.campaign a.dumbdump {  background: url(../graphics/CampaignThumb-DumbDumpers.png) no-repeat 0 0; }
div#content div.campaign a.fastfood {  background: url(../graphics/CampaignThumb-FoodOnTheGo.jpg) no-repeat 0 0; }
div#content div.campaign a.havepride {  background: url(../graphics/CampaignThumb-HaveSomePride.jpg) no-repeat 0 0; }
div#content div.campaign a.litterday {  background: url(../graphics/CampaignThumb-LitterDayOfAction.jpg) no-repeat 0 0; }
div#content div.campaign a.poopscoop {  background: url(../graphics/CampaignThumb-PoopScoopWeek.jpg) no-repeat 0 0; }
div#content div.campaign a.springclean {  background: url(../graphics/CampaignThumb-SpringClean.png) no-repeat 0 0; }

div#content div.issue { margin: 20px 0 0 0; padding: 0 0 20px 0; width: 795px; float: left; border-bottom: 1px solid #ccc; }
div#content div[class='issue first'] { margin-top: 0; }
div#content div[class='issue last'] { border: none; }
div#content div.issue h4.title { margin: 0 0 10px 0; padding: 0; width: 650px; float: right; font-size: 1.2em; font-weight: bold; }
div#content div.issue a.thumb { margin: 0; padding: 0; width: 130px; height: 90px; float: left; }
div#content div.issue p.desc { margin: 0; padding: 0; width: 650px; float: right; }
div#content div.issue a.abvehicles {  background: url(../graphics/IssueThumb-AbandonedVehicles.jpg) no-repeat 0 0; }
div#content div.issue a.balloonlitter {  background: url(../graphics/IssueThumb-BalloonLitter.jpg) no-repeat 0 0; }
div#content div.issue a.coastallitter {  background: url(../graphics/IssueThumb-CoastalLitter.jpg) no-repeat 0 0; }
div#content div.issue a.dogfoul {  background: url(../graphics/IssueThumb-DogFouling.jpg) no-repeat 0 0; }
div#content div.issue a.fastfood {  background: url(../graphics/IssueThumb-FastFood.jpg) no-repeat 0 0; }
div#content div.issue a.flytipping {  background: url(../graphics/IssueThumb-Flytipping.jpg) no-repeat 0 0; }
div#content div.issue a.graffitiflypost {  background: url(../graphics/IssueThumb-GraffitiFlyposting.jpg) no-repeat 0 0; }
div#content div.issue a.roadsidelitter {  background: url(../graphics/IssueThumb-RoadsideLitter.jpg) no-repeat 0 0; }
div#content div.issue a.smokinglitter {  background: url(../graphics/IssueThumb-SmokingLitter.jpg) no-repeat 0 0; }
div#content div.issue a.youthlitter {  background: url(../graphics/IssueThumb-YouthLitter.jpg) no-repeat 0 0; }

div#content div.leaflet { margin: 0 0 30px 0; padding: 0; width: 380px; float: left; border: 1px solid #ccc; background-color: #f1f5f9; }
div#content div[class='leaflet second'] { float:right; }
div#content div.leaflet h4.title { margin: 5px 0 10px 0; padding: 0; width: 250px; float: right; font-size: 1.2em; font-weight: bold; }
div#content div.leaflet a.thumb { margin: 0; padding: 0; display: block; width: 120px; height: 170px; float: left; }
div#content div.leaflet p.desc { margin: 0; padding: 0; width: 250px; float: right; }
div#content div.leaflet a.abandonevehicles { background: url(../images/Leaflet_AbandonedandNuisanceVehicles.jpg) no-repeat 0 0; }
div#content div.leaflet a.businessrubbish { background: url(../images/Leaflet_YourBusinessYourRubbishLaw.jpg) no-repeat 0 0; }
div#content div.leaflet a.cleanup { background: url(../images/Leaflet_OrganisingClean.jpg) no-repeat 0 0; }
div#content div.leaflet a.dogfoul { background: url(../images/Leaflet_CleaningUpAfterYourDog.jpg) no-repeat 0 0; }
div#content div.leaflet a.dogfoul2 { background: url(../images/Leaflet_CleaningUpAfterYourDog2.jpg) no-repeat 0 0; }
div#content div.leaflet a.flytipping { background: url(../images/Leaflet_Flytipping.jpg) no-repeat 0 0; }
div#content div.leaflet a.graffiti { background: url(../images/Leaflet_GraffitiFlyposting.jpg) no-repeat 0 0; }
div#content div.leaflet a.keepclean { background: url(../images/Leaflet_KeepItClean.jpg) no-repeat 0 0; }
div#content div.leaflet a.litterbeach { background: url(../images/Leaflet_BeachLitter.jpg) no-repeat 0 0; }
div#content div.leaflet a.litterlaw { background: url(../images/Leaflet_LitterLaw.jpg) no-repeat 0 0; }

div#content div.event { margin: 0 0 30px 0; padding: 0; width: 100%; float: left; clear: both; }
div#content div.event h3 { margin: 30px 0 10px 0; padding: 0; font-weight: bold; }
div#content div.event h3 a:link, div#content div.event h3 a:visited { color: #2f83bf; text-decoration: none; }
div#content div.event h3 a:hover, div#content div.event h3 a:active { color: #7cc241; text-decoration: none; }
div#content div.event img { margin: 30px 0 0 15px; float: right; }
div#content div.event p { margin: 0; padding: 0; }
div#content div.event p.where { color: #969696; }
div#content div.event p.when { color: #969696; }
div#content div.event p.description { margin: 10px 0 0 0; }
div#content div.event p.contact { margin: 15px 0 0 15px; padding: 2px 0 0 25px; min-height: 20px; background: url(../graphics/info.png) no-repeat; color: #3083c0; font-weight: bold; }

div#content div.eventDetails { margin: 0; padding: 0; width: 500px; float: left; clear: both; }
div#content div.eventDetails p { margin: 0; padding: 20px 4px 20px 4px; border-bottom: 1px solid #ccc; font-size: 1.1em; }
div#content div.eventDetails p.description { border: none; }
div#content div.eventDetails p strong { margin: 0; padding: 0 20px 0 0; display: block; float: left; width: 88px; color: #2f83bf; text-align: left; border-right: 0px solid #cccccc; }

div#content div.downloads { margin: 12px 110px 12px 110px; padding: 0; width: 560px; float: left; clear: both; border: 1px solid #7cc241; }
div#content div.downloads h3 { padding: 6px 6px 6px 6px; background-color: #7cc241; color: #fff; font-weight: bold; }
div#content div.downloads ul {  }

div#content div.latestNews { margin: 15px 0 15px 0; padding: 0; width: 255px; float: left; }
div#content div[class='latestNews middle'] { margin: 15px 15px 15px 15px; }
div#content div.latestNews h4.title { margin: 0 0 10px 0; padding: 0; width: 155px; float: right; font-size: 1em; font-weight: bold; }
div#content div.latestNews p.desc { margin: 8px 0 0 0; padding: 0; width: 255px; float: right; }
div#content div.latestNews a.thumb { margin: 0; padding: 0; display: block; width: 85px; height: 85px; float: left; border: 1px solid #ccc; }

/****** Layout/Theme styles  ******/

/****** Deafault form styles start ******/
form.form{ margin: 0; padding: 0; }
form.form h3 { font-weight: bold; }
form.form div { margin: 0 0 0 0; padding: 0; width: 100%; float: left; clear: both; border-bottom: 1px dashed #D5D5D5; }
form.form div p { margin: 0 0 0 0; padding: 15px 0 15px 0; width: 100%; float: left; }
form.form div p label { margin: 0 10px 0 0; padding: 0; width: 130px; display: block; float: left; text-align: left; font-weight: bold; font-size: 1.2em; }
form.form div p img.infoIcon { margin: 0 0 0 10px; padding: 0; float: left; cursor: pointer; }
form.form div.text {  }
form.form div.text p {  }
form.form div.text p label {  }
form.form div.text p input { margin: 0 0 0 10px; width: 320px; float: left; clear: right; }
form.form div.address p input { margin-bottom: 3px; }
form.form div.select {  }
form.form div.select p {  }
form.form div.select p label {  }
form.form div.select p select { margin: 0 0 0 10px; padding: 0; float: left; clear: right; }
form.form div.checkbox {  }
form.form div.checkbox p {  }
form.form div.checkbox p label {  }
form.form div.checkbox p input { margin: 0 0 0 10px; padding: 0; float: left; clear: right; }
form.form div[class='checkbox multiple'] { padding: 0 0 20px 0; }
form.form div[class='checkbox multiple'] h4 { margin: 20px 10px 0 0; padding: 0; width: 100%; display: block; float: left; clear: both; text-align: left; font-weight: bold; font-size: 1.2em; background: none; color: #000; }
form.form div[class='checkbox multiple'] p { margin: 0 0 0 0px; padding: 4px 0 4px 0; float: left; width: 170px; }
form.form div[class='checkbox multiple'] p label { margin: 0; width: 125px; font-weight: normal; }
form.form div[class='checkbox multiple'] p input { margin: 0 0 0 10px; padding: 0; float: left; }
form.form div.textarea {  }
form.form div.textarea p {  }
form.form div.textarea p label {  }
form.form div.textarea p textarea { margin: 0 0 0 10px; padding: 0; width: 330px; height: 100px; float: left; clear: right; }
form.form div.button { margin: 20px 0 0 0; padding: 0; border: none; text-align: right; }
form.form div.button input { margin: 0 0 0 5px; }
form.form input.invalid, form.formtextarea.invalid { border: 1px solid #f00; background: #FFFFD2; color: #000; }
form.form span.invalid { color: #f00; font-weight: bold; }
/****** Default form styles end ******/

form#orderHardCopy ul#tabs { margin: 0; padding: 0; width: 455px; float: left; }
form#orderHardCopy ul#tabs li { margin: 0; padding: 0; width: 80px; float: left; background: none;  }

form#orderHardCopy div#products { margin: 0; padding: 0; width: 455px; float: left; clear: left; border: none; }
form#orderHardCopy div#products p { margin: 0; padding: 6px 6px 6px 6px; width: 100%; float: left; border: none; }

form#orderHardCopy div#deliveryDetails { padding: 0 0 0 30px; width: 280px; float: right; border: none; border-left: 1px solid #ccc; }
form#orderHardCopy div#deliveryDetails div.text p label { width: 80px; font-size: 1em; }
form#orderHardCopy div#deliveryDetails div.text p input { width: 175px; }

/****** Calendar styles start ******/
div#CalendarContainer { font: 1em arial, helvetica, sans-serif;  }
div#CalendarContainer a.closeBtn { margin: 0; padding: 0; font-size: 1.2em; position: absolute; top: 0; right: 5px; color: #fff; font-weight: bold; text-decoration: none; }
div#CalendarContainer table.calendar { margin:0; padding: 0; border: 1px solid #ABABAB; }
div#CalendarContainer table.calendar th, table.calendar td { margin:0; padding: 0;  width: 32px; height: 30px; text-align: center; vertical-align: middle; }
div#CalendarContainer table.calendar th { background-color: #C0C0C0; color: #FFFFFF; font-weight: bold; }
div#CalendarContainer table.calendar th.period {  background-color: #ABABAB; font-weight: bold; font-size: 1.3em; }
div#CalendarContainer table.calendar td { width: 30px; }
div#CalendarContainer table.calendar td.day { background-color: #FFFFFF; color: #ababab; }
div#CalendarContainer table.calendar td.empty { background-color: #EAEAEA; }
div#CalendarContainer table.calendar td.over { background-color: #5ea0e3; color: #fff; cursor: pointer; }
div#CalendarContainer table.calendar td.today { width: 28px; background-color: #e6ebf2; color: #5ea0e3; border: 1px solid #5ea0e3; }
div#CalendarContainer table.calendar td.nav { background-color: #fff; border-top: 1px solid #eaeaea; }
div#CalendarContainer table.calendar td.nav select { margin: 0; float: left; }
div#CalendarContainer table.calendar td.nav select.month { margin: 0 7px 0 30px; }
div#CalendarContainer table.calendar td.nav select.year { margin: 0 30px 0 7px; }
div#CalendarContainer table.calendar td.nav a { font-size: 1.2em; }
div#CalendarContainer table.calendar td img { margin: 0 0px 0 10px; float: left; }

/* events calendar */
div#CalendarContainer.events { margin: 30px 0 0 0; width: 170px; float: left; clear: left; font: 1em arial, helvetica, sans-serif; }
div#CalendarContainer.events a.closeBtn { margin: 0; padding: 0; font-size: 1.2em; position: absolute; top: 0; right: 5px; color: #fff; font-weight: bold; text-decoration: none; }
div#CalendarContainer.events table.calendar { margin:0; padding: 0; border: 1px solid #ABABAB; }
div#CalendarContainer.events table.calendar th, table.calendar td { margin:0; padding: 0;  width: 32px; height: 30px; text-align: center; vertical-align: middle; }
div#CalendarContainer.events table.calendar th { background-color: #C0C0C0; color: #FFFFFF; font-weight: bold; font-size: 0.9em; }
div#CalendarContainer.events table.calendar th.period {  background-color: #ABABAB; font-weight: bold; font-size: 1.2em; display: none; }
div#CalendarContainer.events table.calendar td { width: 30px;  font-size: 0.9em; }
div#CalendarContainer.events table.calendar td.day { background-color: #FFFFFF; color: #ababab; }
div#CalendarContainer.events table.calendar td.empty { background-color: #EAEAEA; }
div#CalendarContainer.events table.calendar td.over { background-color: #5ea0e3; color: #fff; cursor: pointer; }
/*div#CalendarContainer.events table.calendar td.today { width: 28px; background-color: #e6ebf2; color: #5ea0e3; border: 1px solid #5ea0e3; }*/
div#CalendarContainer.events table.calendar td.nav { background-color: #fff; border-top: 1px solid #eaeaea; }
div#CalendarContainer.events table.calendar td.nav select { margin: 0; float: left; font-size: 0.9em; }
div#CalendarContainer.events table.calendar td.nav select.month { margin: 0 7px 0 10px; }
div#CalendarContainer.events table.calendar td.nav select.year { margin: 0 10px 0 7px;}
div#CalendarContainer.events table.calendar td.nav a { font-size: 1em; }
div#CalendarContainer.events table.calendar td img { margin: 0 0px 0 10px; float: left; }

/****** Calendar styles end ******/

/*KSB Portal*/
h3.progName { margin: 1px 0 0 0; padding: 8px 10px 8px 10px; width: 340px; float: left; clear: left; color: #629635; font-size: 1.4em; font-weight:bold; border:1px solid #629635; }
h3.progName a:link, h3.progName a:visited, h3.progName a:hover, h3.progName a:active { color: #629635; text-decoration:none; }
h3.progName span { float: left; }
h3.progName img { float: left; }

div#welcome { font-size:1.2em; width:100%; color:#555555; float:left; font-weight:bold; }

div#leftcolumn { float:left; width:320px; margin-top:12px; }

div#addThisWidget { width:100%; margin-bottom:12px;}
.boldTitleIntro { font-size:1.2em; color:#000000; font-weight:bold; }
div#programmes {float:left; margin-top:20px; width:320px; }
.boxHeaderGreen { float:left; background-color:#629635; color:#FFFFFF; background-image:url(../graphics/subheaderBGGreen.jpg); background-repeat:repeat-x; height:20px; width:100%; }
.boxHeaderGreen span { margin-left:8px; font-size:1.2em; font-weight:bold; }
.boxHeaderGrey {width:612px; background-color:#647d9c; color:#FFFFFF; background-image:url(../graphics/subheaderBGGrey.jpg); background-repeat:repeat-x; height:20px; }
.boxHeaderGrey span {margin-left:8px; font-size:1.2em; font-weight:bold; }
.boxHeaderGrey a { color:#FFFFFF; text-decoration:none; }

div#menuBorderBox { float:left; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; width:318px; }

div#internalMenuHolder { float:left; margin-top:12px; margin-left:8px; color:#555555; margin-right:22px; }
.progListDiv { margin-bottom:12px; }
.progListDiv h2 { color:#629635; }
.progListDiv h2 img { width:20px; height:15px; vertical-align:middle; }
.progListDiv h2 a { text-decoration:none; }
.progText { margin-left:26px; }

div#rightcolumn{ float:right; width:612px; margin-top:12px; }

div#bannerimage{ width:612px; height:280px; }
div#bignewsbox{ width:612px; margin-top:34px; float:right; }
div#newswrapper { background-color:#f9fbfe; width:610px; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; padding-top:8px; float:right; }

div#leadStoryBanner { float:right; width:346px; height:180px; margin-right:8px; margin-bottom:4px; }
div#leadStoryText { width:346px; color:#555555; float:right; margin-right:8px; }
.lnh a:hover{ background-color:#205ca4;}

/*BANNER IMAGE ROTATOR*/
/* rotator css */
div#bannerimage ul {margin:0; padding:0;}
div#bannerimage ul li {float:left; position:absolute; list-style: none; margin:0; padding:0;}
/* rotator image style */	
div#bannerimage ul li img {border:0px;}
div#bannerimage ul li.show {z-index:500;}