/* Fon family and size styles for numerous elements */
body,p,td,th,dl,dt,dd,div,li,h1, h2 {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:13px;
}

/* Colors the background of the entire site */
body {
    background-color: #3A486B;
}

/* Special formatting for pre elements */
pre {
    font-family: Courier New, Courier,mono;
}


/* Link Styles for the various link states*/
a:link, a:visited, a:hover, a:active{
    text-decoration:none;
}
a:link {
    color: #336699;
}
a:visited {
    color: #990000;
}
a:hover {
    color: #666666;
}
a:active {
    color: #666666;
}
/***************************/
/* Standard Heading styles */
/***************************/
h1, h2{
    font-weight : bold;
}
h1 {
    font-size : 18px;
}
h2 {
    font-size : 13px;
    text-transform : uppercase;
}

/********************************/
/* MOST/ALL OF THE PAGE CONTENT */
/********************************/
/* Styles for most of the body content in the site */
body.manhattan.project{
    background-color: rgb(58, 72, 107);
}

/* Styles the main content table */
body.manhattan.project > table.main{
    margin:0 auto;
    background-color: white;
    border: 0;
    height: 100%;
    width: 760px;
    border-spacing: 0;
}

/**************************/
/* STATIC CONTENT CLASSES */
/**************************/

/* Overarching class for the actual page-specific content */
td.static.content{
    padding: 0px 5px;
}

/* Moves the headers closer to the year date ranges */
td.static.content > h1:first-child{
    margin-bottom:0px;
}

/* Styles the year range below the first image */
td.static.content > img:first-of-type+small{
    font-weight:bold;
}

/* Flex-centers content */
td.static.content > div.centered, strong.centered{
    display:flex;
    justify-content: center;
    align-items: center;
}

/* Line-height for new paragraphs */
td.static.content > p{
    line-height: 1.4;
    margin-top:0px;
}

/* Aligns an image to teh left of a paragraph */
img.left.aligned.image, a.left.aligned.image{
    float:left;padding:0px 10px 10px 0px;
}
/* Aligns an image to teh right of a paragraph */
img.right.aligned.image, a.right.aligned.image{
    float:right;padding:0px 0px 10px 10px;
}

/************************************/
/* Styles for the Header Navigation */
/************************************/

/* Styles for the header cells */
tr.header.navigation > td{
    text-align:center;
    font-weight:bold;
    font-size:16.5px;
    border: 1px solid white;
    width:124px;
}
tr.header.navigation > td:first-child{
    padding-left:0px;
}
tr.header.navigation > td:last-child{
    padding-right:0px;
}

/* Styles for the link itself */
tr.header.navigation > td > a{
    display:block; /* Makes the anchor fill the whole cell */
    background-color:#333366;
    padding:1px 0px;
}

/* Styles the link color to white regardless of what state it's in */
tr.header.navigation > td > a,
tr.header.naviagtion > td > a:link,
tr.header.naviagtion > td > a:visited,
tr.header.naviagtion > td > a:hover,
tr.header.naviagtion > td > a:active {
    color:white;
}

/* Makes a nav item green when it's the page (or page under the main page) of a given item */
tr.header.navigation > td > a.active{
    background-color:#336633;
}

/* Styles for when you're hovering over anything in the header navigation */
tr.header.navigation > td > a:hover{
    background-color:#999999;
}

/******************/
/* SIDEBAR STYLES */
/******************/
td.sidebar{
    background-color: #eaffe7;
    width: 124px;
    vertical-align: top;
}

/***********************/
/* GENERAL TEXT STYLES */
/***********************/
.centered.text{
    text-align:center;
}
p.incomplete.notice{
    color: #F00;
}

/****************/
/* FOOTER ITEMS */
/****************/
div.sources.notice{
    text-align:center;
    font-weight: bold;
}
p.sources.content{
    font-size:12px;
    padding:0px 2px;
}
p.footer.navigation{
    margin: 0 auto 10px auto;
    text-align:center;
    font-size:11px;
}