body { margin: 0; padding: 0; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #ccb68f; }

#wrapper { width: 980px; margin: auto; background-color: #FFFFFF; }

#header { width: 980px; height: 141px; }

#head-right {  background-image: url(../images/head-right.jpg); width: 543px; height: 141px; float: right; margin-bottom: -10px; }

#footer { width: 980px; background-image: url(../images/footer.jpg); height: 121px; }

#footer p { padding-top: 15px; color: #FFFFFF; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer a { color: #FFFFFF; }

#badges { width: 617px; height: 131px; margin: auto; text-align: center; }

#logo { float: left;   margin-bottom: -5px; }

#buttonpanel { margin-top: -10px; }

#menu {
margin:0 auto;
background-color:#222;
width: 980px;
padding: 0;
clear: both;
display:block;
overflow:hidden
}

#menu li {
list-style: none;
float: left;
border-left:1px solid #373737;

}

#menu li:first-child {
list-style: none;
float: left;
border:none;
}

#menu li a {
display: block;
padding: 15px 19.5px 15px 19.5px;
color: #FFFFFF;
text-shadow: 1px 1px #000000;
text-decoration: none;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
background-image: url(../images/menu-bg.jpg);
}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menu li a { padding: 15px 19.5px 15px 19px; }	
    /* Safari only override */
	::i-block-chrome, #menu li a {display: block;padding: 15px 19.5px 15px 19px;}	
}

#menu li a:hover {
color: #f1eede;
background-image: none;
background-color: #b6b2a1;
text-shadow: 1px 1px #000000;
}

#menu li:hover {
	
}

#menu li ul {
display: none;
width: 12em; /* Width to help Opera out */

}

#menu li p {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 15px;
color: #FFFFFF;
}

#menu li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 99999;
margin-left: 0;
background-color: #FFFFFF!important;
width: auto;
}

#menu li:hover li {
float: none;
border-right: 0;
border-left: 0;
border-bottom: 0;

}

#menu li:hover li:first-child {
border-top: 0;
}
#menu li:hover li a {

border-left: 0;
color: #FFF;
padding: 8px 18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
width: auto;
border-right: 0;
background-image: none;
background-color: #b6b2a1;
text-shadow: 1px 1px #000000;
border-bottom: 1px solid #827d67;

}



#menu li li a:hover {
background-repeat: no-repeat;
background-position: right;
background-color: #d0ccbc;
color: #FFF;
}

#banner { clear: both; height: 234px; }

#content { background-color: #FFFFFF; }

#content p { margin: 0; padding: 0; margin: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }

#content li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin-bottom: 5px; }

#left { float: left; width: 240px; }

#right { float: left; width: 240px; }

#middle { float: left; width: 470px; margin-left: 15px; margin-right: 15px; outline: 1px solid #e5e5e5; margin-top: 15px; }

#middle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#widget-header { padding-top: 12px; padding-bottom: 12px; background-image: url(../images/menu-bg.jpg); color: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: 1px 1px #000000;}
#widget-header span { margin-left: 20px; }

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 26px; margin: 0; padding: 0; margin-left: 15px; margin-top: 15px; }

h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; margin: 0; padding: 0; margin-left: 15px; margin-top: 15px; color: #666666; }

h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; margin: 0; padding: 0; margin-left: 15px; margin-top: 15px; color: #000000; }

h5 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; margin: 0; padding: 0; margin-left: 15px; margin-top: 15px; }

#resp { color: #346635!important; font-weight: bold; font-size: 18px!important; text-align:center; }

#red { color: #b22222; }

#yellow { color: #cc9900; }

#CDSWIDSSP .widSSPData { margin-right: 15px!important; }

#rates { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px;  color: #666666; }

hr { border-left: 0; border-right: 0; border-bottom: 0; border-top: 1px solid #e5e5e5; }


/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.10em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}

#gallery { margin: 0; padding: 0; list-style: none; width: 470px;}
#gallery li { display: inline; margin-left: 3px;}
#gallery li img { outline: 1px solid #e5e5e5; padding: 10px; width: 130px; height: 130px; }

#noFloat { clear: both; width: 470px; }

#centre-float-pics { float: left; width: 230px; }

#centre-images { outline: 1px solid #e5e5e5; padding: 5px; width: 175px; margin-bottom: 10px; margin-left: 15px; margin-top: 15px; }
#centre-images p { font-size: 12px; text-align:center; padding: 0; margin: 0; }
#centre-images img { width: 175px; height: 131px; }

#centre-float-info { float: left; width: 230px; }

#numbers { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 15px; color: #666666; }

#social-head { float: right; width: 56px; margin-right: 58px; margin-top: 51px; }







/** START MOBILE CSS **/

@media only screen and (max-width : 980px) {

#wrapper, #header, #content, #menu, #menu li, #left, #right, #footer, #logo, #logo img { width: 100%; text-align: center; }

#head-right { display: none!important; }

#middle { width: auto; }

#CDSWIDSSP { margin-left: 10px!important;;width: 100%!important;  }

#badges { width: 100%; }
#badges img { width: 100%; height: auto; }

#logo img { height: auto; }
#logo { height: auto; }

#TA_selfserveprop37 { width: 100%; margin-right: 0!important; }

.widSSP widSSPnarrow { width: 100%!important; }

#banner { height: auto!important; }

#gallery { width: 100%; }

#map { width: 100%; height: auto; }

}

/** END MOBILE CSS **/