/********************************************/
/* CREATED: JFORST 12-23-08                 */
/* CHANGES:                                 */
/*                                          */
/********************************************/
html, body{height:100%;} 
body
{
   /*background-image: url(Images/TopBak.png);    background-repeat: repeat-x;*/
   background-image: url(Images/Background.png);
    /*background-color: Black;*/
   background-repeat: repeat-y;
   padding: 0px 0px 0px 0px; /* top right bottom left */
   margin: 0px 0px 0px 0px; /* top right bottom left */
}

/*html>body #outerWrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
  
/*=================================================*/
/*=================================================*/
/*               MAIN HEADER                       */
#Masthead
{
  background-image: url(Images/TopBak.png);    
  height: 160px; 
  margin: 0px 0px 0px 4px;
}

#MastheadBak
{ background-image: url(Images/Masthead.png); 
  height: 165px; margin: 0px 0px 0px 140px; background-repeat: no-repeat;}
  
#MainLogo
{
   background-image: url(Images/Logo_TopLeft.png); 
   position: absolute;   
   top: 23px; left: 10px; 
   width: 122px; height:38px;   
   z-index: +20;
   /*padding: 0px 0px 0px 0px; /* top right bottom left */
   /*margin: 20px 10px 10px 12px; /* top right bottom left */
}

/*=================================================*/
/*=================================================*/
/*               MAIN FOOTER                       */
#footer
{
    margin: 10px 0px 50px 0px;
    font-family: 'gill Sans MT';
    font-size: 14px;
}
/*=================================================*/
/*=================================================*/
/*               MAIN NAVIGATION                   */

/*
   Here, define the styles for the rollovers using CSS. The on style
   will be displayed when the mouse is over the rollover, and the off
   style at any other time.
*/

#MainMenuBak
{
    background-image: url(Images/Background.png);
    /*background-color: Black;*/
    background-repeat: repeat-y;   
    position: absolute; bottom: 0px; top: 0px; left: 0px;
    z-index: +1; 
    width: 144px; height: 200px;
}


#MainMenu
{
    margin: 55px 0px 0px 0px;
    text-align: center;    
    vertical-align: middle;  
    position: absolute;
    z-index: +2; 
    top: 70px;
}

#MainMenu .navItemOff
{
    background-image: url(Images/ButtonNavOff.gif);
    width: 136px;
    height: 26px;
    margin: 5px 0px 2px 2px;
}

#MainMenu .navItemOn
{
    background-image: url(Images/ButtonNavOn.gif);     
    width: 136px;    
    height: 26px;
    margin: 5px 0px 2px 2px;    
}
#MainMenu .navItemOnPage
{
    background-image: url(Images/ButtonNavOnPage.gif);     
    width: 136px;    
    height: 26px;
    margin: 5px 0px 2px 2px;    
}

#MainMenu a
{
    font-family: 'gill Sans MT';
    font-size: 15px;
    color: #E6E6E6;
    font-weight: bold;
    text-decoration: none;
}


#MainMenu img
{
    /*margin: 3px 0px 3px 5px;    border: none 0px #FFF;*/
}
#MainMenu a:hover
{
    
}