body
{
background: #FFF;
color: white;
font-family: helvetica;
}

#indentYears {

margin-left: 80px;

}

#photosSection {


}

.class1 {

background-color:#CCCCFF;

}

.class2 {

background-color:#E0E0E0;

}

#qhfooterPosition {

    position:absolute;
    top:580px;
    font-family:Arial,Helvetica,sans;
    color:#000;
    display:block;
    margin-left:200px;

}
#footerPosition {

    font-family:Arial,Helvetica,sans;
    color:#000;
    display:block;
    margin-left:200px;

}

.displayMonth {

    font-family:Arial,Helvetica,sans;
    font-size: 0.9em;
    color:#000;
    height:20px;
    padding:0px;
    display:block;
    font-weight:700;


}


.displayYear {

    font-family:Arial,Helvetica,sans;
    font-size: 0.9em;
    color:#000;
    height:20px;
    padding:0px;
    display:block;
    font-weight:700;

}


.thumbnail {

    background-color: #EBEAE9;
    border: 1px solid #C8C7C3;
	width: 150px;
	height: 150px;

}

/*positioning of left side navigation links*/

.accountHeader {

    margin-left:10px;
    padding:20px;
}

.topCloseLink {

    display:inline;
    margin-left:175px;
    padding:20px;
    font-family:Arial,Helvetica, sans;
    font-size:.85em;
}

#leftSideLinksTruman {
    
    /*before position was unspecified and marginleft was 170* margin-left:270px;*/
    position:absolute;
    margin-left:250px; 
    margin-top:10px;
    display: inline;
    font-family:Arial,Helvetica, sans;
    font-size:.95em;
    font-weight:700;
    color:#990000;
    line-height:1.35em;
    
}


#leftSideLinksTruman ul,#leftSideLinksOther ul {

    list-style: none;
    position:absolute;
	margin-left:-35px;    
    display: inline;
    font-family:Arial,Helvetica, sans;
    font-size:.92em;
    font-weight:650;
    line-height:1.3em;
    width:150px;
    


}

#leftSideLinksTruman li {

    
    font-family:Arial,Helvetica, sans;
    font-size:.90em;
    font-weight:600;
    line-height:1.3em;
    width:150px;
    background:#f4f4e1;
    border-bottom: 1px dashed #a4b31e;
    padding:5px;


}

ul li a:hover {

    text-decoration: none;
    color:#900;

}

ul li a {

    text-decoration:none;
    color:#000;
    
}

#documentWrapper {

   position:absolute:
    margin-left:500px;

}

#documentList {

   position:relative;
    margin-left:450px;

}

#linkList {

    position:relative;
    margin-left:450px;
    height:400px;	
    font-family: Arial,helvetica,sans;
    font-size:12px;	
    color:#000000;	

}


#soundList {

    position:relative;
    margin-left:450px;
    height:600px;	
    font-family: Arial,helvetica,sans;
    font-size:12px;	
    color:#000000;	

}

#soundLabel {

     font-family: Arial,helvetica,sans;
	 font-size:16px;
     font-weight:700;

}


.soundContent {

    font-family: Arial,helvetica,sans;
	font-size:12px;
	line-height:1.2em;
    width:500px;


}

.linkContent a {

	font-family: Arial,helvetica,sans;
	font-size:12px;
	line-height:1.2em;

}

.linkContent {

	font-family: Arial,helvetica,sans;
        font-size:12px;
	font-color:#000000;
}

.years {
display: block; //none;
color:#000;
height:20px;
line-height:20px;
margin-left:0px;
}

#prevNext
{
margin-bottom: -2.5em;
}

#prev .jFlowPrev
{
position: relative;
z-index: 2;
cursor: pointer;
color:#000000;
margin-left:25px;
display: inline;
width:100px;
}

#next .jFlowNext
{
position: relative;
z-index: 2;
cursor: pointer;
color:#000000;
margin-left:25px;
display: inline;
width:100px;
}

#controller {

background-color:#335a83;//#9db3ca;//#687e94;
width:670px;


}

.jFlowControl {

border: 0px solid;
margin-left:2px;
padding:6px;
//background-color://#000000;//#CD6600;//#6d54a7;//#4863A0;
opacity: 0.85;
  -moz-opacity: 0.85; /* older Gecko-based browsers */
  filter:alpha(opacity=85); /* For IE6&7 */
font-family: Georgia,Helvetica, sans;
font-size:.9em;
color:#FFF;
cursor: pointer;
line-height:15px;
height:13px;

}

/* add corners */

.fullAccountBlue {

    width:575px;
    background:#DEE9E9;
    margin-left:25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.fullAccountPurple {

    width:575px;
    background:#D3D3E9;
    margin-left:25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

.account-text {

    font-family:Arial,Helvetica, sans;
    font-size:0.80em;
    font-weight:400;
    margin:10px;
    padding:2px;
    display:block;  
    line-height:1.2em;  
    width

}

.account-authorInfo {

    font-family:Arial,Helvetica, sans;
    font-size:.73em;
    font-weight:700;
    margin:10px;
    padding:2px;
    
}

.closeLink {

    font-family:Arial,Helvetica, sans;
    font-size:.84em;
    font-weight:400;
    margin:25px;
    padding:2px;
    display:block; 
    

}


.account-date {

    font-family:Arial,Helvetica,sans;
    font-size:0.70em;
    font-weight:700;
    color:#000;
    margin-left:15px;

}

.account-source {

    font-family:Arial,Helvetica,sans;
    font-size:0.70em;
    font-weight:700;
    color:#000;
    margin-left:15px;


}



#accountList {

  display:none;  
  position: absolute;
  top:0px; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  margin-left: 0px;
  width: 100%; 
  height:400px; 
  border: 2px solid #000;
  background:#FFF;//#CD6600;//#DEDE7D;//#be3318;//#EEEEDD;//#A8D7FF;//#E0E0E0;//#be3318;//#CD6600;//#be3318;//#CD6600;//#be470c;//#b0c4de;//#CD6600;
  opacity: 1.0;
  -moz-opacity: 1.0; /* older Gecko-based browsers */
  filter:alpha(opacity=100); /* For IE6&7 */
  font-family:Arial,Helvetica,sans;
  color:#000;
  size:0.55em;  
  display:none;
  overflow:auto;
  

}




p.pullout 
{
  
  position: absolute;
  top:10px;//3px; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  margin-left: 35px;
  width: 46%; 
  height:330px;//86%; 
  border: 1px solid #FFF;
  background:#be3318;//#CD6600;//#DEDE7D;//#be3318;//#EEEEDD;//#A8D7FF;//#E0E0E0;//#be3318;//#CD6600;//#be3318;//#CD6600;//#be470c;//#b0c4de;//#CD6600;
  opacity: 1.00;//0.65;
  -moz-opacity: 1.00;//.65 /* older Gecko-based browsers */
  filter:alpha(opacity=100); /* 65 For IE6&7 */
  font-family:Georgia,Helvetica,sans;
  color:#FFF;
  size:0.75em;  
}






p h4 {

padding:5px;

}

.ajaxAccount {

    font-family:Arial,Helvetica,sans;
    font-size:0.80em;
    color:#000;    
    background-color:#e5eaf1;//#d8dfea;//#E1EBF4;
    width:575px;
    margin-left:10px;


}

.ajaxAccountDate {

    font-family:Arial,Helvetica,sans;
    font-size:1.00em;
    font-weight:700;
    color:#000;
    margin-left:15px;
    
}

.ajaxAccountText {

    font-family:Arial,Helvetica,sans;
    font-size:1.10em;
    font-weight:500;
    color:#000;
    margin-left:25px;
    width:500px;

}

.ajaxAccountSource {

    font-family:Arial,Helvetica,sans;
    font-size:1.00em;
    font-weight:700;
    color:#000;
    margin-left:15px;

}

.ajaxCloseLink {

    font-family:Arial,Helvetica,sans;
    font-size:1.00em;
    font-weight:600;
    color:#000;
    margin-left:15px;


}



.ajaxCloseAccountsLink {

    font-family:Arial,Helvetica,sans;
    font-size:0.95em;
    font-weight:500;
    color:#000;
    margin-left:550px;
    

}

.accountsFromDB {

position: absolute;
  top: 58px; /* These positions makes sure that the overlay */
  bottom: 10;  /* will cover the entire parent */
  margin-left: 47px;
  width: 85%;
  height:270px;//68%;
  min-height:270px;
  background: #FFF;//#E6BD67;//#FFFFFF; //#7B3F00;
  opacity: 1.0;
  -moz-opacity: 1.0; /* older Gecko-based browsers */
  filter:alpha(opacity=100); /* For IE6&7 */
  font-family:Arial,sans-serif;
  color:#000;
  font-size:0.84em;  
  line-height:1.32em;
  padding:4px;
  border:1px solid #000;
  overflow:auto;
  z-index:900;  

}

p#innerpullout 
{
  position: absolute;
  top: 65px; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  margin-left: 47px;
  width: 280px;//41%;
  height:260px;//68%;
  min-height:260px;
  background: #FFF;//#E6BD67;//#FFFFFF; //#7B3F00;
  opacity: .90;
  -moz-opacity: .90; /* older Gecko-based browsers */
  filter:alpha(opacity=90); /* For IE6&7 */
  font-family:Arial,sans-serif;
  color:#000;
  font-size:0.84em;  
  line-height:1.32em;
  padding:4px;
  border:1px solid #000;
}

.heightHack {

	height:50px;
float:right;
width:1px;

}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


p.section1 
{
 }


#pullouttitle 
{
    

}


p#caption
{
margin-left:370px;
padding: 0 1em 2em 2em;
font-size: .75em;
color:#000;
position: relative;
top: -88px;
/*line-height: 8px;//35px;*/
width:260px;
height: 8px;
background: #FFF;
opacity: .80;
filter:alpha(opacity=80);
visibility:false;
display:none;
}



#slides img {



}

#sectionNavigation {

    display:block;
    width:100%;
    height:30px;	

}

#prevArrow {

    z-index:200;
    position: absolute;
    top: 35px; /* These positions makes sure that the overlay */
    bottom: 0;  /* will cover the entire parent */
    margin-left: 41px;
    width: 10%;
    height:10%;

    display:inline;
    font-family:Arial,Helvetica,sans;
    font-size:0.75em;
    color:#FFF;
    cursor:pointer;
    }
    
#nextArrow {

    z-index:200;
    position: absolute;
    top: 35px; /* These positions makes sure that the overlay */
    bottom: 0;  /* will cover the entire parent */
    margin-left: 255px;
    width: 10%;
    height:10%;



    display:inline;
    font-family:Arial,Helvetica,sans;
    font-size:0.75em;
    color:#FFF;
    cursor:pointer;

}    
.selectedTab {

    z-index:0;
    /*background-color:#ffffff;*/
    /*line-height:2px;*/
    font-family: Georgia,Helvetica, sans;
    font-size:.9em;
    color:#000000;//#be3318;
    height:3px;
    opacity:.40;
    filter:alpha(opacity=40); 
	  
}

.pages {

    position: absolute;
    top: 53px;//51px;//44px;//39px; /*43 These positions makes sure that the overlay */
    bottom: 0;  /* will cover the entire parent */
    margin-left:100px;
    width: 100%;
    height:25px;
	line-height:19px;
      z-index:600;
    display:block;
    font-family:Arial,Helvetica,sans;
    font-size:0.82em;
    color:#FFF;
    cursor:pointer;
    opacity:1.0;
    filter:alpha(opacity=100); 
    
}



.pages a {

    border: 1px solid #FFF;
    padding-left:8px;
    padding-right:8px;
   
    
    
}

.pages a:link {
    text-decoration: none;
    color:#FFF;
    }

.pages a:visited {
    text-decoration: none;
    color:#FFF;
        }
    
.pages a:active {
    text-decoration: none;
    color:#FFF;
    
    
    }
.pages a:hover {
    text-decoration: none;
    color:red;
    }
    
     


a#1 {
   position: relative;
   top:35px;
    margin-left:10px;
    display: inline;
}

a#2 {

    position: relative;
   top:35px;
    margin-left:10px;
    display: inline;
}

a#3 {

    position: relative;
    margin-left:10px;
    display: inline;
}
a#4 {

    position: relative;
    margin-left:10px;
    display: inline;
}

a#5 {

    position: relative;
    margin-left:10px;
    display: inline;
}

h3 {

    font-family:Arial,Helvetica,sans;
    font-size:0.95em;
    color:#FFF;



}

#background-title {

    z-index:200;
    position: absolute;
    top: 30px;//15px; /* These positions makes sure that the overlay */
    bottom: 0;  /* will cover the entire parent */
    margin-left: 39px;//45px;
    width: 40%;
    height:4.8%;
    display:inline;
    font-family:Arial,Helvetica,sans;
    font-size:0.91em;//.89em
    line-height:1.2em;
    color:#FFFFFF;
    background-color:#CD6600;//#FFFFFF;//#c9d6e4;//#FF9900;
    text-align:center;
    opacity:1.00;
    filter:alpha(opacity=100); 
  
    border: 1px solid #FFF;
    font-weight:685;
    
}



.makeVisible {

display:block;
z-index:500;
visibility:visible;
}

.makeInvisible {

display: none;
z-index:0;
visibility:hidden;

}

.selectedPage {
     opacity: 0.50;
    filter:alpha(opacity=50);
    zoom:1;	
}

html > body .selectedPage {
    opacity: 0.50;
    filter:alpha(opacity=50);
    	
}


.selectedSubSectionTab {
background-color:#f1a52c;
}
.dormantSubSectionTab {
background-color:transparent;
}



#quickHistory {

    font-family:Arial,Helvetica,sans;
    width:600px;
    color:#000;
    font-size:0.99em;
    margin-left:5px;
}

#quickHistory h4 {

    border: 1px solid #000;
    margin:6px;
    padding:10px;
    font-family:Arial,Helvetica,sans;
    font-size:0.79em;
    color:#000;
    font-weight:normal;
    
}

#quickHistory h3 {

    font-family:Arial,Helvetica,sans;
    font-size:0.84em;
    color:#000;

}

.quickHistorySectionHeading {

    font-family:Arial,Helvetica,sans;
    font-size:0.84em;
    color:#87989e;
    font-size:1.00em;
    font-weight:bold;
}

#basicContentFooter{

    font-family:Arial,Helvetica,sans;
    color:#000;
    margin-left:-15px;

}


#wrap {

    margin-left:420px;//317px;//368px;
    display:inline;
    position:absolute;
}
html > body #wrap {

    margin-left:420px;
    display:inline;
    position:absolute;

}