#container {
    background-color: #e1dfc4;
    margin-left: auto;
    margin-right: auto;
    width: 784px;
    text-align: left;
}

#header {   
    background-color:#FFFFFF;
    border-left: #425777 solid 8px;
    border-right: #425777 solid 8px;
    border-top: #425777 solid 8px;
    padding: 8px;
}

#logo {
    float: left;
    text-align: left;
}

#breadcrumb {
    padding-top: 45px; /* Hack for positioning text at the bottom of a div */
    text-align: right;
}

#body_left {
    width: 192px;
    float: left;
    margin: 0;
}

#body_right {
    margin-left: 192px;
}

#nav {  
    background-color:#FFFFFF;
    padding: 8px;
    border-left:#b4c363 solid 8px;
    border-right:#b4c363 solid 8px;
    border-bottom:#b4c363 solid 8px;
    vertical-align:top;
    margin: 0;
}

#nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav_inset {
    padding: 10px 0 10px 30px;
}

#nav_heading {  
    background-color: #425777;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 8px;
    margin: 0;
    border-left: #425777 solid 8px;
    vertical-align:top;
}

#content {  
    background-color:#FFFFFF;
    padding: 8px;
    border-right: #425777 solid 8px;
    border-top: #425777 solid 8px;
    vertical-align:top;
}

#footer {   
    background-color: #FFFFFF;
    border-right: #425777 solid 8px;
    border-bottom: #425777 solid 8px;
    vertical-align: top;
    padding: 0 8px 8px 8px;
}

#footer_left {
    float: left;
    text-align: left;
}

#footer_right {
    text-align: right;
}

.center {
    /* Hack for pure CSS page centering in IE */
    text-align: center;
}

/*------------------------old shell styles------------------------*/
#table_header {
    background-color:#FFFFFF;
    padding: 8px;
    border-bottom:#b4c363 solid 8px;
    vertical-align:top;
}

/*------------------------new shell styles------------------------*/
#fullheight{
    height:100%;
}

#content_shell {    
    background-color: #FFF;
    height: 590px;
    vertical-align: top;
}

#content_header{
    height: 85px;
}

#content_menu {
    background-color: #fff;
    height: 30px;
}

#content_body {
    height: 475px;
    background-color: #fff;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

#content_body #flash {
    margin: auto;
    width: 760px;
    border: #5a6c72 solid 2px;
}
    
#content_footer {
    background: #fff;
    height:10px;
}

#padding_general {
    padding: 10px;
}

#padding_left {
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#padding_right {
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align:right;
}

/*---------------------nav header link styles-------------------*/

#nav1 a.module_nav {
    display: block;
    background: #5a6c72;
    text-decoration: none;
    text-align:center;
    padding-bottom: 3px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    height:16px;
    border:#FFFFFF solid 1px;
    width: 17em;
}

#nav1 a.module_nav:hover {
    background: #879ba9;
}

#nav2 a.module_nav {
    display: block;
    background: #5a6c72;
    text-decoration: none;
    text-align:center;
    padding-bottom: 3px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
    height:16px;
    border:#FFFFFF solid 1px;
    width: 184px;
}


#nav2 a.module_nav:hover {
    background: #879ba9;
}

/* css+js drop-down menu styles */

#drop-down, #drop-down ul { /* all lists */
    font-weight: bold;
    font-size: 13px;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 2;
}

#drop-down a {
    display: block;
    width: auto;
    color: #000;
    background: #fff;
    text-decoration: none;
    border-top: 1px solid #667584;
    border-left: 1px solid #667584;
    border-right: 1px solid #667584;
    padding: 0.3em 0.5em 0.3em 0.5em;
}

#drop-down li { /* all list items */
    float: left;
    width: auto; /* width needed or else Opera goes nuts */
}

#drop-down li.divider {
    width: 1em;
    padding: 0.25em;
    text-align: center;
}

#drop-down li li {
    width: 17em; /* width needed or else Opera goes nuts */
}

#drop-down li ul a {
    width: 17em;
}

#drop-down li ul { /* second-level lists */
    border-bottom: 1px solid #667584;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    width: 18.22em; /* hack to ensure bottom border lines up properly */
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#drop-down li ul div {
    width: 3em;
    float: left;
}

#drop-down li ul a:hover {
    background: #879ba9;
}

#drop-down li:hover ul, #drop-down li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

/************* FLASH MESSAGE *************/

#flash-message-container {
    width: 760px;
    height: 505px;
    text-align: center;
}

#flash-message-body {
    width: 400px;
    height: 300px;
    padding-top: 170px;
    margin: auto;
}

#flash-message-body h1 {
    font-size: 1.7em;
    font-weight: bold;
    color: #425777; 
    margin: 0.2em;
}

#flash-message-body a {
    font-size: 1.6em;
}

#flash-message-body p {
    font-size: 1.2em;
    margin: 0.5em;
}
