body
{
    color: #000000;
    font: 14px Arial, Sans-Serif;
    text-align: center;
    background-color: #091404;
}

form
{
    width: 1006px;
    margin: 0px auto;
    text-align: left;
}

a:link, a:visited
{
    color: #715331;
}

a:hover, a:active
{
    color: #999999;
}

/* Wrapper Styles */
#Wrapper
{
    position: relative;
    float: left;
    width: 1005px;
    margin: 0px;
    padding: 0px 0px 20px;
}

/* Header Styles */
#Header
{
    position: relative;
    float: left;
    width: 1006px;
    height: 255px;
    margin: 0px;
    padding: 0px;
    background: url(/Images/Public/header_bkgnd2.png) no-repeat left top;
    z-index: 99; /* this fixes the menu dropping behind the body in IE */
}

#Logo
{
    display: block;
    width: 974px;
    height: 93px;
    margin: 16px auto 10px;
    padding: 0px;
    background: url(/Images/Public/FPD_logo_wide.png) no-repeat left top;
    font-size: 25px;
    color: #116511;
}

#Logo span
{
    display: none;
}

#Header .ContactInfo
{
    position: absolute;
    top: 70px;
    left: 325px;
    display: block;
    width: 445px;
    font: 11px Helvetica, Arial, Sans-Serif;
    letter-spacing: 1px;
    text-align: left;
    white-space: nowrap;
    top: 63px;
}

/* Menu Styles */
#Menu
{
    position: absolute;
    bottom: 18px;
    right: 18px;
    clear: both;
    list-style-type: none;
    width: 971px;
    height: 35px;
    margin: 0px;
    padding: 11px 0px 0px;
    background: url(/Images/Public/menu_bkgnd.png) no-repeat left top;
    font-size: 18px;
    text-align: center;
}

#Menu li
{
    float: left; /*display: inline;*/
    margin: 0px 24px;
    padding: 0px;
    position: relative;
}

#Menu a:link, #Menu a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#Menu a:hover, #Menu a:active, #Menu a.active
{
    color: #F8E295;
}

#Menu .headLink ul li
{
    display: block;
    float: none;
    padding: 5px;
    width: 135px;
}
.headLink ul
{
    display: none;
}

.headLink:hover ul
{
    display: block;
}

/* this fixed the menu from dropping behind the body in Firefox */
.subMenu
{
    position: relative;
    z-index: 100;
    width: 170px;
    text-decoration: none;
    list-style: none;
    background-color: #735733;
    padding-bottom: 10px;
}

.subMenu li
{
    display: block;
    float: none;
    text-align: left;
    background-color: #735733;
    font-size: 12px;
    padding-top: 12px;
}

#contentContainer {
    background-color:#C2C2A3;
    margin-left:10px;
    margin-right:13px;
    overflow:auto;
}

/* Side Menu Styles */

#SubMenu
{
    width: 200px;
    float: left;
    min-height: 315px;
/*    overflow: auto;*/
    margin: 0 0 0 10px;
    background-color: #c2c2a3;
    border-right: solid 2px white;
}
/* Content Styles */

#Content
{
    position: relative;
    float: left;
    width: 722px;
    min-height: 200px;
    margin: 0px;
    padding: 10px 20px 60px;
    background-color: #c2c2a3;
}

#Content h1, #Content h2, #Content h3
{
    clear: both;
}

#Content h1
{
    margin: 0px 0px 20px;
    padding: 0px;
    font-size: 19px;
    color: #4d351e;
}

#Content h1 a
{
    color: #000000;
    font-size: 30px;
    font-variant: small-caps;
    text-decoration: none;
}

#Content h1 span
{
    position: relative;
    top: -8px;
    border-bottom: 2px solid #000000;
    font-size: 23px;
    font-variant: small-caps;
}

#Content h2
{
    margin: 0px 0px 10px;
    padding: 0px;
    color: #666666;
    font-size: 15px;
  /*  font-variant: small-caps;*/
}

/* Menu-Bottom Styles */
#Menu-Bottom
{
    width: 950px;
    text-align: center;
    background: url(/Images/Public/menu_mini_bkgnd.png) no-repeat center top; /*position: absolute;     bottom: 18px;     right: 18px;     list-style-type: none;     height: 35px;     margin: 0px;     padding: 11px 0px 0px;     font-size: 18px;     white-space: nowrap;*/
}

#Menu-Bottom li
{
    display: inline;
    margin: 0px 10px;
}

#Menu-Bottom a:link, #Menu-Bottom a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

#Menu-Bottom a:hover, #Menu-Bottom a:active, #Menu-Bottom a.active
{
    color: #F8E295;
}

/* Footer Styles */
#Footer
{
    float: left;
    width: 986px;
    margin: 0px;
    padding: 10px;
}

#Copyright
{
    float: left;
    width: 700px;
    margin: 0px;
    padding: 0px;
    font: 11px arial;
    color: White;
    text-align: left;
}

#Logo-Mini
{
    display: block;
    width: 138px;
    height: 41px;
    background: url(/Images/Public/FPD_logo_mini.png) no-repeat left top;
}

#Logo-Mini span
{
    display: none;
}

#PoweredBy
{
    float: right;
    width: 150px;
    margin: 0px;
    padding: 0px 5px;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
}

#EVI-Logo
{
    display: block;
    width: 150px;
    height: 41px;
    margin: -10px 0px 0px;
    background: url(/Images/Public/EVI_logo1.png) no-repeat left top;
}

#EVI-Logo span
{
    display: none;
}

/***** Items *****/
.itemLeft
{
    float: left;
    padding: 10px 10px 0 40px;
}

.itemRight
{
    float: right;
    padding: 10px 40px 0 10px;
}

.itemInfo
{
    float: left;
    width: 200px;
    padding-left: 15px;
}

.itemImage
{
    height: 120px;
    border: 0;
    float: left;
}

/*********** Side Menu ***********/
.sideMenu
{
    list-style: none;
    font-weight: bold;
    margin-right: 6px;
    padding-left: 0px;
    margin-left: 0px;
}

.sideSubMenu
{
    list-style: none;
    font-weight: normal;
    padding: 0;
    font-size: 12px;
    margin: 0;
}

.sideMenu li, .sideSubMenu li
{
    padding: 3px 3px 3px 0;
    text-align: right;
    margin: 0;
}

.sideSubMenu li.selected, .sideMenu li.selected
{
    background-color: #99986d;
}

.sideMenu a {
    color: Black;
    text-decoration: none;
    }

.sideMenu a:hover {
    color: #264c37;
    background-color: #99986d;
}

/******* Staff user control */
.divStaffLinks {
    float:left;
    margin: 10px 0;
    width: 50%;
}

.itemInfo {
    float:left;
    width: 300px;
    padding-right: 10px;
}

.itemDetail {
    float:left;
    width:397px;
}