@import url(styleinlines.css); @import url(styleforum.css); /* Start of basic set of tags for article */ body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; text-align: center; } /* For 'textarea', 'input', 'option' and 'select' tags the font family is not inherited from the tag and so has to be re-stated. */ textarea, input, select, option, label { font-family : Arial, Verdana, Helvetica, sans-serif; vertical-align: middle; } p { margin: 10px 0 10px 0; } img, form, ul, fieldset { margin: 0; padding: 0; border: none; } img { vertical-align: middle; } table { font-size:100%; } th { text-align : left; } ul { list-style-position: inside; } h1 { margin: 0 0 10px 0; padding: 14px 0 3px 0; font-size: 130%; font-weight: bold; color: #555555; background: url(../../images/TOURISM/common/dotted_line.gif) bottom repeat-x; } h2 { margin:10px 0 10px 0; font-weight:bold; font-size: 110%; } hr { display: block; clear: left; height: 1px; color:#ffffff; border-top: solid 1px #ffffff; border-right: none; border-bottom: none; border-left: none; } .btntext, .standardbtn{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; font-weight:bold; background: #FFFFFF; color: #000000; cursor:hand; } .graygradienttitle { background: #EDE0D1 url(../../images/TOURISM/common/gradient_gray.gif) bottom repeat-x; font-size: 130%; padding: 6px 12px 6px 12px; } .dottedline { background: url(../../images/TOURISM/common/dotted_line.gif) top repeat-x; } a { color: #000000; text-decoration: underline; } a:hover { text-decoration: none; } /* End of basic set of tags for article */ /* Header styles */ .fixedwidth { margin: 0 auto 0 auto; width: 729px; text-align: left; } .header { height: 205px; padding: 12px 12px 14px 12px; color: #FFFFFF; background-color: #000000; } .headersearch { padding: 95px 0 0 0; text-align: right; } .headersearchtext { width: 150px; border: solid 1px #BEBEBE; font-size: 80%; padding: 3px 8px 3px 8px; } .headerdate { float: right; font-size: 75%; } .headerbreadcrumb { padding: 6px 12px 6px 12px; background: #F4F7FB url(../../images/TOURISM/common/breadcrumb_gradient.gif) top repeat-x; } .pathlabel { font-weight: bold; } .headerbreadcrumb ul { list-style: none; display: inline; margin: 0; padding: 0; } .headerbreadcrumb ul li { display: inline; margin: 0; padding: 0; } .headerbreadcrumb ul li a { color: #000000; text-decoration: none; } .headerbreadcrumb ul li a:hover { text-decoration: underline; } /* End of header bits */ /* Start of main display table stuff */ .bodytable { width: 100%; } .lhscol { margin: 0; padding: 0; vertical-align: top; width: 203px; } .bodycol { padding: 0 0 0 14px; margin: 0; vertical-align: top; width: auto; } /* End of main display table stuff */ /* The left-hand tree nav */ .treenav { padding: 0 15px 20px 10px } .treenav ul { list-style: none outside none; padding: 0; margin: 0; } .treenav ul li { text-indent: 0; padding: 0; margin: 0; /* The following border is a hack to prevent <=IE6 from adding false padding to navigation items */ border-bottom: 1px solid #FFFFFF; } .treenav ul li a, .atreenavs { display: block; margin: 0; padding: 10px 0 9px 16px; color: #CC362D; text-decoration: none; } .atreenavs { background: url(../../images/TOURISM/common/treenav_bullet.gif) left no-repeat; } .treenav ul li a:hover { text-decoration: underline; } .treenavtop { background: url(../../images/TOURISM/common/dotted_line.gif) top repeat-x; padding: 1px 0 0 0; } .treenavbottom { background: url(../../images/TOURISM/common/dotted_line.gif) bottom repeat-x; padding: 0 0 1px 0; } /* The nested lists (going down the tree) */ .treenav ul li ul { padding: 4px 0 4px 16px; background: #F4F7FB; } .treenav ul li ul li { /* The following border is a hack to prevent <=IE6 from adding false padding to navigation items */ border-bottom: 1px solid #F4F7FB; } .treenav ul li ul li a { color: #555555; padding: 4px 0 4px 16px; } .treenav ul li ul li span.atreenavs { padding: 4px 0 4px 16px; } /* End of left-hand tree navigation. */ /* Generic left hand related stuff */ .lhsbox { margin: 0; padding: 5px 5px 15px 5px; } .lhsbox ul { list-style: none outside none; padding: 0; margin: 0; } .lhsbox ul li { margin: 0; padding: 5px 0 5px 25px; background-repeat: no-repeat; background-position: left; } .lhsbox ul li a { color: #444444; text-decoration: underline; } .lhsbox ul li a:hover { text-decoration: none; } .lhsgeneric { background-image: url(../../images/TOURISM/common/related_icon.gif); } .validimages { list-style: none outside none; padding: 0; margin: 0; } .validimages li { padding: 3px 0 0 0; margin: 0; } /* End of generic left hand related stuff */ /* Media icon definitions */ .defaultmedia { background-image: url(../../images/media/docicon.gif); } .docmedia { background-image: url(../../images/media/docicon.gif); } .xlsmedia { background-image: url(../../images/media/xlsicon.gif); } .pptmedia { background-image: url(../../images/media/ppticon.gif); } .pdfmedia { background-image: url(../../images/media/pdficon.gif); } .zipmedia { background-image: url(../../images/media/zipicon.gif); } /* End media icon definitions */ /* Polls in the left hand side */ .pollquestion { background: url(../../images/TOURISM/common/poll_top.gif) top left no-repeat; padding: 8px 12px 8px 12px; margin: 0 0 2px 0; } .pollanswer { background-color: #F4F4F4; padding: 8px 12px 8px 8px; margin: 0 0 2px 0; line-height: 2; } .pollanswer label, .pollanswer input { background-color: #F4F4F4; } .votebuttons { width: 194px; white-space: nowrap; } .votebuttons input { padding: 0; margin: 0; } /* End of polls in the left hand side */ /* The footer bits */ .footerleft { background: url(../../images/TOURISM/common/footer_gradient.gif) bottom left no-repeat; } .footerright { background: url(../../images/TOURISM/common/footer_apples.jpg) bottom right no-repeat; padding: 60px 0 35px 12px; } .footerhamhill { background: url(../../images/TOURISM/common/footer_hamhill_wout_greenflag.jpg) bottom right no-repeat; padding: 60px 0 35px 12px; } .footerlefthamhill { background: url(../../images/TOURISM/common/footer_gradient_hamhill.jpg) bottom right no-repeat; } .footernav { list-style: none; margin: 0; padding: 0; } .footernav li { display: inline; margin: 0; padding: 0; } .footernav li a { color: #444444; text-decoration: none; } .footernav li a:hover { text-decoration: underline; } .footernav li span.utilspipe { color: #AFAFAF; } /* End of the footer bits */ /* Body text images tags */ .rimage { float: right; margin: 0 0 5px 10px; } .limage { float: left; margin: 0 10px 5px 0; } /* End of body text images tags */ /* Home page specific styles */ .homeimages { list-style: none outside none; margin: 1px 0 0 0; } .homeimages li { float: left; margin: 0; padding: 0; } .homeimages img { margin: 0; padding: 0; border: none; } .homeimagespacing { border-left: 2px solid #FFFFFF; } .hometable { clear: left; width: 100%; margin: 1px 0 0 0; } .hometable tr td { width: 50%; vertical-align: top; } .hometable tr td.hometablenewscell { padding: 0 1px 0 0; } .hometable tr td.hometableeventscell { } .homenews { list-style: none outside none; margin: 0; padding: 0; } .homenews li { margin: 0; padding: 10px 15px 10px 15px; clear: left; } .homenews li a { color: #CC362D; text-decoration: underline; } .homenews li a:hover { text-decoration: none; } .homeintro { margin-top: 3px; } .homeevents { list-style: none outside none; margin: 0; padding: 0; background: url(../../images/TOURISM/common/events_bg.jpg) top left no-repeat; } .homeevents li { margin: 0; padding: 10px 15px 10px 30px; clear: left; background: url(../../images/TOURISM/common/home_bullet.gif) top left no-repeat; } .homeevents li a { color: #CC362D; text-decoration: underline; } .homeevents li a:hover { text-decoration: none; } .homemore { clear: left; background-color: #ECDFCF; text-align: right; padding: 3px 10px 3px 10px; } .homemore a { color: #CC362D; text-decoration: none; } .homemore a:hover { text-decoration: underline; } /* End of Home page specific styles */ /* A to Z specific styles */ .atozletters { list-style: none outside none; margin: 0; padding: 0; white-space: nowrap; } .atozletters li { margin: 0; padding: 0; float: left; background: url(../../images/TOURISM/common/atoz_letters_bg.gif) bottom repeat-x; } .atozletters li.atozletterfirst { background: url(../../images/TOURISM/common/atoz_letters_bg_first.gif) bottom left no-repeat; padding: 0 0 0 15px; } .atozletters li.atozletterlast { background: url(../../images/TOURISM/common/atoz_letters_bg_last.gif) bottom right no-repeat; padding: 0 10px 0 0; } .atozletters li a { display: block; padding: 30px 5px 13px 5px; margin: 0 1px 0 1px; color: #666666; text-decoration: none; font-weight: bold; } .atozletters li a:hover, .atozletters li a.atozselected { background: url(../../images/TOURISM/common/atoz_letters_bg_selected.gif) bottom repeat-x; color: #CC362D; } .atozheading { background-color: #F4F7FB; color: #CC362D; font-weight: bold; margin: 20px 0 0 0; padding: 2px 2px 2px 2px; clear: both; font-size: 100%; } .atozheading a { color: #CC362D; text-decoration: none; font-weight: bold; } .atozheading a:hover { text-decoration: underline; } .atozintro { padding: 2px 2px 2px 2px; margin: 0; line-height: 1.4; } .atozintro a { color: #CC362D; text-decoration: underline; } .atozintro a:hover { text-decoration: none; } /* End of A to Z specific styles */ /* Calendar specific styles */ .calform { margin: 0; padding: 0; background: url(../../images/TOURISM/common/calendar_bg.gif) top left no-repeat; } .calmonthleft { float: left; background: url(../../images/TOURISM/common/calendar_month_left.gif) top left no-repeat; margin: 0 10px 0 0; } .calmonthright { background: url(../../images/TOURISM/common/calendar_month_right.gif) top right no-repeat; color: #CE4137; font-weight: bold; padding: 27px 15px 15px 15px; } .calformdropdowns { padding: 25px 0 30px 0; } .caleventleft { float: left; background: url(../../images/TOURISM/common/calendar_event_left.gif) top left no-repeat; margin: 2px 7px 0 0; } .caleventright { background: url(../../images/TOURISM/common/calendar_event_right.gif) top right no-repeat; color: #555555; font-size: 140%; font-weight: bold; padding: 6px 8px 15px 8px; } .caleventarticles { list-style: none outside none; padding: 10px 2px 0 2px; margin: 0; } .caleventarticles li { padding: 0; margin: 0; clear: right; } .caleventarticles li a { color: #CC362D; text-decoration: underline; } .caleventarticles li a:hover { text-decoration: none; } /* End of Calendar specific styles */ /* Contact specific styles */ .contactdetails { list-style: none outside none; margin: 0; padding: 0; } .contactdetails li { margin: 0; padding: 0; clear: left; } .contactdetails li a { color: #CC362D; text-decoration: underline; } .contactdetails li a:hover { text-decoration: none; } .contactdetails li span { float: left; width: 70px; font-weight: bold; } .contactdetails li span.address { height: 100px; } /* End of Contact specific styles */ /* Download specific styles */ .downloads { padding: 10px 0 0 0; } .downloaditem { width: 45%; float: left; } .downloaditem div { margin: 0; padding: 5px 0 5px 25px; background-repeat: no-repeat; background-position: left; } .downloaditem a { color: #000000; text-decoration: underline; } .downloaditem a:hover { text-decoration: none; } /* End of Download specific styles */ /* FAQ specific styles */ .faqquestions { background: #F4F7FB url(../../images/TOURISM/common/faq_bg.gif) top right no-repeat; list-style: none outside none; margin: 10px 0 0 0; padding: 10px 13px 10px 13px; } .faqquestions li { font-weight: bold; padding: 2px 0 2px 0; } .faqquestions li a { color: #CC362D; text-decoration: none; } .faqquestions li a:hover { color: #CC362D; text-decoration: underline; } .faqanswer { padding: 20px 13px 0 13px; } .faqanswer span { color: #CC362D; font-weight: bold; } .faqanswer a { color: #CC362D; text-decoration: underline; } .faqanswer a:hover { text-decoration: none; } /* End of FAQ specific styles */ /* Generic form styles*/ .form_table { } .form_heading { display: block; float: left; width: 150px; padding: 2px 0 2px 2px; } .form_row { padding: 2px 0 2px 0; } .form_short { width: 75px; } .form_medium { width: 150px; } .form_long { width: 300px; } .form_half { width: 50%; } .form_full { width: 100%; } /* End Generic form styles*/ /* Login specific styles */ .loginerror { color: #FF0000; font-weight: bold; margin: 5px 0 5px 0; } .loginhint { font-weight: bold; margin: 5px 0 5px 0; } .loginform { padding: 0; margin: 0; } .logininputs { background: url(../../images/TOURISM/common/login_bg.gif) top right no-repeat; margin: 25px 30px 0 30px; padding: 0 0 20px 0; } .logininputs input { margin: 2px 0 2px 0; width: 190px; } .loginsubmit { background: #F4F7FB; text-align: right; padding: 3px 3px 3px 0; } .loginremind { padding: 10px 3px 0 3px; } .loginremind input { float: right; } /* End of Login specific styles */ /* Site Search specific styles */ .searchform { padding: 0; margin: 20px 0 0 0; } .searchtitle { display: block; background: #F4F7FB; padding: 6px 20px 6px 20px; margin: 0; font-weight: bold; } .searchinputs { background: url(../../images/TOURISM/common/search_bg.gif) top right no-repeat; padding: 23px 20px 23px 20px; } .searchinputs input { margin: 0 10px 0 0; } .searchrestrictions { border: 1px solid #E0E5EC; padding: 0 0 6px 0; } .searchrestrictions ul { list-style: none outside none; padding: 6px 20px 0 20px; margin: 0; } .searchrestrictions ul li { float: left; width: 50%; padding: 0; margin: 0; } .searchbutton { padding: 5px 5px 0 0; text-align: right; } .searchresults { border: 1px solid #E0E5EC; padding: 15px 15px 0 15px; margin: 20px 0 0 0; } .searchedon { color: #CC362D; font-weight: bold; margin: 0 0 15px 0; } .searchresults ul { list-style: none outside none; margin: 0; padding: 0; } .searchresults ul li { margin: 0; padding: 0 0 15px 0; } .searchresults h3 { clear: left; background: #F4F7FB; padding: 2px 8px 2px 8px; margin: 0; color: #CC362D; font-weight: bold; font-size: 100%; } .searchresults span.searchscore { color: #000000; font-weight: normal; } .searchresults p { padding: 2px 8px 2px 8px; margin: 0; } .searchresults a { color: #CC362D; } .searchresfrom { display: block; float: left; padding: 2px 8px 2px 8px; width: 120px; } .searchresto { display: block; float: left; padding: 2px 8px 2px 8px; } .searchbuttonsform { margin: 10px 0 0 0; padding: 0; } .searchbuttonsform input { float: right; margin: 0 8px 0 0; } /* End of Site Search specific styles */ /* Start of sitemap styles. */ .stackednav { list-style: none outside none; } .sitemaplistitemfirst { margin-left: 18px; padding-left: 19px; padding-top: 7px; background: url(../../images/TOURISM/sitemap/elbowtop.gif) top left no-repeat; } .sitemaplistitem { margin-left: 18px; padding-left: 17px; padding-top: 7px; background: url(../../images/TOURISM/sitemap/horizontalline.gif) top left no-repeat; border-left: 2px solid #C1D2E9; } .sitemaplistitemlast { margin-left: 18px; padding-left: 19px; padding-top: 7px; background: url(../../images/TOURISM/sitemap/elbowline.gif) top left no-repeat; } a.sitemaplistitemlabel:link,a.sitemaplistitemlabel:visited,a.sitemaplistitemlabel:active,a.sitemaplistitemlabel:hover.a.sitemaplistitemlabel:focus { text-decoration: none; } a.sitemaplistitemlabel:hover { text-decoration: underline; } /* end of sitemap styles */ /* Poll result specific styles */ .pollpadding { padding-left: 20px; padding-right: 20px; } .pollresults { width: 100%; margin: 10px 0 10px 0; } .pollresults td { padding: 3px 3px 3px 25px; } .pollresults td.answer { white-space: nowrap; } .pollresults td.results { white-space: nowrap; } .pollresults td.bar { width: 100%; } .pollbarcolour { color: #CC362D; background-color: #CC362D; } /* End of Poll result specific styles */ /* Weather specific styles */ .weather { position: relative; top: 0px; left: 0px; } .weather .backdropimg { border: 1px solid rgb(92,167,209) } .weather .descimg { position: absolute; top: 15px; left: 150px; } .weather .top { position: absolute; top: 20px; } .weather .left { left: 80px; text-align: right; } .weather .right { left: 110px; } /* End of Weather specific styles */