/*  
    Updated: 2004-11-04 increased padding-left for nested lists
      IE did not Automatically Indent all nested lists
    Updated: 2004-10-17  added   ol.instructions li {padding: 0.5em;}  to separate instruction li's in content
    Updated: 2004-05-21
    Updated: 2004-01-31
    Updated: 2003/10/25
    File: salogic_style.css
    Author: Sal Ferrarello
    Location: http://www.salogic.net/salogic_style.css
    Web-site: http://www.salogic.net
    Copyright: Some Rights Reserved http://creativecommons.org/licenses/by-sa/1.0/
    
    2003/10/25 Moved Tic-Tac-Toe Formatting to a separate file http://www.saLogic.net/tictactoe/tictactoe.css
    2004-01-31 Redesign Navigation Menu
    2004-05-21 Updated to center Google Adwords Advertisements (css statements formerly on each webpage)
*/

/* note: 1em is size of one character */

/* MS IE does not indent nested lists, the following code was added to
    correct the appearance on my pages */
    li li 
    {
            padding-left: 1em;
            list-style-position: inside;
    }
/*  End MS IE indent nested lists */

/* Begin General Settings */
    h1 { font-size: 200%; }
    h2 { font-size: 150%; }
    h3 { font-size: 100%; }
    img {border:  none;} /* no borders on images */
    pre { font-family: monospace; } /* pre should use a monospaced font */
    A:hover { color:black; } /* links turn black when the cursor hovers */
    ol {list-style-position: outside} /* list items more than one line long line up text (not with bullet or number) */
    ul {list-style-position: outside}
/* End General Settings

/* ----------------------------------------------------------------------------- */

/* Begin Create Trim and In-lay */
    
    body {color: black; background: #ffff66; margin: 0%; padding: 0%; } /* creates trim */
    
    #container  /* contains entire page (in-lay over trim) */
    {
      /* width: 100%; */ 
      margin-top: 1%;
      margin-bottom: 1%;
      margin-left: 1%;
      margin-right: 1%; 
      
      background-color: white;
      color: black;
      border: solid;
      border-width: thin;
      border-color: silver;
    }
    
/* End Create Trim and In-lay */

/* ----------------------------------------------------------------------------- */

/* Begin Create Navigation Menu */ 

    #navmenu /* navigation menu */
    {
      float: left; /* position in upper left-hand corner */
      width: 20%; 
      margin-left: 0;
      margin-top: 0;
      margin-right: 2em;
      margin-bottom: 2em;
      padding: 0.5em;
      background: #003399; /* color of navigation menu */
      list-style-type: none; /* added 20040131 for list menu no bullets*/
    }
    
    div.menuitem  /* backward compatible - choice in navigation menu (same as li.menuitem) */
    {
      border-color: black; 
      border-width: thin; 
      border-bottom: solid; /* create box illusion */
      border-right: solid;  /* create box illusion */
      margin: 0.25em;
      padding: 0.25em;
    }
    
    li.menuitem  /* choice in navigation menu */
    {
      border-color: black; 
      border-width: thin; 
      border-bottom: solid; /* create box illusion */
      border-right: solid;  /* create box illusion */
      margin: 0.25em;
      padding: 0.25em;
    }
    
    div.menuhome   /* backward compatible - home choice in navigation menu (same as li.menuhome) */
    {
      /* same as menuitem except text is 0.25em more to the right */
      border-color: black; 
      border-width: thin; 
      border-bottom: solid; 
      border-right: solid;
      margin-left: -0.25em;
      margin-right:  0.25em;
      margin-bottom: 0.25em;
      margin-top: 0em;
      padding: 0.25em; 
    }

    li.menuhome  /* choice to move back to home in navigation menu */
    {
      /* same as menuitem except text is size 150% and aligned in the center of the cell */
      font-size: 150%;
      text-align: center;
      border-color: black; 
      border-width: thin; 
      border-bottom: solid; 
      border-right: solid;
      margin-left: -0.25em;
      margin-right:  0.25em;
      margin-bottom: 0.25em;
      margin-top: 0em;
      padding: 0.25em; 
    }
    
    #navmenu li { margin: 0; } /* list in navigation menu has no margins */
    #navmenu a:link {color: white;} /* white links */
    #navmenu a:visited {color: white;} /* white visited links */
    #navmenu a:active {color: white;} /* white active links */
    #navmenu a:hover {color: #333333; background: #cc0000;} /* navigation menu links turn black with yellow background on cursor hover */

/* End Create Navigation Menu */ 

/* ----------------------------------------------------------------------------- */

/* Begin Create Content Area of Page */

    #content /* actual content of the page */
    {
      margin-top: 3%;
      margin-bottom: 3%;
      margin-left: 3%;
      margin-right: 3%;
      /*max-width: 40em;*/ /* no more than 40em width, prevents entire text in one line */
    }

    /*img.mainpicture  important picture in main content 
    {
      padding-left: 4%;
      padding-right: 4%;
      padding-top: 5em;
      padding-bottom: 7em;
    }*/

    h1{ text-align: center; }

    h1.important { font-size: 400%; font-family: sans-serif; }

    .announcement { padding:0.5em; border: solid; border-width: thin; border-color: #cc0000;}

    
    /* added 0.5 em space between list items to make them more readable */
    ol.instructions li {padding: 0.5em;}

/* End Create Content Area of Page */

/* ----------------------------------------------------------------------------- */

/* Begin Styling Footer */
    .footer /* footer information at the bottom of the page */
    {
      clear: both;  /* print below everything else on the screen */
      font-size: 80%;
      margin: 5%;
      border-top: solid; /* line across top of footer */
      border-width: thin; 
      padding-top: 0.5em;
    }
    
    .footer table
    {  
      border: none; /* table inside footer has no borders */
    }
    
    .footer td {  padding: 0.5em; } /* cell in table in footer has padding 0.5em */

/* End Styling Footer */

/* ----------------------------------------------------------------------------- */

/* Begin Styling Google Advertisement */

    /*  .ad {text-align: center;} */

/* End Styling Google Advertisement */

/* ----------------------------------------------------------------------------- */