/*****************************************************************************
  CSS for NEMO pages, from 2009 on the new NCASI web site.
  This has the styles for the body, left-side menu, footer, etc.
  
  {concepts from selectutorial and floatutorial (with changes)}
 
  J. H. Gove
  USDA Forest Service
  Northern Research Station
  271 Mast Road
  Durham, NH 03824
*****************************************************************************/


/* --------------------------------------------------------------------
    Body: body of the page (see also container)...
    --------------------------------------------------------------------*/
body {
      margin: 0;
      padding: 0;
      font-family: georgia, times, "times new roman", serif;
      background-color: oldlace; /*Ivory;*/
     }
/*     
a:link { color: #036;
         background-color: #036}
a:visited { color: #066;}
a:hover ,a:active { 
        color: yellow;
        background-color: #036;
}   
*/



/* -------------------------------------------------------------------
   Container: a named type for body element...
   -------------------------------------------------------------------- */

#container {
    width: 96%;
    margin: 10px auto; /*10px to top & botton; centered R2L */
 }
 




/* -------------------------------------------------------------------
   Banner: The banner at the top of the page...
   -------------------------------------------------------------------- */   
       
div#banner {
    color: White;
    background-color: #2B547E; /* = Steel Blue 4 */
    /*background-color: #2B3856;*/   /* = DarkSlateBlue */
    border-bottom: 2px solid Black;
    margin-bottom: .5em;
}       

div#banner h1 {
    margin: 0;
    padding: .3em 0 .3em .5em; /* top, R, bot, L */
    font-size: 2.2em;
    font-weight: normal;
    font-variant: small-caps;
    /*font-family: "cursive";*/
} 

div#banner a:hover {
    text-decoration: none;
    color: white;
}



div#banner a:link {
    text-decoration: none;
    color: white;
}


div#banner a:visited {
    text-decoration: none;
    color: white;
}





/* ---------------------------------------------------------------------------
   Navigation: the menu float on the left-hand side...
   ---------------------------------------------------------------------------- */

div#navigation {
    float: left;
    width: 158px;
    margin: 1em 0 0 0;
    /*padding-top: 2em;*/
    /*border: 2px solid Black; */
    background-color: oldlace;
}

div#navigation ul{
    list-style-type: none;             /* removes html bullets */
    padding: 0;                               /* removes html padding */
    margin: 0;                                 /* removes html margin */
    font-size: 1.1em;
}

div#navigation ul li { 
    margin-bottom: 4px;          /* space between items */
    /*margin-left: 4px; */
}

#navigation ul li a {
    display: block;
    color: White;
    background-color: #2B547E;     /* = Steel Blue 4 */
    /* background-color: #2B3856;*/    /* = DarkSlateBlue */ 
    width: 120px;
    padding: .2em .8em;
    text-decoration: none;                      /* no underlines */
   /* border: 1px solid Red;*/
}

#navigation ul li a:hover {
    text-decoration: none;
    color: white;
    background-color: #98AFC7;  /* slategray 3 */
    /*background-color: slategray; */
}



/* -------------------------------------------------------------------------------
   RHS: the third column float on the right-hand side...
---------------------------------------------------------------------------------- */

div#rhs {
    float: right;
    width: 220px;
    margin-top: 1em;
    padding: .5em .2em .5em .2em;
    color: White;
    background-color: slategray;
    border: 1px solid Black;
}

#rhs p {
    margin: 0 0 .25em 0;
}

#rhs a:link {
    text-decoration: none;
    color: white;
}

#rhs a:hover {
    text-decoration: none;
    color: #fff0f5;
}

#rhs a:visited {
    text-decoration: none;
    color: lightskyblue;
}






/* --------------------------------------------------------------------------------
   Content: This for the middle column content in body...
   --------------------------------------------------------------------------------- */

div#content {
    padding: 0;
    margin: 0;
    margin-left: 200px;
    margin-right: 240px;
    /*border: 1px solid gray;*/
} 

div#content h2, h3 {
    /*font-size: 2em;*/
    color: MidnightBlue;
    margin: 0;
    padding-top: .5em;
    /*font-weight: bold;*/
    font-variant: small-caps;
    /*font-family: "cursive";*/
}

#content a{ text-decoration: none; }
#content a:link{ 	color: #000080; }    		   /* for unvisited links */
#content a:visited{ 	color: red; } 	            /* for visited links */
#content a:hover { 	color: red; }  				   /* when link is clicked */
#content a:active { 	color: navy; } 			   /* when mouse is over link */



/* used before the footer to clear settings... */
#cleardiv {
    clear: both;
    height: 1em;
}


/* footer style... */
div#footer {
    clear: both;
    padding: .5em 1em;
    border-top: 1px solid #999;
    text-align: center;
    color: #600000;
}