/*******************************************************************************

  CSS on Sails Framework
  Title: Chaco Research Archive
  Author: Intalgent (http://www.intalgent.com/)
  Date: May 2010

********************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Wrapper/Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer
      
  3. PAGES
      3.1 Home page

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
#header:after,
#navigation .subnav:after,
.home-content:after,
.whats-new:after,
.featured:after,
#sponsors .container:after,
.main-content:after,
.content .container:after,
.content .container-extra:after,
.sidebar-content:after,
.subtitle-page:after,
.frame-images:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
------------------------------------------------------------------------------*/
html{ height:100%; background: #eed5b7 url(../images/bg-body.jpg) repeat-y center top; }
body { height:100%; color: #333; font: 62.5%/1.3 Arial, Helvetica, sans-serif; background: url(../images/bg-top.jpg) repeat-x center top;}
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }

a,
a:visited,
a:hover,
a:active { outline: none; text-decoration: none;}


a { color: #1e5176; } 
.page .content p a:visited,
.page .content li a:visited {filter:alpha(opacity=75); opacity: .75; }

a:hover,
a:active { color: #123d64;}

.ir{ position: relative; overflow: hidden; }
.ir span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }

.left { float:left;}
.right { float:right;}
.clear { clear:both;}

/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Wrapper/Container
------------------------------------------------------------------------------*/

#wrapper{ min-height:100%; height:auto !important; height:100%; margin-bottom: -2em; background: url(../images/bg-wrapper.jpg) no-repeat center 487px; }
.container { width: 1005px; position: relative; margin: 0 auto; font-size: 1.2em; }


/* 2.2 Header
------------------------------------------------------------------------------*/

#header{ background: url(../images/bg-header.jpg) no-repeat center 5px; padding:0 0 13px 0;}
#header .site-name { float: left; overflow: hidden; width: 227px; height: 88px; text-indent: -999em; margin: 22px 0 0 39px; background: url(../images/logo.png) no-repeat; }

fieldset.search{ float: right; padding-top: 18px; width: 177px; position: relative; }
fieldset.search input.text{ margin: 0; padding: 4px 20px 0 5px; border: none; height: 17px; width: 152px; font: 11px/1 Arial, Helvetica, sans-serif; color: #bb9e74; background: url(../images/bg-search.png) no-repeat; }
fieldset.search button.btn-search{ position: absolute; bottom: 5px; right: 6px; text-indent: -999em; width: 10px; height: 10px; border: none; padding: 0; margin: 0; background: url(../images/btn-search.png) no-repeat; }

#top-nav-wrapper{ margin: 14px 0 0 17px; float: right; height: 25px; padding-left: 9px; background: url(../images/bg-top-left.png) no-repeat left; }
#top-nav{ height: 25px; padding-right: 9px; background: url(../images/bg-top-right.png) no-repeat right; }
#top-nav ul{ height: 25px; padding: 0 6px; background: url(../images/bg-top-middle.png) repeat-x top; }
#top-nav li{ float: left; }
#top-nav li a{ float: left; height: 25px; line-height: 25px; font-size: .917em; color: #f5e9d7; padding: 0 8px 0 10px; background: url(../images/top-nav-divider.png) no-repeat left 11px; }
#top-nav li a:hover{ text-decoration: none; color: #fff; }
#top-nav li.first a{ background: none; padding-left: 8px; }

/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation{ position: relative; z-index: 99; margin-top: 12px; float: right; width: 684px; height: 57px; }
#navigation li{ float: left; position: relative; height: 57px;}
#navigation li a{ display: block; height: 57px; position: relative; text-indent: -999em; overflow: hidden; }
#navigation li a span{ display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(../images/bg-nav.png) no-repeat; }

#navigation li.txt-explore{ width: 138px; }
#navigation li.txt-query{ width: 113px; }
#navigation li.txt-sites{ width: 87px; }
#navigation li.txt-architectural{ width: 133px; }
#navigation li.txt-gallery{ width: 94px; }
#navigation li.txt-resources{ width: 119px; }

#navigation li.txt-explore span{ background-position: 0 0; }
#navigation li.txt-query span{ background-position: -138px 0; }
#navigation li.txt-sites span{ background-position: -251px 0; }
#navigation li.txt-architectural span{ background-position: -338px 0; }
#navigation li.txt-gallery span{ background-position: -471px 0; }
#navigation li.txt-resources span{ background-position: -565px 0; }

#navigation li.txt-explore a:hover span,
#navigation li.txt-explore a.active span{ background-position: 0 -57px; }
#navigation li.txt-query a:hover span,
#navigation li.txt-query a.active span{ background-position: -138px -57px; }
#navigation li.txt-sites a:hover span,
#navigation li.txt-sites a.active span{ background-position: -251px -57px; }
#navigation li.txt-architectural a:hover span,
#navigation li.txt-architectural a.active span{ background-position: -338px -57px; }
#navigation li.txt-gallery a:hover span,
#navigation li.txt-gallery a.active span{ background-position: -471px -57px; }
#navigation li.txt-resources a:hover span,
#navigation li.txt-resources a.active span,
#navigation li.txt-resources-hover a span{ background-position: -565px -57px; }

#navigation .subnav-wrapper .arrow{ display: block; position: absolute; top: -2px; left: 22px; width: 12px; height: 6px; background: url(../images/ico-arrow.png) no-repeat;}
#navigation .subnav-wrapper{ display: none; position: absolute; top: 50px; left: -3px; padding-top: 20px; width: 123px; background: url(../images/bg-dropdown-top.png) no-repeat 0 7px; }
#navigation .subnav{ padding-bottom: 13px; background: url(../images/bg-dropdown-bot.png) no-repeat bottom;}
#navigation .subnav ul{ width: 123px; float: left; background: url(../images/bg-dropdown-mid.png) repeat-y;}
#navigation .subnav li{ position: static;  height: auto; width: 123px;}
#navigation .subnav li a{ float: left; height: auto; text-indent: 0; color: #7e6145; font-size: .9167em; padding: 1px 10px 1px 14px; display:block;}
#navigation .subnav li a:hover{ color: #333; text-decoration: none; }
#navigation .subnav li.Disclaimer{display:none;}

#navigation li.txt-resources:hover .subnav-wrapper,
#navigation li.txt-resources-hover .subnav-wrapper{ display: block; }


/* 2.4 Content
------------------------------------------------------------------------------*/

/* Structure */
#content { margin: 0; padding:0; }
.content { width: 100%; margin: 0; padding: 30px 0 40px 0; background: #fff; min-height:380px; }
.content-bottom { padding: 35px 0; background: url(../images/bg-home-bottom-content.png) repeat-x top; }

/* Main content */
.main-content { float: right; width: 846px; font-size: 1.1667em; line-height: 18px; }
.wide .main-content{ float: none; width: auto;}
.main-content .left-column { float: left; width: 555px; }
.main-content .right-column { float: right; width: 280px; }
.main-content .left-inner-column { float: left; width: 260px; }
.main-content .right-inner-column { float: right; width: 260px; }

/* Main content : default */
.main-content h2 { padding: 5px 0 0 0; font-size: 1.9em; line-height: normal; font-weight: normal; color: #1f5176; margin-bottom:10px;}
.main-content h3 { padding: 0 0 5px 0; font-size: 1.5em; line-height: normal; font-weight: normal; color: #215277; margin-bottom:5px; }
.main-content h4 { padding: 0 0 5px 0; font-size: 1.2em; line-height: normal; font-weight: normal; color: #215277; }
.main-content h5 { padding: 0 0 5px 0; line-height: normal; font-weight: normal; color: #6a92b0; font-size:16px;}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5 {font-family:Georgia, "Times New Roman", Times, serif;}



.main-content p,
.main-content li { padding: 0 0 17px 0; font-weight: normal; color: #333; }
.main-content ul { margin: -3px 0 12px 0; }
.main-content ul ul { margin: 0 0 0 20px; }
.main-content ul li { padding: 0 0 0 8px; background: url(../images/ico-bullet-list.png) no-repeat 0 7px; }
.main-content ul li li { padding: 0 0 0 8px; background: url(../images/ico-bullet-list.png) no-repeat 0 7px; font-size:11px; line-height:14px;}
.main-content .listing ul{ margin: 2px 0 12px 0; }
.main-content .listing ul li { font-size: .929em; line-height: 16px; background:none; padding:0; }
.main-content .listing ul li a { padding: 0 0 7px 17px; color: #5683a4;  background: url(../images/ico-arrow2.png) no-repeat 0 2px; display:block;}
.main-content .listing ul li a:hover {color:#123d64}

/* Main content : paragraphs */
.main-content p {margin:auto !important; padding:auto !important; display:block;}
.main-content p.note { color: #666; font-size:12px;}
.main-content p.instructions {font-size:11px;}
.main-content .highlight {background:#f0f7fa; padding:10px 20px; margin-bottom:20px !important; display:block;}
.main-content h4.highlight {padding-bottom:15px;}

/* Main content : links */
.main-content h2 a { padding: 4px 0 5px 28px; background: url(../images/ico-arrow-h2.png) 0px 0px no-repeat; display:block;}
.main-content h3 a { padding: 4px 0 4px 24px; background: url(../images/ico-arrow-h3.png) 0px 0px no-repeat; display:block;}
.main-content h4 a { padding: 2px 0 2px 18px; background: url(../images/ico-arrow-h4.png) 0px 0px no-repeat; display:block;}
.main-content h2 a:hover {background: url(../images/ico-arrow-h2.png) 0px -61px no-repeat; text-decoration:none;}
.main-content h3 a:hover {background: url(../images/ico-arrow-h3.png) 0px -47px no-repeat; text-decoration:none;}
.main-content h4 a:hover {background: url(../images/ico-arrow-h4.png) 0px -41px no-repeat; text-decoration:none;}

/* Main content : lists */
.main-content ul.listing { margin: 2px 0 12px 0; }
.main-content ul.listing li { font-size: .929em; line-height: 16px; padding:0; background:none;}
.main-content ul.listing li a { padding: 0 0 7px 17px; color: #5683a4; background: url(../images/ico-arrow2.png) no-repeat 0 2px; display:block; }
.main-content ul.listing li a:hover {color:#123d64}
.main-content ol {margin-left:30px; margin-bottom:30px;}
.main-content ol li {margin:auto; padding:0px; list-style:decimal;}


/* Main content : Paging */
.main-content .pagination { font-size:12px; color:#666;}
.main-content .pagination a,
.main-content .pagination span.current { padding:1px 3px;}
.main-content .pagination a {background:#e1ecf3;}
.main-content .pagination a:hover {background:#cfe3ef;}
.main-content .pagination span.current {background:#5b97c3; color:#fff;}
.main-content .pagination a.next_page,
.main-content .pagination a.prev_page {background:none; padding:0;}
.main-content .pagination .next_page {margin-left:10px;}
.main-content .pagination .prev_page {margin-right:10px;}
.main-content .alpha {margin-bottom:15px;}
.main-content .alpha {text-transform:uppercase; font-size:13px;}
.main-content .alpha a { padding:1px 5px; background:#e1ecf3;}
.main-content .alpha a:hover {background:#cfe3ef;}




Next Image
Return to Search Results



/* Main content : Buttons */
input.search,
.btn-show,
.btn-view-sm,
.btn-list-lg,
.btn-list,
.btn-list-sm,
.btn-search-lg,
.btn-search,
.btn-search-sm,
.btn-back-lg,
.btn-back,
.btn-back-sm,
.btn-show-lg,
.btn-show,
.btn-show-sm,
.btn-view-lg,
.btn-view,
.btn-view-sm,
.btn-send-lg,
input.send,
.btn-filter-lg,
.btn-filter,
.btn-filter-sm,
.btn-next-image-lg,
.btn-next-image,
.btn-next-image-sm,
.btn-previous-image-lg,
.btn-previous-image,
.btn-previous-image-sm, 
.btn-return-lg,
.btn-return,
.btn-learn-more,
.btn-return-sm {display:block; text-align: left; text-indent: -999em; border:none; cursor:pointer;}

.btn-learn-more { height: 19px; width: 70px;  background: url(../images/LearnMore.png) no-repeat top; }

.btn-list-lg { height: 25px; width: 63px; background: url(../images/btn-list-lg.png) no-repeat top; }
.btn-list { height: 19px; width: 49px;  background: url(../images/btn-list.png) no-repeat top; }
.btn-list-sm { height: 16px; width: 41px; background: url(../images/btn-list-sm.png) no-repeat top; }

.btn-search-lg { height: 25px; width: 83px; background: url(../images/btn-search-lg.png) no-repeat top;}
.btn-search-lg:hover {background: url(../images/btn-search-lg.png) no-repeat bottom; cursor:pointer; }

input.search { height: 25px; width: 83px; background: url(../images/btn-search-lg.png) no-repeat top; border:none; text-indent: -999em; display:block;}
input.search:hover {background: url(../images/btn-search-lg.png) no-repeat bottom; cursor:pointer; }

.btn-search { height: 19px; width: 62px;  background: url(../images/btn-search-md.png) no-repeat top; }
.btn-search-sm { height: 16px; width: 59px; background: url(../images/btn-search-sm.png) no-repeat top; }

.btn-back-lg { height: 25px; width: 69px; background: url(../images/btn-back-lg.png) no-repeat top; }
.btn-back { height: 19px; width: 53px;  background: url(../images/btn-back.png) no-repeat top; }
.btn-back-sm { height: 16px; width: 45px; background: url(../images/btn-back-sm.png) no-repeat top; }

.btn-show-lg { height: 25px; width: 70px; background: url(../images/btn-show-lg.png) no-repeat top; }
.btn-show { height: 19px; width: 55px;  background: url(../images/btn-show-md.png) no-repeat top; }
.btn-show-sm { height: 16px; width: 48px; background: url(../images/btn-show-sm.png) no-repeat top; }

.btn-view-lg { height: 25px; width: 94px; background: url(../images/btn-view-lg.png) no-repeat top; }
.btn-view { height: 19px; width: 77px;  background: url(../images/btn-view.png) no-repeat top; }
.btn-view-sm { height: 16px; width: 69px; background: url(../images/btn-view-sm.png) no-repeat top; }

.btn-filter-lg { height: 25px; width: 72px; background: url(../images/btn-filter-lg.png) no-repeat top; }
.btn-filter { height: 19px; width: 59px;  background: url(../images/btn-filter.png) no-repeat top; }
.btn-filter-sm { height: 16px; width: 54px; background: url(../images/btn-filter-sm.png) no-repeat top; }

.btn-next-image-lg { height: 25px; width: 117px; background: url(../images/btn-next-image-lg.png) no-repeat top; }
.btn-next-image { height: 19px; width: 96px;  background: url(../images/btn-next-image.png) no-repeat top; }
.btn-next-image-sm { height: 16px; width: 80px; background: url(../images/btn-next-image-sm.png) no-repeat top; }

.btn-previous-image-lg { height: 25px; width: 146px; background: url(../images/btn-previous-image-lg.png) no-repeat top; }
.btn-previous-image { height: 19px; width: 119px;  background: url(../images/btn-previous-image.png) no-repeat top; }
.btn-previous-image-sm { height: 16px; width: 104px; background: url(../images/btn-previous-image-sm.png) no-repeat top; }

.btn-return-lg { height: 25px; width: 214px; background: url(../images/btn-return-lg.png) no-repeat top; }
.btn-return { height: 19px; width: 177px;  background: url(../images/btn-return.png) no-repeat top; }
.btn-return-sm { height: 16px; width: 166px; background: url(../images/btn-return-sm.png) no-repeat top; }


.btn-send-lg,
input.send { height: 25px; width: 67px; background: url(../images/btn-send-lg.png) no-repeat top; }



/* Main content : Form Fields */
input, textarea, select { font-family: Arial, Helvetica, sans-serif; border:solid #ccc 1px; font-size:12px;}



/* Main content : tables */
.main-content table {font-size:12px; line-height:15px; width:100%; margin-bottom:15px;}
table th {padding:8px 15px; background:#4b89b6 url(../images/bg-th.png) repeat-x top; font-size:12px; color:#cae2f4; vertical-align:bottom;}
table th a, table th a:visited, table th a:hover, table th a:active {color:#fff;}
table td {padding:8px 15px; background:#e9f2f9; border-top:3px #fff solid;}
table tr.odd td { background:#f8fbfc;}
table tr.even td { background:#e9f2f9}

.main-content table table {width:auto; margin-bottom:0;}
table table td {padding:0 5px 0 0; background:#e9f2f9; border-top:none; vertical-align:middle;}

table.show th {padding:8px 0 8px 15px; background:#e9f2f9; font-size:12px; color:#333; vertical-align:top; border-top:3px #fff solid; width:150px;}
table.show td {color:#666;}
table.show br {display:inline;}

table.entry-image td.image {border-right:3px #fff solid; width:150px; width:230px; text-align:center; vertical-align:middle;}
table.entry-image th {padding:8px 0 8px 15px; background:#e9f2f9; font-size:12px; color:#333; vertical-align:top; border-top:3px #fff solid; width:120px;}
table.entry-image td {color:#666;}

table.results td {vertical-align:middle;}
table.results td.show {width:50px; padding-right:0px;}

/* Title page */
.title-page { width: 100%; background: url(../images/bg-title-page.png) repeat-x 0 0; }
.title-page-inner { width: 100%; background: url(../images/bg-title-page-inner.png) no-repeat 50% 0; }
.title-page .container { height: 40px; padding: 12px 0 10px 0; }
.title-page h1 { height: 40px; margin: 0; padding: 5px 0 0 27px; font-size: 2.1em; line-height: 34px; font-weight: normal; color: #fff; background: url(../images/bg-title-page-header.png) no-repeat 0 0; font-family:Georgia, "Times New Roman", Times, serif;}

/* Subtitle page */
.subtitle-page { margin: 0; padding: 0 0 10px 0; }
.subtitle-page h2 { float: left; margin: -7px 0 0 0; }
.subtitle-page img { float: left; margin: 3px 8px 0 0 }

/* image frame */
.frame-images { position: relative; margin: 0 0 15px 0; padding: 5px; background: #f7ecde; }
.frame-images img { float: left; margin: 0; padding: 0; }
.frame-images a { display: block; overflow: hidden; }
.frame-images .frame-tl,
.frame-images .frame-tr,
.frame-images .frame-bl,
.frame-images .frame-br { position: absolute; display: block; width: 18px; height: 18px; overflow: hidden; margin: 0; padding: 0; background-repeat: no-repeat; background-image: url(../images/bg-image-frame.png); }
.frame-images .frame-tl { top: 0; left: 0; background-position: 0 0; }
.frame-images .frame-tr { top: 0; right: 0; background-position: -18px 0; }
.frame-images .frame-bl { bottom: 0; left: 0; background-position: 0 -18px; }
.frame-images .frame-br { bottom: 0; right: 0; background-position: -18px -18px; }
	
.main-content .right-column .frame-images { width: 270px; }

.btn-enlarge{ position: absolute; left: 75px; bottom: 14px; height: 22px; width: 129px; text-align: left; text-indent: -999em; background: url(../images/btn-enlarge.png) no-repeat top; }
.btn-enlarge:hover{ background-position: bottom; }
.btn-aerial { height: 28px; width: 181px; text-align: left; text-indent: -999em; background: url(../images/btn-aerial.png) no-repeat top; cursor:pointer; display:block }
.btn-aerial:hover { background-position: bottom;}
.btn-aerial-swap { height: 28px; width: 181px; text-align: left; text-indent: -999em; background: url(../images/btn-aerial-swap.png) no-repeat top; cursor:pointer; display:block }
.btn-aerial-swap:hover { background-position: bottom;}
.interactive-map{ position: relative; width: 836px; height: 267px; margin: 10px 0 30px; }
.interactive-map .image-frame{ position: absolute; z-index: 5; top: -5px; left: -5px; width: 846px; height: 277px; background: url(../images/bg-frame-interactive.png) no-repeat; }
.interactive-map .map-picture{ float: left; width: 559px; height: 267px; overflow: hidden; }
.interactive-map .map-details{ float: left; width: 277px; height: 267px; background: #cdb694; text-align: center; }
.btn-how-it-works{ position: absolute; top: -27px; right: 77px; width: 125px; height: 22px; cursor:pointer; }
.btn-how-it-works span{ background-image: url(../images/btn-how-it-works.png); }
.btn-how-it-works span.active{ background-position: bottom; }

.btn-interactive{ z-index: 6; position: absolute; bottom: 12px; right: 46px; display: block; width: 192px; height: 27px; text-align: left; text-indent: -999em; background: url(../images/btn-interactive.png) no-repeat top; }
.btn-interactive:hover{ background-position: bottom; }

.map-how { position: absolute; display: none; z-index: 6; font-size: .786em; line-height: 1.0909em; top: 0; right: 0; width: 237px; height: 255px; padding: 12px 20px 0; background: url(../images/bg-how-it-works.png) no-repeat; }
.map-how h3{ color: #3e2e1e; font-size: 1.8181em; padding: 0; margin: 5px 0; width: 131px; height: 20px; }
.map-how h3 span{ background-image: url(../images/txt-using-this-map.png); }
.map-how p{ padding:0 0 12px 0 !important; margin:0 !important;}
.map-how .btn-how-close{ position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; overflow: hidden; text-indent: -999em; background: url(../images/btn-close.png) no-repeat; }

.alignleft{ float: left; margin-right:20px; }
.alignright{ float: right; margin-left:20px;}
body.search a,
.navigation a{ color: #215277; }


/* Explore the Canyon */
.explore-map {position:relative; clear:both;}
#map_canvas {width: 1005px; height: 475px; margin:0px 0 10px 0; border:solid 5px #f7ecde;}
.page-id-42 #content p {width:310px; float:left; margin-bottom:20px;}
.page-id-42 #content ul {width:690px; float:right; color:#666; font-size:12px; line-height:15px; background: url(../images/bg-explore-divider.png) left center no-repeat; float:left; margin-bottom:20px;}
.page-id-42 #content ul li {margin:0 0 8px 30px;}
.page-id-42 .btn-aerial { position: absolute; right: 40px; top:-10px;}
.page-id-42 .btn-aerial-swap { position: absolute; right: 40px; top:-10px; visibility:hidden;}


/* Query the Database */
.page-id-44 .col1 {width: 280px; float:left;}
.page-id-44 .col2 {width: 245px; float:left; margin-left:20px;}
.page-id-44 .col3 {width: 280px; float:right;}
.page-id-44 table.landing {margin-bottom:30px;}
.page-id-44 table.landing th {padding:3px 10px; background:#e9f2f9; border-top:3px #fff solid; font-size:12px; color:#33669a; vertical-align:middle;}
.page-id-44 table.landing td {padding:3px 0px 3px 20px; background:#f8fbfc; border-top:3px #fff solid; font-size:12px; color:#33669a; vertical-align:middle;}
.page-id-44 table.landing a.btn-list {margin-right:4px;} 
.page-id-44 table.landing a.btn-list, 
.page-id-44 table.landing a.btn-search {float:left;}
.page-id-44 table.landing td.btns, .page-id-44 table.landing th.btns {width:120px; padding: 5px 0;}

/* Query the Database (new) */
.page-id-2556 .col1 {width: 280px; float:left;}
.page-id-2556 .col2 {width: 245px; float:left; margin-left:20px;}
.page-id-2556 .col3 {width: 280px; float:right;}
.page-id-2556 table.landing {margin-bottom:30px;}
.page-id-2556 table.landing th {padding:3px 10px; background:#e9f2f9; border-top:3px #fff solid; font-size:12px; color:#33669a; vertical-align:middle;}
.page-id-2556 table.landing td {padding:3px 0px 3px 20px; background:#f8fbfc; border-top:3px #fff solid; font-size:12px; color:#33669a; vertical-align:middle;}
.page-id-2556 table.landing a.btn-list {margin-right:4px;}
.page-id-2556 table.landing a.btn-list,
.page-id-2556 table.landing a.btn-search {float:left;}
.page-id-2556 table.landing td.btns, .page-id-2556 table.landing th.btns {width:120px; padding: 5px 0;}


/* Chaco Sites */

table.sites {margin:10px 0 0 0;}
table.sites td {background: url(../images/bg-sites-divider.png) right center no-repeat; padding:10px 30px 10px 10px;}
table.sites td.last { background:none; padding:10px 10px 10px 10px;}
table.sites ul.listing { margin: 0; }
table.sites ul.listing li { font-size: 13px; line-height: 16px; background:none; padding:0;}
table.sites ul.listing li a { padding: 0 0 7px 17px; color: #474747; background: url(../images/ico-arrow2.png) no-repeat 0 2px; display:block;}
table.sites ul.listing li a:hover { color: #000; background: url(../images/ico-arrow2.png) no-repeat 0 2px; }
table.sites ul.listing li img {margin:0 4px 0 0; float:left;}


#tooltip {position:absolute; background:#fff; padding:2px 10px; color:#666; display:none; -moz-border-radius: 8px; -webkit-border-radius: 8px;}	
.sites-map { position:relative;}
#sites-map-hover {width:82px; height:63px; position:absolute; top:231px; left:327px;}
#sites-map-hover a {width:82px; height:63px; display:block; background: url(../images/img-sites-hover.jpg) top; text-indent:-999px; cursor:pointer;}
#sites-map-hover a:hover {background: url(../images/img-sites-hover.jpg) bottom;}
#sites-map-zoom {position:absolute; top:262px; left:111px;}
area.close {cursor:pointer;}

/* Image Gallery */
.page-id-50 table {clear:both;}
.page-id-50 table td.please-note { border-left:3px #fff solid; padding:15px 25px;}
.page-id-50 table th {width:125px; color:#fff; vertical-align:middle; border-top:3px #FFF solid;}
.page-id-50 table input,
.page-id-50 select {width:250px;}
.page-id-50 table td.please-note input {width:83px; margin:0px;}
.page-id-50 table li {margin-bottom:10px;}


/* Resources/Help */
.page-id-52 table, .page-id-9 table {margin-top:15px;}
.page-id-52 table td,
.page-id-9 table td,
.page-id-52 table th,
.page-id-9 table th {background:none; padding:0; border:none; vertical-align:middle;}
.page-id-52 table th, .page-id-9 table th { width:260px;}
.page-id-52 table th a, .page-id-9 table th a { color:#1e5176;}
.page-id-52 table th a:hover, .page-id-9 table th a:hover { color: #123d64; }
.page-id-52 h2, .page-id-9 h2 {margin:0;}


/* About */
.page-id-2 h2.title {display:none}

/* Staff */
.page-id-196 h3 {margin-bottom:0;}
.page-id-196 h4 {margin-bottom:10px;}


/* Timeline */
.page-id-72 h3 {margin-bottom:0;}


/* User Guide */
.page-id-78 table {margin:0 0 20px 0;}
.page-id-78 h4 {margin-top:25px;}
.page-id-78 h5 {margin-bottom:15px;}


/* Contact */
.main-content label {float:left; width:200px;}
.main-content .page-id-7 p {clear:both;}
.main-content .page-id-7 fieldset {margin-top:10px;}
.main-content fieldset {border:solid 1px #bedbf0; padding:20px 30px 0px 30px; background:#f0f7fa}
.page-id-7 .main-content input, .page-id-7 .main-content textarea {width:550px;}
.page-id-7 em {font-size:11px; color:#666;}
.page-id-7 input.send { width: 67px; margin-top:15px;}




/* 2.5 Sidebar
------------------------------------------------------------------------------*/

/* Sidebar */
.has-sidebar{ background: url(../images/bg-sidebar.png) repeat-y 110px 0;}
.has-sidebar .container-extra{ background: url(../images/bg-sidebar-content.png) no-repeat 110px bottom;}

.sidebar { float: left; width: 130px; }
.sidebar-inner { width: 130px; background: url(../images/bg-sidebar-inner.png) no-repeat 100% 0; }
.sidebar-content { width: 110px; padding: 0 20px 100px 0; }

/* Sidebar : default */
.sidebar h3 { padding: 3px 0 0 0; margin-bottom:5px; font-size: 1.3em; line-height: 1.3em; font-weight: normal; color: #4385b5; font-family:Georgia, "Times New Roman", Times, serif;}
.sidebar h3.interactive { padding: 3px 0 0 23px; background:url(../images/ico-sites-interactive.png) no-repeat 0px 2px; }
.sidebar h3 strong { display: block; margin-top: -4px; font-weight: normal; }
.sidebar ul { float: left; width: 110px; margin: 0 0 15px 0; padding: 0; }
.sidebar ul li { float: left; clear: both; width: 103px; padding: 0 0 0 6px; font-size: 1em; line-height: 1.25em; font-weight: normal; color: #666; background: url(../images/ico-arrow-sidebar-menu.png) no-repeat 0 4px; margin:0 0 10px 0; }
.pageid-46 .sidebar ul li, .parent-pageid-46 .sidebar ul li { margin:0;}
.sidebar ul li a { text-decoration: none; color: #666; }
.sidebar ul li a:hover { text-decoration: none; color: #333; }

.sidebar ul li.current { padding: 2px 3px 1px 6px; color: #fff; background:#f0f7fa; margin:0 0 10px 0; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.sidebar ul li.current a { color: #276693; }
.sidebar ul li.current a:hover { color: #004475; }

/* Sidebar : Resources 
.page-id-44 .sidebar ul { float: left; width: 90px; margin: 0 0 15px 0; padding: 10px 10px 0 10px; background:#5896c4; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.page-id-44 .sidebar ul li { float: left; clear: both; width: 103px; padding: 0 0 0 6px; font-size: 1em; line-height: 1.25em; font-weight: normal; color: #666; background: url(../images/ico-arrow-sidebar-menu.png) no-repeat 0 4px; margin:0 0 10px 0; }
.page-id-44 .pageid-46 .sidebar ul li, .parent-pageid-46 .sidebar ul li { margin:0;}
.page-id-44 .sidebar ul li a { text-decoration: none; color: #fff; }
.page-id-44 .sidebar ul li a:hover { text-decoration: none; color: #e4f2fa; }

*/


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer { position: relative; padding: 4px 0 3px 0; height: 1.3333em; clear: both; text-align: center; font-size: 1em; color: #bea181; background: #573f28; }


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home page
------------------------------------------------------------------------------*/

.home #content{ padding: 0; }

.home-center{ padding:0 0 12px 0; }
.home-center .btn-explore{ position: absolute; left: 42px; top:225px; }
.home-center .btn-explore{ display: block; text-indent: -999em; width: 193px; height: 39px; overflow: hidden; background: url(../images/btn-explore.png) no-repeat top; }
.home-center .featured-hover,
.home-center .btn-explore:hover{ background-position: left bottom; }

.whats-new{ padding: 10px 30px; background: url(../images/bg-whats-new.png) repeat-x top; color: #4e341f; font-size: 1.083em; }
.whats-new .title{ float: left; color: #3e2e1e; font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1em; font-weight: normal; text-transform: uppercase; background: url(../images/bg-whats-new-title.png) no-repeat 30px 7px; padding: 4px 10px 0 64px; }
.whats-new p{ padding-top: 4px;}

.home-content{ padding: 18px 0 10px 0; background: #6d94b0 url(../images/bg-home-content.png) repeat-x bottom; }
.home-content .section-1{ float: left; width: 301px; }
.home-content .section-2{ float: left; width: 346px; margin: 0 0 0 16px; }
.home-content .section-3{ float: left; width: 342px; }

.intro-wrapper-1{ margin-left: 4px; width: 332px; padding-top: 15px; background: url(../images/bg-intro-top.png) no-repeat top;}
.intro-wrapper-2{ padding-bottom: 15px; background: url(../images/bg-intro-bottom.png) no-repeat bottom; }
.intro{ padding: 0 20px; line-height: 15px; font-weight: bold; color: #fff; background: url(../images/bg-intro-middle.png) repeat-y;}

.featured a{ color: #fff; text-decoration: none; }
.featured-image{ float: left;}
.featured-content{ float: right; width: 229px; }
.featured-architectural{ margin-top: 20px;}
.featured-architectural .featured-content{ width: 253px; }
.featured-architectural .featured-text{ display: block; width: 242px; }
.featured-architectural .featured-text .text{ padding: 7px 8px 0; background: url(../images/bg-featured-1-top.png) no-repeat -999px top; }
.featured-architectural .featured-text .more-wrapper{ display: block; padding: 3px 10px 8px; background: url(../images/bg-featured-1-bottom.png) no-repeat -999px bottom; }

.section-3 .featured{ padding: 10px 0; }
.section-3 .featured-content{ margin-left: -10px; }
.section-3 .featured-text{ width: 229px; }
.section-3 .featured-text .text{ padding: 7px 8px 0; background: url(../images/bg-featured-2-top.png) no-repeat -999px top; }
.section-3 .featured-text .more-wrapper{ display: block; padding: 3px 10px 8px; background: url(../images/bg-featured-2-bottom.png) no-repeat -999px bottom; }

.featured-query .featured-text .text{ padding: 7px 8px 0; background: url(../images/bg-featured-3-top.png) no-repeat -999px top; }
.featured-query .featured-text .more-wrapper{ display: block; padding: 3px 10px 8px; background: url(../images/bg-featured-3-bottom.png) no-repeat -999px bottom; }

.featured-hover .featured-text .text{ background-position: 0 top !important; }
.featured-hover .featured-text .more-wrapper{ background-position: 0 bottom !important; }

.featured h3 { padding:3px 0 0 8px; font-size: 1.6em; font-weight: normal; line-height: 1em; margin-top: -2px; margin-right: -10px; font-family:Georgia, "Times New Roman", Times, serif; }
.featured .text{ padding: 5px 0 3px 3px; color: #bcdff6; line-height: 15px; display: block; }
.featured .more{ font-size: .9167em; padding: 0 0 0 15px; display: block; background: url(../images/ico-arrow2.png) no-repeat 0 2px; }

.home-gallery{ padding: 5px; position: relative; width: 291px; }
.home-gallery .wrapper-image{ width: 291px; height: 227px; overflow: hidden; }
.home-gallery .image-frame{ position: absolute; z-index: 1; top: 0; left: 0; width: 301px; height: 237px; background: url(../images/gallery-frame.png) no-repeat;}
.home-gallery .btn-enter-gallery{ position: relative; z-index: 2; display: block; margin: -12px auto 0; width: 168px; height: 23px; text-indent: -999em; background: url(../images/btn-enter-gallery.png) no-repeat top; }
.home-gallery .featured-hover,
.home-gallery .btn-enter-gallery:hover{ background-position: bottom; }

#sponsors{ padding: 31px 0 20px; background: url(../images/bg-home-bottom-content.png) repeat-x top; }
#sponsors .container{ width: 1007px; padding-bottom: 55px; }
#sponsors h3,
#sponsors ul,
#sponsors li,
#sponsors li a { float: left; height: 49px;  }
#sponsors h3,
#sponsors li a { text-indent: -999em; background: url(../images/txt-sponsors.png) no-repeat; }

#sponsors li a {overflow:hidden;}

#sponsors h3{ width: 118px; }
#sponsors .txt-andrew-mellon{ width: 214px; background-position: -118px 0; }
#sponsors .txt-national-science{ width: 220px; background-position: -332px 0; }
#sponsors .txt-iath{ width: 67px; background-position: -552px 0; }
#sponsors .txt-national-park{ width: 182px; background-position: -619px 0; }
#sponsors .txt-uva{ width: 206px; background-position: -801px 0; }

#sponsors .txt-andrew-mellon:hover{ width: 214px; background-position: -118px -49px; }
#sponsors .txt-national-science:hover{ width: 220px; background-position: -332px -49px; }
#sponsors .txt-iath:hover{ width: 67px; background-position: -552px -49px; }
#sponsors .txt-national-park:hover{ width: 182px; background-position: -619px -49px; }
#sponsors .txt-uva:hover{ width: 206px; background-position: -801px -49px; }


/* Wide Layout */
.layout-wide #wrapper{ background-position: left 487px; background-repeat: repeat-x; }
.layout-wide #header{ background-position: center top; background-repeat: repeat-x; border-top: 5px solid #69573F; }
.layout-wide #header .site-name{ margin-top: 17px;}
.layout-wide #header #top-nav-wrapper{ margin-top: 9px; }
.layout-wide .container{ margin: 0 0 0 20px; }
.layout-wide #header .container{ width: 1005px; }
.layout-wide .content{ padding-right: 20px; }
.layout-wide .content .container { width: auto; }


.link_bullet { padding: 0 0 7px 17px; color: #5683a4;  background: url(../images/ico-arrow2.png) no-repeat 0 2px; display:block;}