html { overflow: auto; } /* this makes the vertical scroll disappear in IE */
html body { height: 100%; padding: 0px; border: 0px; margin: 0px; }
a:link, a:hover, a:visited, a:active { color: Blue; }
#DocBody
{
    background-color: Black;
    background-image: url(images/steel1v.png);
    background-repeat: repeat;
    background-attachment: fixed;
}
#TopBanner
{
    background-color: Black;
    padding: 10px;
}
.LoginLink
{
     color: #FFFFFF;
     text-decoration: none;
}
.LoginLink:active{ color: #FFFFFF; }
.LoginLink:link{ color: #FFFFFF; }
.LoginLink:visited{ color: #FFFFFF; }
.LoginLink:hover{ text-decoration: underline; }
#APEGMLogo:focus { outline: none; }
#WikiLink:focus { outline: none; }
/******************************************** Suckertree menu styles *****************************************************/
.suckertreemenu
{
    width: 547px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.suckertreemenu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li
{
    position: relative;
    display: inline;
    float: left;
    background-color: #000;
    color: white;
    border-left: solid 1px white;
}

/*Top level menu link items style*/
.suckertreemenu ul li a
{
    display: block;
    width: 90px;
    padding: 1px 8px;
    border: 1px solid black;
    border-left-width: 0px;
    text-decoration: none;
    font-family: Trebuchet MS;
    color: #FFF;
}

/*1st sub level menu*/
.suckertreemenu ul li ul
{
    left: 0px;
    position: absolute;
    top: 1em;
    display: block;
    visibility: hidden;
    z-index: 200;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li
{
    display: list-item;
    float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul
{ 
    left: 159px;        /* no need to change, as true value set by script */
    top: 0px;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a
{
    display: block;
    width: 160px;
    color: #FFF;
    text-decoration: none;
    padding: 1px 5px;
    border: 1px solid #ccc;
}

/* These were to try and keep the menu links from turning blue..
 .suckertreemenu ul li a:active, .suckertreemenu ul li a:link,
 Only happens in IE.. has to be before the red below to keep that active  */
.suckertreemenu ul li a:visited{ color: #FFFFFF; }

.suckertreemenu ul li a:hover
{
    background-color: black;
    color: #D79A9A;             /* this is more of a pink.. was red */
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
* html .suckertreemenu ul li ul li { float: left; }
/* html .suckertreemenu ul li ul li ul{ z-index: 300; }  IE has a problem with the sub-menu going behind the first menu after the first item..
/* End '' this line was added for some kind of fix online..  */

.IE7only { display: none; }
/* #MobileBanner { display: none; }  This still needs more work..  */

/********************************************* End Suckertree ***********************************************************/

#BodyBorder{ padding: 0px 30px 0px 30px; }
#BodyFooter a{ color: #3B3B3B; }
#ContentArea
{
    background-color: #F0ECEC;
    padding: 1px 5px 5px 5px;
    clip: auto;
    overflow: auto;
    height: 85%;    
    *padding-top: 10px; /* This is a 'hack' to give IE6/7 a litte room before the page header */
}
#RoundBox { background-color: #F0ECEC; }

/* These styles make the rounded corners */
.rbottom{display:block; background: #9FABB7}  /* the colour is grey to blend with the page background */
.rbottom *{display: block; height: 1px; overflow: hidden; background: #F0ECEC}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

/* ------ Misc. styles ---------------------------------- */
.Center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.BoldLabel{ font-weight: bold; }
.Readable{ color: Black; }
.Money{ text-align: right; }
.RightAlign{ text-align: right; }
.SidePadded{ padding: 0px 5px 0px 5px; }
.Smaller{ font-size: smaller; }
.Gray{ color: Gray; }

/* --- Begin : Home page styles ------------- */

/* Top of Content Area */
#DivMissionWelcome
{
    text-align: center;
    font-size: small;
    font-family: Verdana;
}
#ImgMission
{
    border: 0px;
    margin-top: 5px;
}
#PWelcome
{
    margin-top: -1em;
}
/* A table to split the content left and right */
#TblLeftRight
{
    width: 95%;
    margin-left: auto;
    margin-right:auto;
}
/* The Left Side.. */
#DivQuickLinks
{
    border: solid 1px #000;
    padding: 3px;
    font-family: "Franklin Gothic Book", Sans-Serif, Verdana;
}
#DivQuickLinks Div
{
    background-color: Black;
    color: White;
    font-size: larger;
    font-weight: bold;
    padding:3px;
}
#DivFacebook
{
    text-align: center;
    font-size: x-small;
    font-family: Verdana;
}
/* The Right Side.. */
#News_div
{
    border: solid 1px #000;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
#News_div h1
{
    background-color: Black;
    color: White;
    margin-top: 0px;
    margin-bottom: 1px;
    width: 99%;
    padding-left: 1%;
}
.News_item
{
    padding: 0px 10px 0px 10px;
    font-size: smaller;
    font-family: Verdana;
}
.News_item h2   /* Story Heading */
{
    background-color: #DAD4D0;
    letter-spacing: .1em;
    font-size: 20px;
    color: Black;
    padding: 2px 0px 3px 5px;
}
/* ..Towards the bottom of the home page..  */
#PAddrBlock
{
    width: 60%;
    font-size: small;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#TblLogos
{
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#TblLogos span
{
    font-size: x-small;
}
#PFootnote
{
    width: 60%;
    font-size:small;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/*  Home page styles */


/* Roster Styles */
.RosterTable        /* This wraps all the roster content */
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
}
.RosterDateStamp
{
    float: right;
    font-size: smaller;
}
.RosterAlphaHeader  /* Last names starting with 'X' */
{
    position: relative;
    top: -1em;
}

.ContentText
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana;
}
.ContentText H2
{
    color: Red;
    letter-spacing: .1em;
}

.SiteMapGroup{ margin-top: 10px; }
.SiteMapGroup div
{
    background-color: #DAD4D0;
    padding: 3px 0px 3px 5px;
    font-weight: bold;
    letter-spacing: .1em;
}
.SiteMapGroup a
{
    margin-left: 5px;
    display: block;
}
.SiteMapGroup span
{
    float: right;
}

.FileType
{
    font-size: smaller;
    color: Gray;
    margin-left: 5px;
}
.FloatRight
{
    display: block;
    float: right;
    margin-right: 25px;
}
.ReasonableColumn
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}