html,
body {
  padding: 0;
  margin: 0 0 0.01em;
  }

html {
  font-size: 62.5%;
  overflow-y: scroll;
  }

body {
  background: url("../img/backgroundBody.gif") repeat-x center top;
  font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 2.0em;
  text-align: center;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

#page {
  width: 800px;
  margin: 0 auto;
  background: #fff url("../img/header-default.jpg") no-repeat center top;
  text-align: left;
}

.accommodation #page { background-image: url("../img/header-accommodation.jpg"); }
.attractions   #page { background-image: url("../img/header-attractions.jpg"); }
.gifts         #page { background-image: url("../img/header-gifts.jpg"); }
.event         #page { background-image: url("../img/header-event.jpg"); }
.foodwine      #page { background-image: url("../img/header-foodwine.jpg"); }
.venues        #page { background-image: url("../img/header-venues.jpg"); }
.regional      #page { background-image: url("../img/header-regional.jpg"); }
.shopping      #page { background-image: url("../img/header-shopping.jpg"); }
.specialist    #page { background-image: url("../img/header-specialist.jpg"); }
.team          #page { background-image: url("../img/header-team.jpg"); }
.touring       #page { background-image: url("../img/header-touring.jpg"); }
.transport     #page { background-image: url("../img/header-transport.jpg"); }

#header {
  height: 327px;
  background: transparent url("../img/header.png") repeat-x center top;
}

#mcvbLink,
#greenLink {
  position: relative;
  color: #fff;
  font-size: 0;
  text-indent: -9999px;
}

#mcvbLink {
  float: left;
  width: 123px;
  height: 83px;
  background: #000 url("../img/logoMCVBgreen.gif") no-repeat left top;
}

#greenLink {
  float: right;
  width: 113px;
  height: 52px;
  margin: 16px 19px;
  background: transparent url("../img/logoGreen.png") no-repeat center center;
}

.navigation {
  margin: 0;
  background: #060 url("../img/backgroundContent.jpg") no-repeat center top;
  padding: 0.7em 0 0.3em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  list-style: none;
}  

.navigation li {
  display: inline;
  margin: 0;
  padding: 0;
}

.navigation li a {
  margin: 0;
  padding: 0.7em 1.9em 0.3em;
  color: #fff;
  text-decoration: none;
}

.navigation li a:hover,
.navigation li a:active,
.navigation li a:focus,
.about    .nav1 a,
.default  .nav2 a,
.partners .nav2 a,
.samples  .nav3 a,
.rfp      .nav4 a,
.contact  .nav5 a {
  background: #030;
  color: #39b54a;
}

#main {
  height: 1%;  /* hack for IE7 */
}

#pdfLinks {
  float: left;
  width: 200px;
  margin-right: 92px;
  font-weight: bold;
  line-height: 1.6em;
  text-transform: uppercase;
}

#pdfLinks ul {
  margin: 34px 0 0 26px;
  padding: 0;
  list-style: none;
}  

#pdfLinks li {
  margin: 0 0 1.4em;
  background: transparent url("../img/iconLeaf.png") no-repeat left 3px;
  padding: 0 0 0 39px;
}

#pdfLinks li a {
  color: #004600;
  text-decoration: none;
}

#pdfLinks li a:hover,
#pdfLinks li a:active,
#pdfLinks li a:focus {
  color: #39b54a !important;
}

#content {
  float: left;
  width: 458px;
  color: #666;
}

#content h1 {
  margin: 0.9em 0;
  font-size: 2.3em;
  line-height: normal;
  color: #b0e1b6;
  text-transform: uppercase;
}

#content h2 {
  font-size: 1.4em;
  color: #030;
}

#content p {
  font-size: .9em;
  line-height: 1.9em;
  text-align: justify;
}

#content a {
  color: #030;
  text-decoration: none;
  }
  
#content a:active,
#content a:hover,
#content a:focus {
  color: #39b54a;
  }

#content table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 2px solid #ccc;  
  font-size: 1em;
  line-height: 1.2em;
  }

#content td {
  height: 3em;
  border-bottom: 1px solid #ccc;
  padding: 0;
  font-size: 0.9em;
  text-align: left;
  }

#content dl,
#content dl * {
  margin: 0;
  padding: 0;
}

#content dt {
  clear: left;
  float: left;
  font-weight: bold;
  margin-right: 0.5em;
}

#partnerLinks {
  display: none;  /* only display on the partner pages */
}

#footer {
  clear: both;
  margin-top: 30px;
  color: #999;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: justify;
}


/* default page */

.default #main {
  background: #060 url("../img/backgroundContent.jpg") repeat-y center -3em;
}

.default #content {
  width: 508px;
  padding: 18px 0 8px;
}

.default #content h1 {
  display: none;
}

.default #content div {
  float: left;
  width: 82px;
  height: 130px;
  padding: 0 39px 8px 0;
  font-size: 0.8em;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: left;
}

.default #content div img {
  margin: 0 0 4px;
  border: 1px solid #38b549;
}

.default #pdfLinks li a,
.default #content a {
  color: #fff;
}

.default #content a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.default #pdfLinks li a:hover,
.default #pdfLinks li a:active,
.default #pdfLinks li a:focus,
.default #content a:hover,
.default #content a:active,
.default #content a:focus {
  color: #39b54a;
}

/* partner pages */

.partners #content {
  width: 355px;
}

.partners #partnerLinks {
  display: block;
}

#partnerLinks {
  display: none;  /* only display on the partner pages */
  float: right;
  width: 116px;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.6em;
  text-transform: uppercase;
}

#partnerLinks ul {
  margin: 32px 0 0 0;
  padding: 0;
  list-style: none;
}

#partnerLinks li {
  margin: 0 0 0.9em;
  padding: 0;
}

#partnerLinks li a {
  color: #39b54a;
  text-decoration: none;
}

#partnerLinks li a:hover,
#partnerLinks li a:active,
#partnerLinks li a:focus {
  color: #004600;
}


/* sample pages */

.samples #content td {
  text-align: center;
}

.samples #content div.images {
  margin-bottom: -82px;
  padding: 1em 0 5px 20px;
  text-align: right;

}


/* rfp and contact page */

.rfp #content img {
  vertical-align: middle;
  border: none;
}

.rfp #content div,
.contact #content div {
  height: 1%;
  clear: both;
  margin-bottom: 3em;
}

.rfp #content div div,
.contact #content div div {
  clear: none;
  width: 47%;
}
.rfp #content div div.odd,
.contact #content div div.odd {
  float: left;
}

.rfp #content div div.even,
.contact #content div div.even {
  float: right;
}

.rfp #content p {
  clear: both;
}