/* Import Tripoli components. */
@import url(tripoli.base.css); 
@import url(plugins/tripoli.visual.css); 
@import url(plugins/tripoli.type.css); 

html, body {
  height: 100%;
}

body {
  margin: 0;
  text-align: center;
  background: #7A6053 url(../images/header-bg.gif) repeat-x;
}

a, a:visited {
  color: #3366CC;
}

#holder { 
  text-align: left;
}

#header,
#nav ul,
#title h2,
#title .photo,
#photo-caption,
#main-holder,
#footer {
  width: 760px;
  margin: 0 auto;
}

/* HEADER */

#header {
  height: 100px;
  background-color: #D65813;
  background: #D65813 url(../images/logo-bg.gif) no-repeat;
}

#header h1 {
  float: left;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 100px;
  background: #D65813 url(../images/logo.gif) no-repeat;
  overflow: hidden;
}

#header h1 a {
  width: 300px;
  height: 100px;
  display: block;
  text-indent: -9999px;
}

#header h2 {
  display: none;
}

#header #search {
  float: right;
  text-align: right;
  width: 250px;
}

#header #search form {
  margin: 0;
  padding: 8px 0;
}

#header #search form input#search-input {
  border: 1px solid #A81A01;
  width: 170px;
  padding: 4px;
  color: #666;
}

#header #search .address,
#header #search .address a {
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
}

#header #search .address a:hover {
  border-bottom: 1px dotted #fff;
}


/* NAV */

#nav {
  height: 35px;
  background: #4B5256 url(../images/nav-bg.gif) repeat-x;
}

#nav ul {
  padding: 0;
}

#nav ul li {
  list-style-type: none;
  float: left;
  height: 35px;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
}

#nav ul li a {
  background-image: url(../images/nav.gif);
  display:block;
  height: 35px;
  width: 100px;  /* Default width */
  color: #fff;
}

/* Map out the positions of the menu sprite. */
#nav ul li#nav-home a { width: 63px; background-position: 0 0; }
#nav ul li#nav-home.active a { background-position: 0 35px !important; }
#nav ul li#nav-home a:hover { background-position: 0 70px; }

#nav ul li#nav-coming-up a { width: 150px; background-position: -63px 0; }
#nav ul li#nav-coming-up.active a { background-position: -63px 35px !important; }
#nav ul li#nav-coming-up a:hover { background-position: -63px 70px; }

#nav ul li#nav-about-us a { width: 89px; background-position: -213px 0; }
#nav ul li#nav-about-us.active a { background-position: -213px 35px !important; }
#nav ul li#nav-about-us a:hover { background-position: -213px 70px; }

#nav ul li#nav-booking a { width: 84px; background-position: -302px 0; }
#nav ul li#nav-booking.active a { background-position: -302px 35px !important; }
#nav ul li#nav-booking a:hover { background-position: -302px 70px; }

#nav ul li#nav-the-building a { width: 116px; background-position: -386px 0; }
#nav ul li#nav-the-building.active a { background-position: -386px 35px !important; }
#nav ul li#nav-the-building a:hover { background-position: -386px 70px; }

#nav ul li#nav-opportunities a { width: 125px; background-position: -502px 0; }
#nav ul li#nav-opportunities.active a { background-position: -502px 35px !important; }
#nav ul li#nav-opportunities a:hover { background-position: -502px 70px; }

#nav ul li#nav-getting-here a { width: 116px; background-position: -627px 0; }
#nav ul li#nav-getting-here.active a { background-position: -627px 35px !important; }
#nav ul li#nav-getting-here a:hover { background-position: -627px 70px; }



/* TITLE */

#title {
  background-color: #9FD5F1;
}

#title.home {
  padding-top: 10px;
}

#title h2 {
  font-size: 2em;
  padding: 12px 0 10px 0;
  color: #fff;
  font-weight: normal;
}

#title .photo {
  margin: 0 auto;
  height: 178px;
  background-color: #4B6F07;
  background-repeat: no-repeat;
}

#title .photo p {
  margin: 0 0 0 35px;
  padding: 70px 0 0 0;
  width: 435px;
  color: #fff;
  font: 21px/26px 'Adobe Garamond Pro', Garamond, sans-serif;
  font-style: italic;
}

#title .photo p a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}

#photo-caption-holder {
  background-color: #fff;
}

#photo-caption {
  background-color: #BCBCBC;
  color: #fff;
  text-align: right;
  font-size: 0.9em;
  border-top: 1px solid #fff;
  padding-right: 5px;
  width: 755px;  /* Compensate for the 5px padding. */
}


/* MAIN SECTION */

#main-holder-outer {
  background-color: #fff;
}

#main-holder {
  padding: 25px 0;
  background-color: #fff;
}

#main-holder #sidebar {
  width: 190px;
  float: left;
}

#main-holder #main {
  padding-left: 25px;
  float: left;
  color: #444;
  width: 545px;
}

/* Override padding for homepage (no sidebar). */
#main-holder #main.home {
  padding-left: 0;
  width: 100%;
}

#main-holder #main.widescreen {
  width: 100%;
}

#main-holder #main h3 {
  color: #DE8751;
  margin-top: 0;
}

#main-holder #main h4 {
  font-size: 1.2em;
}

#main-holder #sidebar ul {
  padding: 0;
  margin: 0;
}

#main-holder #sidebar ul li {
  list-style-type: none;
  border-bottom: 1px dotted #999;
}

#main-holder #sidebar ul li a {
  text-decoration: none;
  color: #333;
  padding: 5px;
  display: block;
}

#main-holder #sidebar ul li.active a,
#main-holder #sidebar ul li a:hover {
  background-color: #FEF8D7;
}


/* FOOTER */

#footer-holder {
  background: #7A6053 url(../images/footer-bg.gif) repeat-x;
}

#footer {
  padding: 20px 0;
  font-size: 11px;
  line-height: 14px;
  color: #fff;
}

#footer a {
  color: #9FD5F1;
  text-decoration: none;
}

#footer #sponsors {
  float: right;
}
#footer #sponsors img {
  margin-right: 5px;
  margin-top: 2px;
}


#footer #flickr {
  width: 380px;
  float: right;
}

#footer #flickr a {
  color: #0063DC;
}

#footer #flickr a span {
  color: #FF0084;
}

#footer #flickr img {
  border: 1px solid #fff;
  padding: 1px;
  margin-right: 3px;
}


/* HOME-SPECIFIC STUFF */

#home-col-1 {
  width: 260px;
  float: left;
}
#home-col-2 {
  width: 500px;
  float: left;
}


#home-coming-up {
  width: 245px;
  background-color: #F3F0DC;
  background: #F3F0DC url(../images/coming-up-bg-bottom.gif) no-repeat;
  background-position: bottom left;
  padding-bottom: 25px;
}

#home-coming-up h2 {
  margin: 0 0 15px 0;
  padding: 0;
  overflow: hidden;
  height: 50px;
  text-indent: -9999px;
  background: #F3F0DC url(../images/coming-up-bg-top.gif) no-repeat;
}

#home-coming-up h3,
#home-coming-up p {
  margin-left: 12px;
  margin-right: 12px;
}

#home-coming-up h3 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 3px;
}

#home-coming-up p {
  color: #505050;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 14px;
}

#home-coming-up hr {
  background-color: #D3D3D3;
  margin: 15px 0;
}

#home-banners div.banner-holder {
  width: 245px;
  height: 135px;
  margin-bottom: 15px;
  float: left;
  cursor: pointer;
  /*background-color: #efefef;*/
}

#home-banners div.odd {
  margin-left: 10px;
}

#home-banners .banner-caption {
  color: #fff;
  margin: 110px 0 0 10px;
  overflow: hidden;
}

#home-inside-stories {
  clear: both;
  background: #fff url(../images/building-logo.gif) no-repeat;
  background-position: top right;
}

#home-inside-stories h2 {
  width: 445px;
  height: 42px;
  background: #fff url(../images/inside-stories.gif) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
}

#home-inside-stories h2 a {
  width: 445px;
  height: 42px;
  display: block;
}

#home-inside-stories div {
  background: transparent url(../images/comment-icon.gif) no-repeat;
  background-position: 0 3px;
  padding-left: 20px;
  padding-bottom: 10px;
}

#home-inside-stories div a {
  font-weight: bold;
}

#home-inside-stories div p {
  font: 13px/18px 'Times New Roman', Garamond, sans-serif;
  color: #666;
  margin-bottom: 5px;
}

#home-inside-stories p.more {
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: bold;
}


/* GENERIC STYLES */

.clear {
  clear: both;
}

.short {
  height: 1px;
  overflow: hidden;
}

p.pullquote {
  padding: 15px;
  font: 18px/22px Garamond, serif;
  font-style: italic;
  color: #666;
}
p.pullquote span {
  font: 11px/22px Arial, sans-serif;
  font-style: normal;
  color: #999;
  padding-left: 25px;
}

.download {
  padding: 20px 20px 10px 20px;
}
.download a {
  font-weight: bold;
  font-size: 16px;
}
.download span {
  font-size: 11px;
  color: #999;
}
.pdf {
  background: #fff url(../images/icon-pdf.gif) no-repeat;
  background-position: center left;
  padding-left: 40px;
}
.caption {
  font-size: 11px;
  color: #999;
  text-align: right;
  padding-right: 20px;
}

.staff-photo {
  float: left;
  clear: both;
  padding: 0 15px 25px 0;
}

.invisible {
  margin: 0 !important;
  background-color: #fff !important;
}

.widescreen {
  margin-left: -25px;
  width: 760px;
}

.news-photo {
  float: right;
  margin: 0 0 15px 15px;
}