/*******************************************************************************
* main.css
* Styles universal to the Forensics site
*******************************************************************************/
#page{ 
    margin: 0 auto; 
    background-image: url(../img/bg/shadow2.png);
    background-attachment:fixed;
    background-position: center;
    background-repeat:repeat-y;
}

#body { 
    background-color:transparent;
    width: 940px; 
    margin: -10px auto -20px auto; 
}

/* Footer Styling */
#footer-sub {
    margin: 0 auto;
    width:930px;
}

#footer-sub a{
    color:#336699;
}

#footer-sub p{
    color:#999999;
}

#footer-info {
    text-align:left; 
    color: #000000;
}

#footer-review {
    text-align:right;
    color: #336699;
}

/* End Footer Styling */

html {
    height: 100%;
}

body {
    background-image:url('img/bg/home.jpg');
    margin: 0px;
    padding: 0px;
    text-align: center;
    height: 100%;
}

#outerContainer {
    margin: 0 auto;
    width: 940px;
    background-color:#ffffff;
}

/* IE ONLY STYLES HACK */
* html #outerContainer {
    background: none;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

div.sectionclear {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin-bottom: 1em;
}


div.error {
    font: bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: red;
    border: 2px solid red;
    padding: 0.2em;
    width: 20em;
    text-align: center;

}

#debugInfo {
    clear: both;
    width: 20em;
    padding: 0.5em;
    margin: 0.5em;
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    position: relative;
    background-color: #F6F5F0;
}

#skipnav {
    position: absolute;
    left: -1000px;
    width: 990px;
}

#middleContainer {
    text-align: left;
    width: 761px;
    background-color: #ffffff;
    background-image: url(../img/contentbg.gif);
    margin-left: auto;
    margin-right: auto;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*******************************************************************************
* Masthead
*******************************************************************************/

#masthead ul {
    width: 761px; height: 121px;
    background-image: url(../img/masthead.gif);
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    position: relative;
}

#masthead li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
}

#masthead a {
    display: block;
    overflow: hidden;
}

#sitetitle {
    left: 44px;
    width: 322px;
}

#sitetitle a {
    padding-top: 119px;
    height: 0px !important;
    height /**/:119px;
    position: relative;
    z-index: 100;
}

#nlmlogo {
    left: 695px;
    width: 64px;
}

#nlmlogo a {
    width: 64px;
    padding-top: 67px;
    height: 0px !important;
    height /**/:67px;
    position: relative;
    z-index: 100;
}


#eplogo {
    left: 695px;
    width: 64px;
}

#eplogo a {
    width: 64px;
    margin-top: 68px;
    height: 49px !important;
    height /**/:49px;
    position: relative;
    z-index: 100;
}

a.prog {color:#ffffff; font-size:70%; font-family: Arial, Helvetica, sans-serif;}
#VPexprog {
    left: 695px;
    width: 64px;
	text-align:center;
}

/*******************************************************************************
* Main navigation
*******************************************************************************/


#navigation ul {
    width: 761px; height: 31px;
    background: url(../img/navigation2.gif) 0 0 no-repeat;
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    position: relative;
    clip: rect(0, 761px, 31px, 0);
}

#navigation li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    height: 31px;
}

#navigation a {
    display: block;
    position: absolute;
    overflow: hidden;
    padding-top: 31px;
    height: 0px !important;
    height /**/:31px;
}

#navigation .here {
    background: url(../img/navigation2.gif) 0 -31px no-repeat;
}

#navVisit { left: 0; width: 113px;}
#navVisit.here { background-position: 0 -31px;}
#navVisit a { left: 0px; width: 112px; background: url(../img/navigation2.gif) 0 0 no-repeat;}
#navVisit.here a { background-position: 0 -31px; }
#navVisit a:hover { background: url(../img/navigation2.gif) 0 -62px no-repeat;}

#navExhibition { left: 112px; width: 164px; }
#navExhibition.here  { background-position: -112px -31px; }
#navExhibition a { left: 1px; width: 162px; background: url(../img/navigation2.gif) -113px 0 no-repeat; }
#navExhibition.here a { background-position: -113px -31px; }
#navExhibition a:hover { background: url(../img/navigation2.gif) -113px -62px no-repeat;}

#navGalleries { left: 275px; width: 157px; }
#navGalleries.here { background-position: -275px -31px; }
#navGalleries a { left: 1px; width: 155px; background: url(../img/navigation2.gif) -276px 0 no-repeat; }
#navGalleries.here a { background-position: -276px -31px; }
#navGalleries a:hover { background: url(../img/navigation2.gif) -276px -62px no-repeat;}

#navEducation { left: 431px; width: 162px; }
#navEducation.here { background-position: -431px -31px; }
#navEducation a { left: 1px; width: 160px; background: url(../img/navigation2.gif) -432px 0 no-repeat; }
#navEducation.here a { background-position: -432px -31px; }
#navEducation a:hover { background: url(../img/navigation2.gif) -432px -62px no-repeat;}

#navResources { left: 592px; width: 169px; }
#navResources.here  { background-position: -592px -31px; }
#navResources a { left: 1px; width: 168px; background: url(../img/navigation2.gif) -593px 0 no-repeat; }
#navResources.here a { background-position: -593px -31px; }
#navResources a:hover { background: url(../img/navigation2.gif) -593px -62px no-repeat;}

#navigation .here a:hover { background: none;}

/*******************************************************************************
* Subnavigation
*******************************************************************************/

#innerContainer {
    position: relative;
    width: 100%;
}

#subnav {
    width: 187px;
    position: relative;
    float: left;
    background-color: #E7E6E1;
}

#subnav .pad {
    padding: 5px 6px 0px 6px;
}

#subnav h2 {
    color: #DCDADD;
    background-color: #623127;
    width: 100%;
    padding-top: 22px;
    overflow: hidden;
    margin: 0;
    height: 0px !important;
    height /**/:22px;
}

#subnav ul {
    margin: 0; padding: 0;
    list-style: none;
    width: 100%;
    font-size: 100%;
}

#subnav ul li {
    margin: 0; padding: 0;
    display: block;
    list-style: none;
}

#subnav ul li a {
    display: block;
    background-color: #F9F9F9;
    margin: 0;
    padding: 2px 9px 2px 9px;
    margin-bottom: 1px;
    font: bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
    text-decoration: none;
    /* hack to set text indent in IE5 only */
    \text-indent: -1em;
    te\xt-indent: 0;
}

#subnav ul li.notALink {
    padding: 10px 9px 5px 4px;
    font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
    color: #3E4241;
}

#subnav ul li.first a {
    padding-top: 10px;
}

#subnav ul li.last a {
    padding-bottom: 8px;
}

#subnav ul li a:link { color: #2C6793;  }
#subnav ul li a:visited { color: #2C6793; text-decoration: none; }
#subnav ul li a:hover { color: #183555; text-decoration: none; }

#subnav ul li.here a:link { color: #183555; text-decoration: none; }
#subnav ul li.here a:visited { color: #183555; text-decoration: none; }

/*******************************************************************************
* Content Area
*******************************************************************************/

#content {
    width: 573px;
    position: relative;
    float: left;
    background-color: #ffffff;
}

#content .contentpad {
    padding: 10px 15px;
    position: relative;
}

#content h1 {
    margin-top: 0;
    font: bold italic 1.2em Georgia, "Times New Roman", Times, serif;
    color: #4C5B34;
}

#content h1#mainhead {
    height: 30px;
    overflow: hidden;
    padding-top: 30px;
    height: 0px !important;
    height /**/: 30px;
    margin-bottom: 0.4em;
}

#content h1.art {
    margin-bottom: 0.2em;
}

#content p {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 1em;
}

#content h4.videoTitle {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    font-weight: bold;
    margin-bottom: 0.2em;
}

#content h4.videoTitle img {
    vertical-align: text-top;
}

#content h4.audioTitle {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    font-weight: bold;
    margin-bottom: 0.2em;
}

#content h4.audioTitle img {
    vertical-align: texttop;
}


#content a:link { color: #2F527A; }
#content a:visited { color: #7C7D7C; }

#content dl {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    line-height: 1.5em;
}

#content dl dt {
    float: left;
    font-weight: bold;
    margin: 0; padding: 0;
}

#content dl>dt { /* correct padding, not for IE */
    padding-right: 0.3em;
}

#content dl dt .normal {
    font-weight: normal;
}

#content dl dd {
    margin: 0 0 1em 0;
    padding: 0;
}

#content dl dd p {
    font-size: 1.0em;
}



#content h2 {
    font: bold 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #964231;
    margin-top: 0px;
}

#content h3 {
    font: italic 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #4f6f40;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
}

#content blockquote {
    margin: 0; padding: 0;
}

#content blockquote p {
    margin-top: 1em;
    margin-bottom: 0;
    font-size:0.98em;
}

#content blockquote p.citation {
    font-style: italic;
    font-size: 0.85em;
    margin-top: 0.4em;
    margin-bottom: 1em;
}

#content .main {
    position: relative;
    margin: 0; padding: 0;
    width: 538px;
}

#content .section {
    position: relative;
    padding: 0.8em 0 0 0;
    margin: 0;
    border: 1px solid #ffffff;
    border-top: 1px solid #D9D9D9;
    width: 538px;
}

#content ul {
    font-size: 100%;

}

#content ul li {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    line-height: 1.5em;
    margin-top: 0;
}

#content ul li li {
    font: normal 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin-top: 0;
}

#content ul li a:link { color: #2F527A; }
#content ul li a:visited { color: #7C7D7C; }


#content ol {
    font-size: 100%;
}

#content ol li {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    line-height: 1.5em;
    margin-top: 0;
}

#content ol li li {
    font: normal 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin-top: 0;
}

#content ol li a:link { color: #2F527A; }
#content ol li a:visited { color: #7C7D7C; }

#content .note {
    font-style: italic;
    color: #888888;
}

#content .pdf {
    font-style: italic;
    font-weight: normal;
    color: #888888;
}

/*******************************************************************************
* Section navigation (on some pages that are further split into subpages)
*******************************************************************************/

.sectionnav {
    position: relative;
    padding-top: 0.8em;
    margin: 0;
    border: 1px solid #ffffff;
    border-top: 1px solid #D9D9D9;
    width: 538px;
}

.sectionnav .left {
    position: relative;
    float: left;
    width: 10em;
}

.sectionnav .right {
    position: relative;
    float: left;
    width: 15em;
}

#content .sectionnav h3 {
    font-style: normal;
    margin-bottom: 0;
    margin-top: 0;
}

#content .sectionnav ul.links {
    margin: 0 0 0.5em 0;
    padding: 0;
    width: 5em;
    /* hide from IE mac \*/
    width: auto;
    /* end hiding from IE5 mac */
}

#content .sectionnav .left ul.links {
    width: 10em;
}

#content .sectionnav .right ul.links {
    width: 15em;
}

#content .sectionnav ul.linkcol {
    margin: 0 2em 1em 0;
    padding: 0;
    position: relative;
    float: left;
}

#content .sectionnav ul.links li {
    list-style: none;
    font-size: 0.75em;
}

#content .sectionnav ul.linkhoriz {
    position: relative;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    font-size: 0.75em;
    line-height: 1em;
    height: 0.75em;
}

#content .sectionnav ul.linkhoriz li {
    position: relative;
    display: block;
    float: left;
    padding: 0 0.75em 0.1em 0.75em;
    list-style: none;
    font-size: 1em;
    border-left: 1px solid #20557F;
    line-height: 1em;
}

#content .sectionnav ul.linkhoriz li.first {
    position: relative;
    display: block;
    float: left;
    padding: 0 0.75em 0.1em 0;
    list-style: none;
    font-size: 1em;
    line-height: 1em;
    border: 0;
}

#content .sectionnav ul.linkhoriz li a:link,
#content .sectionnav ul.linkhoriz li a:visited {
    text-decoration: underline;
}

/*******************************************************************************
* Sidebars
*******************************************************************************/

.main .sidebar {
    position: absolute;
    width: 160px;
    left: -190px;
    top: 18em;
    border-top: 1px solid #D1CAC0;
}

.section .sidebar {
    position: absolute;
    width: 160px;
    left: -190px;
    top: 0em;
    border-top: 1px solid #D1CAC0;
}

#content .sidebar h3 {
    font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #3E4241;
    text-align: right;
    margin-top: 0.7em;
}

#content .sidebar h3.related {
    background: url(../img/title_related_links.gif) 61px 0;
    width: 160px;
    padding-top: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:15px;
    margin-bottom: 1em;
    margin-top: 1.1em;
}

#content .sidebar ul.links {
    margin: 0px;
    padding: 0px;
}

#content .sidebar ul.links li {
    margin: 0px 0px 7px 0px;
    padding: 0px 0px;
    list-style: none;
    font: normal 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
    text-align: right;
    line-height: 1.3em;
}

.sidebar ul.links li a:link { color: #2C6793; text-decoration: underline; }
.sidebar ul.links li a:visited { color: #7C7D7C; text-decoration: underline; }

.main .backtotop {
    position: absolute;
    width: 160px;
    left: -190px;
    bottom: 0;
    display: none;
    /* hide from IE mac \*/
    display: block;
    /* end hiding from IE5 mac */
}

.section .backtotop {
    position: absolute;
    width: 160px;
    left: -190px;
    bottom: 0;
    display: none;
    /* hide from IE mac \*/
    display: block;
    /* end hiding from IE5 mac */
}

#content .backtotop {
    font: normal 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #666666;
    text-align: right;
}

#content .backtotop a:link, #content .backtotop a:visited { color: #666666; }

/*******************************************************************************
* Images
*******************************************************************************/

div.imagesColumns {
    width: 538px;
    position: relative;
}

.imagesColumns .col {
    float: left;
    position: relative;
    padding: 0 10px 0 0;
}

div.imageblock {
    position: relative;
    z-index: 999;
}

div.imageleft {
    float: left;
    margin-right: 15px;
    width: auto;
}

div.imageright {
    float: right;
    margin-left: 15px;
    width: auto;
}

div.fixedw {

}

div.imageblock .image img {
    border: 3px solid #D6D5D1;
}

div.imageblock .image {
}

div.imageblock .zoomicon {
    position: relative;
    left: 0.1em;
    text-align: left;
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    vertical-align: top;
    color: #2C6793;
    margin-top: 0.2em;
}

div.imageblock .zoomicon img {
    position: relative;
    top: 0.2em;
}

div.imageblock .text {
}

div.imageblock .title {
    font: bold 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
}

div.imageblock .caption {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
}

div.imageblock .source {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
}

div.imageblock .credit {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
}

div.imageblock .audio {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
    margin-bottom: 0.3em;
}

div.imageblock .audio h4 {
    font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    font-weight: bold;
    margin-bottom: 0.2em;
}

div.imageblock .audio h4 img {
    vertical-align: middle;
}


div.imagetext {
    clear: both;
    position: relative;
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: left;
}

div.imagetext .caption {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
    text-align: left;
}

div.imagetext .source {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
    text-align: left;
}

div.imagetext .credit {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
    text-align: left;
}

div.detailed .text {
    border: 1px solid #D6D5D1;
    border-top: none;
    margin-bottom: 0.3em;
    padding: 0.4em;
    background-color: #F6F5F0;
    text-align: left;
}

div.imageexhibit {
    float: left;
    margin: 2px 15px 0 0;
    padding: 8px;
    background-color: #F6F5F0;
    width: 179px;
    text-align: center;
}

div.imageexhibit .text {
    margin: 0.4em auto 0 auto;
    text-align: center;
}

div.imageexhibit .image {
    margin: 0;
    text-align: center;
}

div.imageexhibit .image img {
}


div.paddedimage {
    float: left;
    margin: 2px 10px 0 0;
    padding: 8px;
    background-color: #F6F5F0;
    text-align: center;
}

div.paddedimage .text {
    margin: 0.4em auto 0 auto;
    text-align: center;
}

div.paddedimage .image {
    margin: 0;
    text-align: center;
}

div.paddedimage .image img {
}


#indexImage {
    float: left;
    margin-right: 15px;

}

img.border {
    border: 3px solid #D6D5D1;
}


/*******************************************************************************
* NLM Footer Styles
*******************************************************************************/

#documentNotes {
    clear: both;
    border-top: 1px solid #D9D9D9;
    padding: 0; margin: 0;
    width: 538px;
}

#documentNotes .pad {
	padding: 10px 5px 10px 5px;
}

#documentNotes p {
	padding: 0; margin: 0;
    font: normal 0.7em Arial, Helvetica, sans-serif;
    color: #000000;
}

#documentNotes a:link { color: #336699 }
#documentNotes a:visited {	color: #7C7D7C }

#footer {
    clear: both;
    padding: 0; margin: 0;
    width: 538px;
}
#footer .pad {
	padding: 8px 5px 5px 5px;
}

#footer a:link { color: #336699 }
#footer a:visited {	color: #7C7D7C }


#footer span{
    font: normal 0.7em Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
}

div#footer {
	border-top: #999 4px solid;
}