/* 
Document   : WhsWebPage
Created on : Mar 24, 2008, 10:40:04 AM
Author     : Ed
Description:
Purpose of the stylesheet follows.
This style sheet serves to format the WHS Web Page.
4/7/08: Added background motif, wallpapr.gif to body style.
Removed h1:hover and h1:hover pseudoclasses.
Added .navigationMinor:hover and .navigationMinor:visited pseudoclasses.
4/9/08:ddb-changed background motif to paper2.gif to brighten the site and give it a more
"papery" look 
4/10/08:db changed background again to use image taken from actual document; changed colors
and emphasis on navigation
10/8/2008: Added new style: 'new_emphasis'
9/16/2009: Cleaned up damaged color tokens.
10/27/2010: Added numerous styles to accommodate major change to index.html.*/

.navigationMain{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #330000;
}
.navigationMajor{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #330000;
    font-style: normal;
    text-decoration: none;
}
.navigationMajor:visited{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #990033;
    margin-left: 10px;
}
.navigationMajor:hover{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #339933;
    margin-left: 10px;
}
.navigationMinor{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #330000;
    margin-left: 10px;
}
.navigationMinor:visited{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #990033;
    margin-left: 10px;
}
.navigationMinor:hover{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #339933;
    margin-left: 10px;
}
h1{
    font-family: Arial,Helvetica,sans-serif;
    color: green;
    font-size: X-large;
    font-style: normal;
    text-align: center;
    line-height: 25px;
}
h2{
    font-family: Arial,Helvetica,sans-serif;
    color: green;
    font-size: large;
    font-style: normal;
    text-align: center;
}
.newEmphasisInline{
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
color: red;
}
.newEmphasisCenter{
    font-family: Arial,Helvetica,sans-serif;
    color: red;
    font-size: large;
    font-style: normal;
    text-align: center;
}
.generalText{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    vertical-align: top;
}
.generalTextHighlight{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    vertical-align: top;
}
.pictureCaption{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: green;
}
root { 
    display: block;
}
td.cell1{
    width: 20%; /*use this in top cell as well as td.cell2 to fix column width*/
    vertical-align: top;
}
td.cell2{
    width: 60%;
    vertical-align: top;
}
td.top_cell2{
    vertical-align: top;
    text-align: center;
}
td.top_cell3{
    vertical-align: top;
    text-align: right;
}
body{
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    background-image: url(map.gif);
    background-repeat: repeat;
}
/*div.center{
    text-align: center;
}*/
.center{
text-align: center;
}
div.right{
    text-align: right;
}
.logotypeCaption{
    /*position: static;
    top: 120px;
    left: 150px;
    relative positioning locks to 'root' which is the overall page. absolute
    positioning locks to containing block.*/
    position: absolute;
    top: 120px;
    left: 150px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: red;
}