
/*  ############################################################# */
/*  ##################       Body Settings     ################## */
/*  ############################################################# */

html,body {
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}


body {
        height:100%;
        max-height:100%;
    /*    overflow:hidden; */
        padding:0;
        margin:0;
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: .65em;
        color: #000000;
        border:0;
        padding:0;
        margin:0;
        background-color:#fff;
     /*     background:url(/css/styles/chromebg.png); */
      /*      background:url(/css/styles/bluesky1.jpg); */

     }



/*  ############################################################# */
/*  ##################    Header Settings      ################## */
/*  ############################################################# */




/* header 20dd*/
#header {
  /*       width: 780px;
        margin-left:-390px;
        left:50%;
        top:0;
        height:128px;*/

        z-index:5;
        background:#ffffff; 
        /*    background:url(/css/styles/bluesky1.jpg);*/
}

#header .bl { height: 95px; }

#header h1 {
  margin:0px;
  padding:0px;
  border:0px;
  font-size:2.25em;
  font-weight:normal;
  font-family: tahoma, helvetica, arial, sans-serif;
  color:#00a;
  text-align:left;
}
#header h2 {
  margin:0px;
  padding:0px;
  border:0px;
  font-size:0.7em;
}

/* body */
 html>body #header {
      /*  position:fixed; */
        z-index:10; /* Prevent certain problems with form controls */
 }


/*  ############################################################# */
/*  ##################      Menu Settings      ################## */
/*  ############################################################# */


.menu {
        display:inline;
        text-align:center;   /* CENTERED TOP MENU OPTIONS */
        font-size:0.85em;
        z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
        position:relative;
        padding:0px;
        margin:0px;
        list-style-type:none;
        text-align:center; /* CENTERED TOP MENU OPTIONS */
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
        float:left;
        height:38px;      /* The height plus the spacing between main menu and submenu */
        position:relative;
        white-space:nowrap; /* Prevent the top level menu text from wrapping */
        padding:0px ;
     /*   background:#f0f;*/
        border:0px solid #fff;  /* Border color between and around menu items */
        border-width:0px 0px 0px 0px;
}


/* style the links for the top level */
.menu a, .menu a:visited {
        display:block;
        font-size:11px;
        text-decoration:none;
        background:#0000aa;
        color:#000;  /* Menu Header color - unselected */
        width:126px; /* MENU-WIDTH - MENU-PADDING-LEFT - 1 */
        height:20px;
        line-height:20px;

       /*   border-width:1px 1px 1px 1px;*/
        border:4px solid #fff;  /* Border color between and around menu items */
        border-width:0px 0px 0px 2px;
        border:2px solid #fff;                 /* Border color between around menu items */
        padding-top:0px ;
        padding-bottom:0px ;
        padding-left:0px;
        padding-right:0px;

        text-align:center; /* CENTERED TOP MENU OPTIONS */

        margin:0;

      background: url(/css/styles/chromebg.png) center center repeat-x;
}


/* style the top level hover */
.menu a:hover {
      font-weight:bold;
     
    /*    background: url(/css/styles/gray-bar.png) center center repeat-x; */
    /*      border:2px solid #00f;                 /* Border color between around menu items */
 }




/*  ############################################################# */
/*  ##################   Sub  Menu Settings    ################## */
/*  ############################################################# */

.submenu {
        display:none;
        font-size:0.85em;
        z-index:99;
        text-align:left; /* CENTERED TOP MENU OPTIONS */
        background:#ffffff;
     /* 1   background: url(/css/styles/gray-bar.png) center center repeat-x repeat-y;*/
}


/* style the links for the top level */
.submenu a, .submenu a:visited {
        display:inline;
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
        color:#000;  /* Menu Header color - unselected */
        background:#fff;
 
/*      border:0px solid #000;     */          /* Border color between around menu items */
/*      border-width:1px 1px 0 0; */           /* This makes a "Tabbed Menu" effect */

        border:0px solid #fff;                 /* Border color between around menu items */
      /*  border-width:0px 0px 0px 0px; */
 
        padding-top:3px;
        padding-bottom:3px;
        padding-left:4px;
        padding-right:4px;
        height:14px;
        line-height:14px;
        text-align:center; /* CENTERED TOP MENU OPTIONS */
      /*   background: url(/css/styles/chromebg.png) center center repeat-x; */
}


.submenu a:hover { /* Main Menu - Settings */
       /*    border-color:#00f;   */              /* Border color between around menu items */
        color:#000;
        background:#00a;
     background: url(/css/styles/chromebg.png) center center repeat-x; 
      /*     background:url(/css/styles/gray-bar.png) center center repeat-x;; */
}
/*
/chromemenu/chromebg.png
/images/gray-bar.png
*/
.submenu a:active { /* Main Menu - Settings */
        color:#fff;
        background:#000;
}



/*  ############################################################# */
/*  ##################      Misc Settings      ################## */
/*  ############################################################# */



.noframe {
   /* height:auto; */
   border-style: hidden;
   border-width: 0;
   padding-left:10px;
   height:96%;
   width:96%;
   /* margin-bottom:100px;  /* Distance from document bottom - Should be height of footer + some padding if wanted */
}




.blueback       { background-color:#FFFFFF; }

