/*
** project:		Puck Fair
** date:		2008/06/12
*/
html { height: 100%; margin-bottom: 1px; background:#444432 /*url("../images/background_0.png") repeat 0 0*/; font-size: 100.01%; }
body { min-height: 125px; margin: 0; padding: 0; background:#444432 url("../images/header_background_top.png") repeat-x 0 0; color: #585843; font: .625em/1.4 "Trebuchet MS", "Helvetica", sans-serif; }
textarea, input, select, option, optgroup, button { font:1.0em "Trebuchet MS", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
table, li, dt, dd, p { font-size: 1.3em; }
p, ul, ol, dl { padding-bottom: 3ex; }
li *, dt *, dd *, p *, li p, ul li ul li, table p { font-size: 1em; }
img { border: none; vertical-align: bottom; }
button { overflow: visible; cursor: pointer; }

/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.wrapper { width: 940px; margin: 0 auto; padding: 0 10px;position:relative; }
.wrapper-wide { width: 960px; margin: 0 auto; }
.clear { float: left !important; clear: both !important; width: 100%; }
.clearfix {clear:both;}
.clear-r {clear:right;}
.no-margin { padding-bottom: 0; }
.margin { padding-bottom: 3ex; }
.spread { line-height: 1.6; }
a { text-decoration: none; outline: none; }
a:focus, a:hover { text-decoration: underline; }
.button-0 { float: left; padding: 3px 10px; border: 1px solid #FFFFFF; background: #970000 url("../images/button_0.png") repeat-x 0 0; color: #FFFFFF; font-size: 1.3em; font-weight: 700; text-align: center; cursor:pointer; }
h1 { padding: 0 0 1ex 0; color: #990000; font-family: "Georgia", serif; font-size: 2.6em; font-weight: 400; line-height: 1; }
 h1.float { float: left; }
h2 { padding: 0 0 1.5ex 0; color: #79795B; font-family: "Georgia", serif; font-size: 2.2em; font-weight: 400; line-height: 1; }
h2.in-body, h3 {color:#990000;}
label.radio { padding-left: 1ex; cursor: pointer; }
input.button-2 { float: left; width: 18px; height: 19px; padding: 0; border: none; background: transparent url("../images/button_2.png") no-repeat 0 0; overflow: hidden; cursor: pointer; }

/*
** header
*/
.header { position: relative; margin: 31px 0 0 0; padding: 0 0 10px 0; background: #333333 url("../images/header_background_bottom.png") repeat-x 0 100%; }
 .header .wrapper { position: relative; padding: 92px 0 0 0; }
  .header .wrapper p.logo { position: absolute; top: -25px; padding: 0 0 0 23px; }

/*
** main menu
*/
.header .wrapper ul.menu-small { position: absolute; right: 0; top: -29px; float: left; list-style: none; margin: 0; padding: 0; font-size: .91em; line-height: 1; }
 .header .wrapper ul.menu-small li { float: left; padding: 0 0 0 2px; }
  .header .wrapper ul.menu-small li a { float: left; padding: .9ex 1.2ex; background: #979775 url("../images/button_1.png") repeat-x 0 100%; color: #FFFFFF; }
  .header .wrapper .menu-small li a:hover, .header .wrapper .menu-small li a.current  {text-decoration:none; background:#64644a url(../images/menu_item_active.png) repeat-x 0 100%; color:#fff; white-space:nowrap;}

.header .wrapper ul.menu { list-style: none; margin: 0; padding: 0; }
 .header .wrapper ul.menu li { float: left; padding-right: 2px; }
  .header .wrapper ul.menu li.last { padding-right: 0; }
  .header .wrapper ul.menu li a { float: left; margin: 0 0 -2px 0; padding: 5px 9px 5px 9px; border-bottom: 2px solid #54543F; background: #989876 url("../images/menu_item.png") repeat-x 0 100%; color: #FFFFFF; font-weight: 700; white-space: nowrap; }
   .header .wrapper ul.menu li.last a { padding-left: 7px; }
   .header .wrapper ul.menu li a:focus, .header .wrapper ul.menu li a:hover { position: relative; top: -2px; background: #64644A url("../images/menu_item_active.png") repeat-x 0 100%; text-decoration: none; cursor: pointer; }
   .header .wrapper ul.menu li.selected{height:10px;position:relative; text-decoration: none; cursor: pointer;}
   .header .wrapper ul.menu li.selected a { background: #64644A url("../images/menu_item_active.png") repeat-x 0 100%; text-decoration: none; cursor: pointer;}

/*
** main content
*/
.middle {position:relative; background: #FFFFFF url("../images/background_0.png") repeat 0 0;}
.main { position: relative; width: 940px; margin-top: -4px; padding: 17px 10px 12px 10px; background: #FFFFFF url("../images/main_background.png") repeat-x 0 0; }
.main-home-column-left { float: left; width: 460px; padding: 0 0 10px 0; border-bottom: 4px solid #E2E2D8; }
.main-home-column-left .box-1 { margin: 10px 0; }
.main-home-column-right { float: right; width: 460px; padding: 0 0 10px 0; border-bottom: 4px solid #E2E2D8; }
.main-home-column-right .box-0 { margin-bottom: 10px; }

/*
** slideshow
*/
.slideshow { height: 276px; }
 .slideshow img { float: left; margin-bottom: -276px; }

/*
** content boxes
*/
.box-0 { position: relative; float: left; clear: both; width: 440px; border: 10px solid #CCCCBB; }
 .box-0 .box-0-content-0 { position: relative; float: left; clear: both; width: 410px; padding: 14px; border: 1px solid #FFFFFF; background: #FFFFFF url("../images/background_1.png") no-repeat 0 0; }
 .box-0 .box-0-content-1 { position: relative; float: left; clear: both; width: 438px; border: 1px solid #FFFFFF; background: #FFFFFF url("../images/background_1.png") no-repeat 0 0; }
.box-1 { position: relative; float: left; border: 5px solid #CCCCBB; }
 .box-1 img { border: 1px solid #FFFFFF; }
  .box-0 .box-0-content-0 .button-0, .box-0 .box-0-content-1 .button-0 { position: absolute; right: -1px; bottom: -1px; }
  .box-1 .button-0 { position: absolute; right: 0; bottom: 0; }

/*
** news list on home page
*/
.box-0 .newslist {margin:0; padding:0;}
 .box-0 .newslist li {border-bottom:1px solid #cbccba; padding:5px 0;}
  .box-0 .newslist li.last {border:none;}
 .box-0 .newslist span {color:#858569;}
 .box-0 .newslist a {color:#434432;}
 .box-0 .newslist a:hover {color:#858569;}

/*
** survey
*/
div.slider {position:relative; float:left; width:440px; height:240px; overflow:hidden;}
/* change the width here depending on the number of team members */
 div.slider div.clip {position:relative; float:left; width:1640px;}
 div.slider div.clip div.clipelement {float:left; width:440px; height:240px;}
  .slider .clip .clipelement .btn-slider {margin:0 14px -14px 0; color:#fff;}
form.survey .survey-column-left { float: left; width:190px; }
form.survey .survey-column-right { float: right; width:190px; }
form.survey h2 { position: relative; left: 5px; float: left; width: 400px; margin: 0 -14px 1ex -14px; padding: 0 14px; background: transparent url("../images/heading_background.png") no-repeat 0 50%; color: #FFFFFF; font-family: "Trebuchet MS", "Helvetica", sans-serif; font-size: 1.8em; font-weight: 400; line-height: 40px; }
form.survey p { padding-bottom: 1em; }

/*
** gallery
*/
.gallery { float: left; clear: both; width: 480px; margin: -10px 0 -20px -20px; }
 .gallery a { float: left; margin: 10px 0 0 20px; border: 5px solid #CCCCBB; }
  .gallery a img { border: 1px solid #FFFFFF; }
 .topimage a {float:left; border:5px solid #CCCCBB; margin-bottom:20px;}
  .topimage a img {border:1px solid #FFFFFF;}

/*
** footer
*/
.footer { padding:2em 0 2em 0; color:#989876; background-color:#444432; /*background:#303023 url("../images/footer_background.png") repeat-x 0 0;*/ }
 .footer h1 { color: #FFFFFF; }
 .footer h2 { color: #B5B59B; font-family: "Trebuchet MS", "Helvetica", sans-serif; font-size: 1.5em; font-weight: 700;  }
 .footer a {color:#fff;}
  .footer-links {color:#fff;}
 .footer .footer-column-0-first { float: left; width: 293px; }
 .footer .footer-column-0 { float: left; width: 293px; padding-left: 30px; }
 .footer .footer-column-1 { float: right; width: 49%; font-size: .91em; text-align: right;color:#fff }
 .footer .footer-column-1 a{color:#989876;}
 
 .footer .footer-column-1 p { padding-bottom: 1ex; }
 .footer ul.menu { float: left; clear: both; list-style: none; width: 100%; margin: 0 0 2em 0; padding: 1em 0; border: 4px solid #616149; border-left: none; border-right: none; font-size: .91em; line-height: 1.1; }
 .footer ul.menu li { float: left; margin-right: 6px; padding-right: 7px; border-right: 1px solid #FFFFFF; font-size: 1.37em; }
 .footer ul.menu li.last { margin-right: 0; padding-right: 0; border-right: none; }
 .footer ul.menu li a { color: #FFFFFF; white-space: nowrap; }
 .footer form.newsletter { float: left; width: 300px; }
 .footer form.newsletter p { padding-bottom: 1ex; }
 .footer form.newsletter input.text { float: left; width: 150px; padding: 2px 3px; border: 1px solid #7C7C7C; background: #FFFFFF; color:#585843; }
 .footer form.newsletter input.button-2 { margin: 2px 0 0 2px; font-size: 99em; }

#left-pane{min-height:450px; width:600px; float:left; padding-left:0;}
 #left-pane img.first {margin-bottom:20px;}
 #left-pane h1{padding-bottom:6px;}
 #left-pane h2{padding-bottom:5px;}
 .cform, .cform td {}
  .cform input.submit {border:1px solid #FFFFFF; background:#970000 url("../images/button_0.png") repeat-x 0 0; color:#FFFFFF; font-weight:700; text-align:center; cursor:pointer;}

#right-pane{float:right; width:350px;}

.accordian-label { float: right; min-width: 120px; padding: 3px 0; border: 1px solid #333; background: #970000 url("../images/button_0.png") repeat-x 0 0; color: #FFFFFF; font-size: 1.1em; font-weight: 700; text-align: center; }

.border{border:8px #CCCCBB solid;}
 .border img {border:1px solid #fff;}
.content-box {font-size: 14px;color:#87876A;margin-top:20px;}
.survey-box{margin-top:10px;padding-left:15px;border: 10px solid #CCCCBB;}
#lhs{border:1px red solid;width:300px;float:left;height: 100%;}
#rhs { width:320px; float:right; height: 100%;/*margin-right: 40px;*/}
 #rhs td {vertical-align:top;}

 
 .weather {font-size:1.0em; width:135px;color:#eee;left:805px; top:20px;;position:absolute}
 .weather img {display:none;}

/*
** the dates for the programme
*/
.programme-date {font-size: 2em; padding-left:0; text-align: left; margin-top: 5px;}
 .programme-date .on {color: #990000; margin-right: 15px; background: #DCDCD1;}
 .programme-date .off {color: #B2B298;margin-right: 15px;}
  .programme-date .off a{text-decoration: none;color:#B2B298; padding: 2px 4px;}
  .programme-date .on a{text-decoration: none;color:#990000; padding: 2px 4px;}
  .programme-date .unselected:hover{text-decoration: underline;cursor: pointer;}
.red{color:#990000;}
.undecorated{text-decoration: none;}
.undecorated a {text-decoration: none;}

.body-text{line-height: 2.3em;}
.progList { margin-left: -20px; line-height: 2.3em; }
.progList .progTime { width: 50px; color: #990000; float: left; font-weight: normal; }
.progList .progEvent { font-weight: normal; }
.progLocation { color: #9E9E81; }

/*#gettingThereMap { margin-bottom: 20px; }*/
.inner-border {border:1px solid #fff;}
.control-panel { border:8px #CCCCBB solid; margin:25px auto; font-family: "Trebuchet MS", "Helvetica", sans-serif; }
.control-panel h2 { height:18px; font-size: 14px; font-weight: bold; color: #fff; background: url(../images/tab0.gif) repeat-x; padding: 8px 10px 3px; font-family: "Trebuchet MS", "Helvetica", sans-serif; }
/*.control-panel th {	background:url("../images/tab0.gif"); color:#fff; text-align: left; }*/
.control-panel th { color:#990000; font-weight: bold; text-align: left; }
.control-panel { }
.control-panel td { border-bottom: 0; }
.control-panel a { text-decoration:none; color:#9D9D7D; }
.control-panel .row { background: #ECECE6; }
.control-panel .rowAlt { background: #fff; }

.control-panel table#distCalc td, .control-panel table#distCalc th { padding: 3px 0; }
.control-panel table#distCalc td.col1, .control-panel table#distCalc th.col1 { padding-left: 10px; }
.control-panel table#distCalc td.col2, .control-panel table#distCalc th.col2 { width: 150px; }
.control-panel table#distCalc td.col3, .control-panel table#distCalc th.col3 { width: 150px; }

.control-panel table#transLinks td, .control-panel table#transLinks th { padding: 3px 0; }
.control-panel table#transLinks td.col1, .control-panel table#transLinks th.col1 { padding-left: 10px; }
.control-panel table#transLinks td.col2, .control-panel table#transLinks th.col2 { width: 150px; }
.control-panel table#transLinks td.col3, .control-panel table#transLinks th.col3 { width: 150px; }
.control-panel table#distCalc td.num, .control-panel table#distCalc th.num {text-align:right; padding-right:10px;}
.control-panel #transLinks td a:hover {color:#222; text-decoration:underline;}

#contactForm { float: right; }
#guestBook { margin: 60px auto;width:410px}
#guestBook .gbEntry { overflow: hidden; margin-bottom: 20px; width:410px; border:1px solid white}
#guestBook .gbEntry .gbEntryAbout {width: 150px; font-size: 1.4em; padding-left: 15px;position:relative;float:left; }
#guestBook .gbEntry .gbEntryAbout .gbName { float: left; width: 150px; color: #990000; font-weight: bold; text-transform: capitalize; }
#guestBook .gbEntry .gbEntryAbout .gbLocation { float: left; width: 150px; }
#guestBook .gbEntry .gbEntryAbout .gbDate { float: left; width: 150px; color: #B7B7A2; font-size: 0.9em; margin-top: 5px; }
#guestBook .gbEntry .gbEntryComment { float: right; width: 380px; border: 5px solid #CCCCBB; padding: 10px; background: #F4F4F0; }
#guestBook .gbEntry .gbEntryComment p { padding-bottom: 0; line-height: 160%; }
#guestBook .gbEntry .gbEntryArrow { float: left; width: 22px; height:27px; margin-top:0;margin-left:15px; background:url(../images/commentArrow.png) no-repeat; }
.guestBookButton { float: left; padding: 3px 10px; border: 1px solid #FFFFFF; background: #970000 url("../images/button_0.png") repeat-x 0 0; color: #FFFFFF; font-size: 1.3em; font-weight: 700; text-align: center; width: 250px; cursor:pointer; }
#nextprev { float: left; padding-left: 170px; }
#nextprev a { font-size: 1.2em; color: #9D9D7D; }
#nextprev span { padding: 0 20px; }
#gotopage { float: right; }

.newsEntry {padding:5px; font-size:1.3em; overflow:hidden;}
.newsEntry .newsDate {padding-left:10px; padding-right:10px; color:#9D9D7D;}
.newsEntry .progDate {float:left; text-align:right; padding-right:10px; width:50px; color:#9D9D7D;}
.newsEntry .newsTitle {}
 .newsEntry .newsTitle a {color:#585843;}
  .newsEntry .newsTitle a:hover {color:#9D9D7D;}

#sponsors { overflow: hidden; padding: 20px; }
#sponsors .sponsor { float: left; width: 300px; text-align: center; padding: 20px 0; }

ul.downloads { padding: 20px }
ul.downloads li { padding: 15px 10px; }
ul.downloads li a { background:url(../img/acrobat.jpg) no-repeat; color:#76765E; padding:10px 0 10px 40px; }
.page a, .body-text a {color: #76765E;}

#linksWrap { overflow: hidden; padding: 15px; font-size: 1.3em; }
#linksWrap .linkWrap { float: left; width: 300px; overflow: hidden; padding: 10px 0; }
#linksWrap .linkWrap .linkName { float: left; font-weight: bold; width: 300px; }
#linksWrap .linkWrap .linkURL { float: left; width: 300px; }
#linksWrap .linkWrap .linkURL a { color: #9D9D7D; }

/*
** the survey on every page other than index
*/
form.survey2 .survey-column-left { float: left; }
form.survey2 .survey-column-right { float: right; width: 49%;margin:50px; }
form.survey2 h1{font-size:20px;margin-top:10px;}
form.survey2 h2 { position: relative; float: left; width: 286px; margin:10px 0 10px 10px; ; padding: 0 8px; background: transparent url("../images/heading_background2.png") no-repeat 0 50%; color: #FFFFFF; font-family: "Trebuchet MS", "Helvetica", sans-serif; font-size: 1.3em; font-weight: 400; line-height: 40px; }
form.survey2 p { padding-bottom:7px; }
.links-table a{text-decoration: none;color: #9D9D7D;}
.smaller{font-size: 12px;}
.plain-link a{text-decoration: none;color:  #9D9D7D;}

/*
** the contact form
*/
form.cform .inp {width:250px;}
form.cform .submit {border:1px solid #FFFFFF; background:#970000 url("../images/button_0.png") repeat-x 0 0; color:#FFFFFF; text-align:center;}

/*
** photo gallery
*/
#myGallery {border:5px solid #CCCCBB;}
#gallery a {float:left; border:5px solid #CCCCBB; margin:10px;}
 #gallery a img {border:1px solid #fff;}

/*
** columns
*/
.col2 {width:45%; float:left;}

/*
** fader
*/
#ticker {position:relative; height:250px;}
 #ticker li {position:absolute; top:0; left:0; padding-top:10px;}

#list1a button {background:transparent; border:none; text-align:left; width:180px; font-size:.91em;}
 #list1a button span {color:#979775; font-size:.91em;}

/*
** back button
*/
.btn-back {border-top:1px solid #F5F5DC; padding-top:10px;}
 .btn-back a:hover {text-decoration:underline;}
 .btn-back select {border:none;}

/*
** Blog posts
*/
.post a{color:#585843; text-decoration:none;}
.post h1 a, .post h2 {color:#8f0000; font-weight:bold;}

/*
** Blog side bar
*/

#sidebar{border:10px solid #cbccba; padding:0; width:300px;}
 #sidebar ul {margin:0; padding:0;}
  #sidebar ul li {list-style-type:none;}
   #sidebar ul li div {padding:5px 10px; background:#fff url("../images/background_1.png") no-repeat top;}
 #sidebar h1, #sidebar h2{font-size:1.1em; font-family:"Trebuchet MS", "Helvetica", sans-serif; color:#fff; background:#8F0000; padding:5px 5px 5px 10px; border-top:1px solid #fff; border-bottom:1px solid #cbccba;}
 #sidebar a{color:#585843;text-decoration:none;}
 #sidebar a:hover {text-decoration:underline;}
 
/*
** general classes
*/
.pdf-download {float:right; display:block; width:50px; height:50px; background:url(../images/btn-pdf.png) no-repeat;}
 .pdf-download:hover {text-decoration:none;}

/*
** news and press release lists
*/
ul.news li {list-style-type:none; padding:10px 0; border-bottom:1px solid #ccccbb;}
 ul.news li:last-child {border-bottom:none;}
 ul.news li * {padding:0; margin:0;}
 ul.news li img {float:left; margin-right:20px;}
  ul.news li h2 a {color:#8f0000; font-size:0.7em; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}
  ul.news li p {font-size:1.0em; color:#9c9797;}
/*
** the end
*/