/**
* globals.css - general styles used throughout the site
*/
/* Applying this style will properly enclose all floated children */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {
clear: both;
height: 1%;
visibility: hidden;
}
.right { float: right; }
.left { float: left; }
.center { margin: auto; text-align: center; }
.tight { padding: 0; margin: 0; }
.clearRight {
clear: right;
height: 1px;
visibility: hidden;
}
.clearLeft {
clear: left;
height: 1px;
visibility: hidden;
}
.inline {
display: inline;
}
* { font-family: Verdana, Arial, sans-serif; }
body { font-size: 76%; }
hr { display: none; }
em { font-style: italic; }
strong { font-weight: bold; }

/**
* wrapper.css - styles defining the wrapper of the site, including
* the background colors, main content container, header, and footer.
*/
html { height: 100%; background: #d9d9cd; }
body {
margin: 0; padding: 0;
background: #d9d9cd;
height: 100%;
}
/* Following styles for swfobject */
/* hide from ie on mac \*/
.hideOverflow { overflow: hidden }
#flashcontent { height: 100%; }
/* end hide */
/* End swfobject styles */
#header {
background-color: #2e3025;
height: 45px;
border-bottom: 2px solid #000;
margin-bottom: 22px;
text-align: center;
}
#header h1 { margin: 0; padding: 10px 0 0 0; }
#header h1 a {
display:block;
width: 714px;
margin: 0 auto;
background-image: url(/images/header.jpg);
height:0px !important;
overflow:hidden;
padding-top:28px;
}
#content {
width: 891px;
margin: 0 auto;
padding: 0px;
text-align: left;
background-color: #fff;
font-size: 0.9em;
position: relative;
}
a:link { color: #629ba4; text-decoration: none; }
a:visited { color: #629ba4; text-decoration: none; }
a:hover { color: #629ba4; text-decoration: underline; }
.contentPadding {
padding: 18px;
}
#container {
padding-bottom: 77px;
}
#nonFooter {
position: relative;
min-height: 100%;
}
* html #nonFooter {
height: 100%;
}
#footer {
background-color: #000;
width: 100%;
height: 50px;
text-align: center;
position: relative;
margin-top: -50px;
}
#footer ul {
margin: 0;
padding: 8px 0 0 0;
font-size: 0.9em;
}
#footer ul li {
line-height: 1.2em;
list-style: none;
display: inline;
padding: 0 1em 0 1em;
border-right: 2px solid #333528;
}
#footer ul li.last {
padding-right: 0;
border-right: none;
}
#footer ul li a:link { color: #878787; text-decoration: none; }
#footer ul li a:visited { color: #878787; text-decoration: none; }
#footer ul li a:hover { color: #878787; text-decoration: underline; }


#homePreviewPadding {
padding: 4px 4px 2px 4px;
}
#homeCloser {
display: block;
height: 10px;
width: 891px;
background: #2e2f27;
position: relative;
clear: both;
}
#homeIntro {
float: left;
width: 445px;
overflow: hidden;
}
#homeIntro .padding {
padding: 24px 50px 28px 68px;
}
#homeIntro h2 {
margin: 0; padding: 0;
color: #2e3025;
font: normal 2.4em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#homeIntro p {
margin: 1em 0;
font-size: 1.3em;
color: #5f6156;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#homeIntro a img {
border: 0;
}
#homeIntro p.flashDisclaimer {
color: #606257;
margin: 2em 0;
font: italic 1em Verdana, Arial, sans-serif;
}
#homeIntro div.hr {
clear: both;
height: 1px;
background-color: #e5e3d7;
margin: 17px auto 17px auto;
width: 276px;
}
#homeFeatures {
float: left;
width: 446px;
background-color: #e5e5e5;
overflow: hidden;
}
#homeFeatures .padding {
padding: 38px 38px 38px 24px;
}
#homeFeatures img {
position: absolute;
float: left;
}
#homeFeatures h3 {
margin: 0; padding: 0;
font: normal 1.6em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#homeFeatures p {
margin-top: 0.2em;
font-size: 1.3em;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.collect div.feature, .pathway div.feature, .create div.feature {
padding-left: 189px;
}
.create div.feature {
padding-bottom: 4em;
}
#homeFeatures .collect h3 {
color: #c8613e;
}
#homeFeatures .pathway h3 {
color: #506e6e;
}
#homeFeatures .create h3 {
color: #6c7641;
}
#homeFeatures div.hr {
clear: both;
height: 1px;
background-color: #d3d3d1;
padding: 0;
margin: 17px auto 22px auto;
width: 356px;
}


div.listNav {
background-color: #2e3025;
padding: 1.6em 0 2.4em 0;
text-align: center;
clear: both;
}
div.listNav p { color: #fff; font-size: 1.2em; margin: 1em 0; }
div.listNav ul {
margin: 0; padding: 0;
}
div.listNav ul li {
font-size: 1.3em;
line-height: 1.2em;
list-style: none;
display: inline;
padding: 0 0.5em;
color: #fff;
}
div.listNav ul li a:link { color: #a7cfcf; text-decoration: underline; }
div.listNav ul li a:visited { color: #a7cfcf; text-decoration: underline; }
div.listNav ul li.prev a:link { color: #a7cfcf; text-decoration: none; }
div.listNav ul li.prev a:visited { color: #a7cfcf; text-decoration: none; }
div.listNav ul li.prev { padding-right: 2em; }
div.listNav ul li.next a:link { color: #a7cfcf; text-decoration: none; }
div.listNav ul li.next a:visited { color: #a7cfcf; text-decoration: none; }
div.listNav ul li.next { padding-left: 2em; }
.tagPadding {
min-height: 300px;
padding: 0 50px;
}
div#notags {
text-align: center;
padding: 5em;
}
div#notags p {
color: #2e3025;
font: normal 1.6em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
ul.taglist {
float: left;
padding: 45px 0 45px 0;
}
ul.taglist li {
font-size: 1.2em;
line-height: 1.4em;
list-style: none;
width: 210px;
padding-left: 50px;
}
ul.taglist li a {
color: #629ba4;
text-decoration: none;
}
span.tag {
font-weight: bold;
}
ul.recordList {
width: 520px;
padding: 0;
margin: 32px auto;
}
ul.recordList li {
position: relative;
list-style: none;
display: block;
width: 520px;
}
ul.recordList li div.hr {
height: 1px;
width: 362px;
background: #cccccc;
clear: both;
margin: 0 auto 1.6em auto;
}
ul.recordList li a.recordthumb {
display: block;
float: left;
background: #2b2d20 url(/images/corners.gif) no-repeat top left;
padding: 5px;
width: 100px; height: 100px;
margin-bottom: 1.6em;
}
ul.recordList li a.recordthumb img {
border: 0;
}
ul.recordList li div.recordListContent {
display: block;
float: left;
width: 380px;
min-height: 10em;
line-height: 1.6em;
vertical-align: top;
padding: 0 0 1.6em 30px;
}
ul.recordList li h2 {
font: bold 1.2em "Trebuchet MS",Arial,Helvetica,sans-serif;
color: #343434;
}
ul.recordList li h2 a:link { color: #343434; text-decoration: none; }
ul.recordList li h2 a:visited { color: #343434; text-decoration: none; }
ul.recordList li h2 a:hover { color: #343434; text-decoration: underline; }
ul.recordList li p {
font: normal 1.2em "Trebuchet MS",Arial,Helvetica,sans-serif;
line-height: 1.6em;
color: #343434;
margin: 0.2em 0 0.6em 0;
}
ul.recordtags {
display: inline;
position: relative;
}
ul.recordtags li {
list-style: none;
display: inline;
margin: 0;
padding: 0 1em 0 0;
}
ul.recordtags li a {
font-size: 1.2em;
line-height: 1.8em;
}


#recordmedia {
position: relative;
width: 404px;
float: right;
padding: 20px 0px 0px 18px;
text-align: center;
}
#recordcontent {
position: relative;
float: right;
width: 389px;
padding: 32px 50px 0px 29px;
}
.mediaml {
background-color: #4a4a3e;
width: 400px;
height: 400px;
padding: 2px;
}
.audioml {
background-color: #4a4a3e;
width: 400px;
padding: 2px;
}
.quicktimeAlert {
color: #fff;
font: italic 1em Verdana, Arial, sans-serif;
margin: 0.5em;
}
.quicktimeAlert a:link, .quicktimeAlert a:visited, .quicktimeAlert a:hover {
color: #9c9b96;
text-decoration: underline;
}
div#viewInVaults {
position: relative;
display: block;
clear: both;
margin-bottom: 8em;
}
div#viewInVaults a {
display: block;
width: 170px;
height:0px !important;
overflow:hidden;
padding-top:146px;
background: url(/images/view_in_vaults.gif);
margin: 0 auto;
}
#recordmedia div.hr {
height: 1px;
background: #e6ead3;
margin: 0 0 54px 0;
clear: both;
}
#recordNav {
margin: 8px 0 36px 0;
float:left;
position:relative;
clear: both;
left:50%;
height: 24px;
}
#recordNav ul {
padding: 0; margin: 0;
float: left;
position:relative;
left:-50%;
height: 24px;
}
#recordNav ul li {
list-style: none;
float: left;
}
#recordNav ul li.currentPage {
height: 24px;
line-height: 24px;
}
#recordNav ul li.prevImage {
margin-right: 7px;
}
#recordNav ul li.prevImage a {
display: block;
width: 26px;
height:0px !important;
overflow:hidden;
padding-top:24px;
background: url(/images/record_buttons.gif) 0px 0px;
}
#recordNav ul li.prevImageDisabled {
margin-right: 7px;
}
#recordNav ul li.prevImageDisabled a {
display: block;
width: 26px;
height:0px !important;
overflow:hidden;
padding-top:24px;
background: url(/images/record_buttons.gif) 0px -24px;
}
#recordNav ul li.nextImage {
margin-left: 7px;
}
#recordNav ul li.nextImage a {
display: block;
width: 26px;
height:0px !important;
overflow:hidden;
padding-top:24px;
background: url(/images/record_buttons.gif) -26px 0px;
}
#recordNav ul li.nextImageDisabled {
margin-left: 7px;
}
#recordNav ul li.nextImageDisabled a {
display: block;
width: 26px;
height:0px !important;
overflow:hidden;
padding-top:24px;
background: url(/images/record_buttons.gif) -26px -24px;
}
#recordNav ul li.printRecord {
margin-left: 7px;
}
#recordNav ul li.printRecord a {
display: block;
width: 67px;
height:0px !important;
overflow:hidden;
padding-top:24px;
background: url(/images/record_buttons.gif) -52px 0px;
}
#recordcontent h2 {
color: #404040;
font: normal 2.4em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#recordcontent h3 {
text-transform: uppercase;
font: bold 1.3em "Trebuchet MS",Arial,Helvetica,sans-serif;
color: #393a32;
padding-left: 21px;
margin: 1em 0 0.8em 0;
letter-spacing: 0.1em;
}
#recordcontent p {
color: #656660;
font: normal 1.3em "Trebuchet MS",Arial,Helvetica,sans-serif;
line-height: 1.6em;
}
#recordcontent p.date {
color: #656660;
margin: 1em 0;
}
#recordcontent p.credit {
color: #9c9b96;
font: italic 1em Verdana, Arial, sans-serif;
margin: 2em 0 2.4em 0;
}
#recordcontent div.hr {
height: 1px;
background: #e6ead3;
}
#recordcontent ul {
padding: 0; margin: 0 0 1em 0;
}
#recordcontent ul li {
padding: 0; margin: 0;
margin-left: 21px;
list-style: none url(/images/list_arrow.gif) outside;
font-size: 1em;
line-height: 1.6em;
}
#arc {
margin: 2em 0 4em 0;
text-align: center;
}
#arc ul {
padding: 0; margin: 0;
}
#arc ul li {
padding: 0 0.8em; margin: 0;
list-style: none;
display: inline;
font-size: 1em;
}
#arc li a:link { color: #7e8075; text-decoration: none; }
#arc li a:visited { color: #7e8075; text-decoration: none; }
#arc li a:hover { color: #7e8075; text-decoration: underline; }


#errorpage {
padding: 10em;
}
#errorpage h2 {
margin: 0; padding: 0;
color: #2e3025;
font: normal 2.4em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#errorpage p {
margin: 1.4em 0;
font-size: 1.4em;
color: #5f6156;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}


#credits, #privacy {
padding: 20px 40px;
}
#credits h2, #privacy h2 {
margin: 0; padding: 0;
color: #2e3025;
font: normal 2.4em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#credits h3, #privacy h3 {
margin: 1em 0 0 0; padding: 0;
font: bold 1.4em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#credits h4, #privacy h4 {
margin: 0; padding: 0;
font: bold italic 1.2em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#credits div.left {
width: 49%;
float: left;
}
#credits div.right {
width: 49%;
float: left;
}
#credits ul {
color: #5f6156;
font: 1.1em "Trebuchet MS",Arial,Helvetica,sans-serif;
padding-left: 1em;
margin-top: 1em;
}
#credits dl {
color: #5f6156;
font: 1.1em "Trebuchet MS",Arial,Helvetica,sans-serif;
padding-left: 1em;
}
#credits dt {
font-weight: bold;
margin-top: 1em;
}
#privacy ul {
padding-left: 2em;
margin: 0 0 1em 0;
}
#privacy ul li {
list-style: disc;
margin-bottom: 0.4em;
font: 1.1em "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#privacy h3 {
margin-bottom: 1em;
}
#privacy p {
font: 1.1em "Trebuchet MS",Arial,Helvetica,sans-serif;
margin-bottom: 1em;
}
#homePreviewPadding {
padding: 4px 4px 2px 4px;
}
#homeCloser {
display: block;
height: 10px;
width: 891px;
background: #2e2f27;
position: relative;
clear: both;
}
#homeIntro {
float: left;
width: 445px;
overflow: hidden;
}
#homeIntro .padding {
padding: 24px 50px 28px 68px;
}
#homeIntro p {
margin: 1em 0;
font-size: 1.3em;
color: #5f6156;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#homeIntro a img {
border: 0;
}
#homeIntro p.flashDisclaimer {
color: #606257;
margin: 2em 0;
font: italic 1em Verdana, Arial, sans-serif;
}
#homeIntro div.hr {
clear: both;
height: 1px;
background-color: #e5e3d7;
margin: 17px auto 17px auto;
width: 276px;
}
#homeFeatures {
float: left;
width: 446px;
background-color: #e5e5e5;
overflow: hidden;
}
#homeFeatures .padding {
padding: 38px 38px 38px 24px;
}
#homeFeatures img {
position: absolute;
float: left;
}
#homeFeatures p {
margin-top: 0.2em;
font-size: 1.3em;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.collect div.feature, .pathway div.feature, .create div.feature {
padding-left: 189px;
}
.create div.feature {
padding-bottom: 4em;
}
#homeFeatures .collect h3 {
color: #c8613e;
}
#homeFeatures .pathway h3 {
color: #506e6e;
}
#homeFeatures .create h3 {
color: #6c7641;
}
#homeFeatures div.hr {
clear: both;
height: 1px;
background-color: #d3d3d1;
padding: 0;
margin: 17px auto 22px auto;
width: 356px;
}