/*header bar this covers the red bar at the top of all pages
including the login controls, preference controls, shaping
the future image and silver menu*/
.bodyHolder .headerBar
{
    background-image: url(../HadleyGraphics/header/headerbackground.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    height: 100px;
    margin: 0px;
    min-width: 1000px;
    padding: 0px;
    top: 0px;
    right: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "1000px" : "auto");
}
.bodyHolder .headerBar img
{
    float: left;
    margin: 0px;
    padding: 0px;
}

/*lower preferences boxes works very similar to the login boxes just slightly
less tall, although this isn't noticable on screen*/
.bodyHolder .headerBar .preferences
{
    clear: right;
    color: #DB1A1B;
    display: inline;
    float: right;
    font-weight: normal;
    height: 38px;
    margin-top: 0px;
    margin-right: 0px;
    min-width: 500px;
    overflow: auto;
    width: 500px;
}
.bodyHolder .headerBar .preferences a:link, a:visited
{
    color: red;
}
.bodyHolder .headerBar .preferences table
{
    float: right;
    margin: 10px 10px 0px 0px;
    padding: 0px;
}
.bodyHolder .headerBar .preferences table .left
{   
    background-image: url(../HadleyGraphics/header/silver-container-lower-left.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    height: 28px;
    margin: 0px;
    padding: 0px;
    width: 5px;
}
.bodyHolder .headerBar .preferences table .right
{
    background-image: url(../HadleyGraphics/header/silver-container-lower-right.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    height: 28px;
    margin: 0px;
    padding: 0px;
    width: 5px;
}
.bodyHolder .headerBar .preferences table .midSearch
{
    background-image: url(../HadleyGraphics/header/silver-container-lower-mid.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    font-size: 8pt;
    height: 28px;
    margin: 0px;
    padding: 0px 0px 0px 6px;
    width: 170px; 
}
.bodyHolder .headerBar .preferences table .midLanguage
{
    background-image: url(../HadleyGraphics/header/silver-container-lower-mid.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    font-size: 8pt;
    height: 28px;
    margin: 0px;
    padding: 0px 0px 0px 8px;
    width: 127px; 
}
.bodyHolder .headerBar .preferences table .midContact
{
    background-image: url(../HadleyGraphics/header/silver-container-lower-mid.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    font-size: 8pt;
    height: 28px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 80px; 
}
.bodyHolder .headerBar .preferences table .midContact a:link
{
    color: #DB1A1B;
    text-decoration: none;
}
.bodyHolder .headerBar .preferences table .midContact a:visited
{
    color: #DB1A1B;
    text-decoration: none;
}
.bodyHolder .headerBar .preferences table .midContact a:active
{
    color: #DB1A1B;
    text-decoration: none;
}
.bodyHolder .headerBar .preferences table .midContact a:hover
{
    color: #DB1A1B;
    text-decoration: underline;
}
.bodyHolder .headerBar .preferences table .spacer
{
    width: 8px;
}
.bodyHolder .headerBar .preferences table input
{
    margin: 0px 0px 0px 10px;
    width: 100px;
}



/*Silver menu which is known as the main menu, this must stretch all the
way accross screen.*/
.bodyHolder .headerBar .mainMenu
{
    background-image: url(../HadleyGraphics/header/menusilver.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    clear: both;
    height: 30px;
    margin: 0px;
    min-width: 1000px;
    padding: 0px;
    width: 100%;
    width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "1000px" : "auto");
}
.bodyHolder .headerBar .mainMenu img
{
    float: left;
}

.bodyHolder .headerBar .mainMenu ul
{
    display: inline;
    float: left;
    list-style: none;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    padding: 0px;
}

.bodyHolder .headerBar .mainMenu ul li
{
    float: left;
    line-height: 29px;
    list-style: none;
    font-size: 8pt;
}
.bodyHolder .headerBar .mainMenu ul li a:link
{
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}
.bodyHolder .headerBar .mainMenu ul li a:visited
{
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}
.bodyHolder .headerBar .mainMenu ul li a:active
{
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}
.bodyHolder .headerBar .mainMenu ul li a:hover
{
    background-color: #CC1414;
    background-image: url(../HadleyGraphics/header/menu-over.jpg);
    background-repeat: repeat-x;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.RadMenu_Telerik .expanded
{
    background-color: #CC1414;
    background-image: url(../HadleyGraphics/header/menu-over.jpg);
    background-repeat: repeat-x;
    color: white;
}

.bodyHolder .headerBar .mainMenu ul li ul
{
   margin-left: 0px;
}
.bodyHolder .headerBar .mainMenu ul li ul li
{
   background-color: #CC1414;
   background-image: url(../HadleyGraphics/header/menusilver-sm.gif);
   background-repeat: repeat-x;
   border: 0px;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 7.5pt;
   line-height: 20px;
}
bodyHolder .headerBar .mainMenu ul li ul li a:link, a:active, a:visited
{
   padding: 0px 3px 0px 0px; color: black;
}
.bodyHolder .headerBar .mainMenu ul li ul li a:hover
{
    color: white;
    text-decoration: none;
}