body 
{
background-color: #6699cc;
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif; 
line-height:normal;
}

/* 
*Typography 
*/

body { font-family:Arial, Helvetica, sans-serif; font-size: 77%;}

h4 {  font-weight: bold; color:#B3592C; margin-bottom: 15px;}

p { margin-bottom: 15px; }



p blockquote, blockquote { margin-bottom: 15px;  margin-left: 30px;}



em { font-style: italic;}

strong { font-weight:bold;}



	
	

/* End typography */


/* Header */

#header {


}


#floatlogo {
height:50px;
right:0pt;
margin:0pt;
padding:0pt;
position:absolute;
text-align:right;
top:0pt;

z-index:1;}

#floatlogo a {
/* margin:0pt 0pt 0pt 710px; */
padding:0pt;
}
#floatlogo img {
margin:5px 5px 0pt 0pt;
}

#header {background: #000; }

#header h2 { font-size: 200%; color: #98999d; font-style:italic; text-indent: -9999px;
				display:none;}
#header h3 { font-size: 150%; color: #fff;font-style:italic; text-indent: -9999px;
				display:none;}
#header img#hdrimg {border-bottom: 1px solid #333 }

#header #navmenu {overflow: visible; 
                  margin: 0 20px; 
                  height: 30px;
                  text-align:center;
                  
                  

                  }
#header #navmenu li
{
                    /*float: left; */
                    
                    margin: 0;
                    margin:0;
                    white-space:nowrap;
                    display: inline;
                    }
                    
#header #navmenu li.first                    

{
    margin-left:0;

    }
#header #navmenu li a,
#header #navmenu li a:link
{text-transform:uppercase; font-size: 80%; color:#666666; letter-spacing:0.5px; padding-left: 20px; background: url('../images/nav_bullet.gif') 5px center no-repeat;  }

#header #navmenu li.first a {padding-left: 0px; background: none;}

#header #navmenu li a:active,
#header #navmenu li a:visited
{
				text-transform:uppercase;
				font-size: 80%;
				color:#666666;
				line-height:14px;
				letter-spacing:0.5px;}

#header #navmenu li a:hover {color:#999999;}

#hub #navmenu a#navmain,
#about #navmenu a#navabout,
#objects #navmenu a#navobjects,
#listview #navmenu a#navobjects,
#aboutp #navmenu a#navaboutp,
#special #navmenu a#navspecial,
#related #navmenu a#navrelated {color: #333;}

/* Header */


/*Content Sections*/

#container {
	
	width: 750px;
	margin: 0 auto;
	background:#000000 ;
}

#main {
	border-left: 1px solid black;
    border-right: 1px solid black;
    clear: left;
	    border-bottom: none;
	    border-top: none;
	    position: relative;
	    background: black;
    top: 0px;
    left: 0px;

}

.pager {font-size: 10px;
        font-weight:bold;
        line-height:14px; padding: 5px;
        height: 5px;
        color:#CCCCCC;}
        
.pager a {color:#666666;}
.pager .page {float: left;}
.pager .prevnext {float: right;}

.viewall .pager {display:none;}

div.box.links {color:#333333;  /*margin-top:10px;*/ }
div.box.links a:link { text-decoration:none; color: #666}
div.box.links .view-all, div.box.links .view-paged {float:left;padding: 5px; text-decoration:none; color: #666; }
div.box.links .view-paged {display:none;}
.viewall div.box.links .view-paged {display:inline;}
.viewall div.box.links .view-all {display:none;}
div.box.links .view-mode {float:right;padding: 5px;}
div.box.links .view-mode a {color: #666; text-decoration:none;}

body.imageView div.view-mode a.imageView { color:#333333; }
body.listView div.view-mode a.listView { color:#333333; }

#timelineRelated h3, #timelineRelatedIndex h4
{
    color:#EFBDBD;

font-weight:normal;
letter-spacing:0.5px;
line-height:14px; margin:0; }

#timelineRelated ul, #timelineRelatedIndex ul{margin-bottom: 15px;}

div.box.object {overflow: visible; padding-bottom: 10px;}
div.box.object .object-img{ float: left; width:210px; text-align:right; }
div.box.object .box-inner {padding: 20px;}
div.box.object div.description { margin-left: 250px; width: 310px; min-height: 120px; margin-bottom: 10px;}

#view div#main,
#objects div#main
 { padding: 0 30px 30px; }

#view div#main
  {padding: 0 30px 30px;}

#view .box.pager  {margin:0px; padding: 0 0 5px 0; } 
#view .box.pager .box-inner {margin:0;}

#view .box .box-inner {margin:0 75px;}
#view .box-inner p {}

#view .box.last .content h2 {  margin-bottom:15px; }
#view .box.last .content h5.subtitle { margin-bottom: 15px;}

.subtitle { 
	color:#EFBDBD;
	
	font-weight:bold;
	}
#view h5.subtitle

{
				
	color:#EFBDBD;
	
	font-weight:normal;
	letter-spacing:0.5px;
	line-height:14px;
	
				
}

#about h4.subtitle 
{
    
    color:#EFBDBD;
    
    font-weight:bold;
    letter-spacing:0.5px;
    margin-bottom:0;
    
    }
/*
.box { 
	
	background: #121212;
	padding: 25px;
	*overflow: visible;*
	border-bottom: solid 2px #000;
	min-height: 20px;
	}
*/
.box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.box.last {border-bottom:none;}

.box.black {background: transparent;}
	
#splash #header .images-list {margin-left: 30px;}
#splash #header .images-list li {float: left; height: 140px;text-align: center; margin-left:5px; margin-top:20px; margin-right: 5px;}

div.images-list-alt {margin-left: 30px; margin-top: 20px; vertical-align: top; 
                     
                    
                     
                     }
                     
div.images-list-alt a {}                     
#splash div.images-list-alt a {line-height: 140px; display:inline-block; vertical-align:middle;}
div.images-list-alt img 
{
                    
                    margin:0 5px; 
                         
                         

                   
                         
                          }
#about div.images-list-alt  {text-align:center; margin-left:0px;  
                             }
#about div.images-list-alt a {width: 110px; text-align:center;}


#view .box { padding:10px 20px 20px 20px;} 
#objects .box { padding:0px 4px;} 
#special .box { padding:20px;}


/*#about .box, #aboutp .box { padding: 20px 135px;}*/
#about .box .box-inner,
#pimages .box .box-inner, 
#aboutp .box .box-inner {margin:0 90px;}

#aboutp .section {margin-bottom: 20px;}

#special .video { margin: 0 110px;}

#special .box h4 { padding-left: 70px;}

.box .twocol { margin-top: 10px;}

.box .twocol .col-a {float:left; width: 335px;}

.box .twocol .col-b {float:left; width: 335px; margin-left:20px;}

.box  .l-image { float: left; margin-right: 20px;}
.box  .indent-120 { margin-left: 120px;}

.box .images-list {overflow: auto;}
.box .images-list li {float: left;}
.box .images-list img { margin: 0 5px;}

.box .images-list-b img { margin: 0 4px;}
.box .images-list-b img.first { margin-left:0px;}
.box .images-list-b img.last { margin-right:0px;}

.box a:link, .box a:visited  {	
	color:#6699cc;
	font-weight:normal;
	line-height:14px;
	text-decoration:underline;
	}

.box a.linkback {
				color: #666;
				text-decoration:none;
				/*line-height:30px;*/
				}

.box1 a:link, .box1 a:visited  {	
	color:#6699cc;
	font-weight:normal;
	line-height:14px;
	text-decoration:underline;
	}

.box1 a.linkback {
				color: #666;
				text-decoration:none;
				/*line-height:30px;*/
				}

.box p a.boldlink 
{
    color:#BF9090;
    
    font-weight:bold;
    letter-spacing:0.5px;
    text-decoration:underline;
    }				

.box .content {
	padding-top:13px;			
}

#splash #container { background: #000;}
#splash .box 
{
              
              padding:0px; 
              background: #000;
              margin-top: 10px; 
              margin-bottom: 100px; 
              border-top: solid 1px #333; 
              border-bottom: solid 1px #333;}
#splash .box .grey-narrow {margin:0 125px; background-color: #333; padding: 13px;}

#splash #footer {background: #333;}

#mainview {float:left;padding: 0 20px 0 0; clear:both;}
.box  .prevnext a {text-decoration:none; color: #666}

#maintext {clear: both; width: 500px;}

#altview-list { float:left; }

#special .altview-list { float:right; display:none; }

#altview-list li{ padding: 0 10px 20px 0; float: left; width:75px;}

#enlarge {clear: left; margin-top:5px; margin-bottom: 22px;}

#tombstone {width: 450px; clear: left;}

ul#objectlist { padding:10px 0 0 0; }

ul#objectlist li.object {float: left; position:relative; width: 130px;  text-align: center;  margin:3px; margin-bottom:20px; height:140px;}

ul#objectlist li.object a:link {line-height: 140px; display:block; height:140px; vertical-align:middle;}
ul#objectlist li.object a:hover {}
ul#objectlist li.object a span { display: none;}
ul#objectlist li.object a:hover span { color: #fff; background:#333; border: 1px solid #ececec; padding: 5px; width: 200px; top:100px; left:100px; position:absolute; z-index:9999;}

#photosholder {background: #222; padding: 25px; margin-bottom:20px; height: 550px; }
#aboutp div#photosholder {display:none;}
#photosholder #hidephotos{display:block; text-align: right; padding:5px;}

#pdmgallery {background:#333333; }
#pdmgallery {}
#pdm-photos {
             position: relative;
             height: 520px; }
             
#TB_window #pdm-photos {margin: 0 100px;}              
/*
#pdm-photos img {float:left; margin: 5px;}*/
#pdm-photos li 
{
/*background:#333333 none repeat scroll 0 0;*/
line-height:500px;
list-style-type:none;
margin:0;
padding:0;
text-align: center;
vertical-align:middle;
width:520px;
    }
#pdm-photos img {  
  /*  padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  */
  
line-height:500px;
padding:10px;
vertical-align:middle;
    
} 

#pdm-photos-thumbs { clear:both; margin: 0 15px;}
             
#TB_window #pdm-photos-thumbs {margin: 0 18px;}
#pdm-photos-thumbs li a {
border:2px solid #222;
display:block;
}
#pdm-photos-thumbs li {list-style-type: none; float: left;}
#pdm-photos-thumbs li a:hover, #pdm-photos-thumbs li a.activeSlide {
border:2px solid #CC3300;
}

/*Controls*/

#controls 
{
    padding:0px;
    margin: 0px;
    overflow:visible;
    /*background-color: #ccc;
    position:absolute;*/
   
    z-index: 1000;
    
    
    } 
    

#controls li 
{
              margin:0;
              margin-bottom: 5px;
              padding:0;
              list-style-type:none;
              float:left;
              text-align:center
              
              }

#controls li  a
{               
              margin: 1px;
              /*border: 1px solid #ccc;*/
              padding: 3px;
              /*width:20px;*/
              display:block;
              background: #000;
              color:#fff;
              text-decoration:none;
              text-transform: uppercase; /* force text to uppercase */
              font-size: 9px;
              
              position: relative;
              width: 15px; 
              height: 20px;
              
              
               }  
     
#controls li  a:hover
{
    background: #333;
    text-decoration:none;
    }
    
#controls #prev a {margin-left: 18px; background:url('../images/left.gif') no-repeat left center; }
#controls #next a { background:url('../images/right.gif') no-repeat left center;}       
#controls #play a { background:url('../images/bplay.gif') no-repeat left center; }   
#controls #pause a { background:url('../images/bpause.gif') no-repeat left center;}   

#controls li  a span{ display:none;}
#controls li  a:hover span{ display:block; position:absolute; bottom:25px; left:0; z-index:9000; padding:2px; border: 1px solid #eee; background: #666;}


/*Related Videos*/
#special .box dl { overflow: auto; margin-bottom: 20px;}
#special .box dl dt {float:left; width: 200px; text-align: right;}
#special .box dl dd p.video-title{ margin-bottom:5px; margin-top: 0px;}
#special .box dl dd {margin-left: 220px; padding-right:60px;}


/*Related Events*/

#related  .box { margin: 0 30px;}

#related  .box .box-inner {margin: 0 100px;}

#related .box dl dt {float:left; width: 140px;}
#related .box dl dd {margin-left: 160px;}


/*Footer*/

#footer
{
	padding: 20px ;
	font-size:90%;
	font-weight:normal;
	letter-spacing:0.5px;
	line-height:14px;
	color:#666;
	background:#333;
}

#footer a:link,#footer a:visited
{
	color:#666;
	
	
	text-decoration:none;
}

#footer a:hover, #footer a:active 
{
    color:#999999;
    }

/*Colors*/

.anchorlink { color:#BF9090;

font-variant:small-caps;
font-weight:normal;
line-height:14px;
text-decoration:underline;

}


.external { /*font-size: 120%; background:  #fff; color: red;*/}

.clear {clear:both;}

.tp { font-variant: small-caps; font-size: 90%;}

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

.clearfix {display: inline-block;}  /* for IE/Mac */

#ex_date {text-align:center; margin-top:-10px; color: #999;}

.transcript_text {display:none; margin:0px; padding:0px; }
.transcript_hide {display:none; margin:0px; padding:0px; }

#secondnav { text-align: center; line-height: 30px; text-transform:uppercase; font-size: 80%; background:#121212;}
#secondnav li { display: inline}
#secondnav li.last {padding-left: 20px; background: url('../images/nav_bullet.gif') 5px center no-repeat;}
#secondnav li a:link {color: #BF9090}
#secondnav li a:hover {color:#663333}

body.video a#videolink, body.audio a#audiolink {color:#663333}

#feed {line-height: 15px;}

#feedicon {margin-right: 5px; vertical-align: middle;}


#timelineRelated,
#timelineRelatedIndex
{
    text-indent:20px;
    margin-bottom:15px;
    }
	
	#timelineRelatedIndex { display: none;}

#timelineRelated h3,
#timelineRelatedIndex h4 {color: #fff;}

#timelineRelated ul li, #timelineRelatedIndex ul li { }

.enlargeLink {text-align:left;}

ul#pdm-photos li p {color: #fff; font-size: 110%;}