/*
** NSO Website CSS File
** September 30, 2006
*/

/* Main Definitions */

   * {
      margin: 0;
      padding: 0;
      text-decoration: none;
      }

   html {
      height: 99%;
      margin-bottom: 1px;
      }

   body {
      background-color: #91B18F;
      color: #000;
      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      }
   
   img {
      border: 0px
      }

   a {
      color: #91B18F;
      font-weight: bold;
      }

   a:hover {
      color: #A68FB1;
      font-weight: bold;
      }

/* Layout Definitions */

   #container {
      background-color: #FFF;
      color: #333;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
      width: 775px;
      }

   #header {
      background-color: #CCDBCB;
      color: #000;
      height: 130px;
      padding-top: 5px;
      width: 100%;
      }
   
   #nsologo {
      float: left;
      padding: 5px;
      vertical-align: text-top;
   }
   
   #headertext {
      font-size: 26px;
      padding-top: 25px;
      text-align: center;
   }
   
   #topspacer {
      background-image: url(/img/greenfade.png);
      background-repeat: repeat-x; 
      height: 23px;
      width: 100%;
      }


   /* Left Menu Definitions */

      #left {
         background-color: #FFF;
         color: #333;
         float: left;
         width: 200px;
         }

      #leftcontent ul {
         list-style: none;
         padding-left: 20px;
         padding-bottom: 30px;
         }

      #leftcontent li {
         padding-top: 4px;
         }

      .nav {
         background-color: #FFF;
         color: #91B18F;
         font-size: 14px;
         font-weight: bold;
         text-decoration: none;
         }

      .nav:hover {
         background-color: #FFF;
         border-bottom: 1px solid #A68FB1;
         color: #A68FB1;
         }

      .deadnav {
         background-color: #FFF;
         color: #ccc;
         font-size: 14px;
         font-weight: bold;
         text-decoration: none;
         }

      .subnav {
         background-color: #FFF;
         color: #A68FB1;
         font-size: 12px;
         font-weight: bold;
         text-decoration: none;
         margin-left: 20px;
         }

      .subnav:hover {
         background-color: #FFF;
         border-bottom: 1px solid #A68FB1;
         color: #91B18F;
         }

      .deadsubnav {
         background-color: #FFF;
         color: #ccc;
         font-size: 12px;
         font-weight: bold;
         text-decoration: none;
         margin-left: 20px;
         }
      
      
   /* Newsbox Definitions (Purple) */

      #newsbox {
         background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
         background: url(/img/shadow.gif) no-repeat bottom right;
         float:left;
         margin: 6px 30px 0 26px !important;
         margin: 6px 30px 0 19px;
         width: 80%;
         }

         #newsblock {
            background: none !important;
            background: url(/img/shadow2.gif) no-repeat left top;
            padding: 0 !important;
            padding: 0 6px 6px 0;
            }

         #newsblock p {
            background-color: #fff;
            border: 1px solid #A68FB1;
            color: #000;
            margin: -6px 6px 6px -6px !important;
            margin: 0;
            }

         #newshead {
            background-color: #EEE9F0;
            border-bottom: 1px solid #A68FB1;
            color: #333;
            display: block;
            font-size: 15px;
            font-weight: bold;
            padding: 7px;
            }

         #newstext {
            background-color: #FFF;
            color: #333;
            display: block;
            font-size: 12px;
            padding: 7px;
            }


/* Layout Definitions (cont) */

   #main {
      background-color: #FFF;
      color: #333;
      float: left;
      padding-bottom: 20px;
      padding-top: -30px;
      width: 510px;
      }

   #bottomspacer {
      height: 15px;
      width: 100%;
      }

   #footer {
      clear: both;
      font-size: 12px;
      padding: 8px;
      padding-top: 30px;
      width: 750px;
      }


/* Box Class Definitions - Green */

   .green-outer {
      width: 95%;
      float:left;
      background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
      background: url(/img/shadow.gif) no-repeat bottom right;
      margin: 10px 0 0 10px !important;
      margin: 10px 0 0 5px;
      }

   .green-inner {
      background: none !important;
      background: url(/img/shadow2.gif) no-repeat left top;
      padding: 0 !important;
      padding: 0 6px 6px 0;
      }

   .green-text {
      color: #333;
      background-color: #fff;
      font-size: 12px;
      border: 1px solid #91B18F;
      padding: 7px;
      margin: -6px 6px 6px -6px !important;
      margin: 0;
      }

   .green-text ul { padding-left: 20px; }
   .green-text li { padding-bottom: 5px; }
   .green-text h1 { 
      clear: left;
      color: #91B18F;
      font-size: 14px;
      font-weight: bold;
      }
   .green-text h2 { 
      color: #91B18F;
      font-size: 12px;
      font-weight: bold;
      padding-left: 6px;
      }
   .green-text h3 { 
      color: #A68FB1;
      font-size: 12px;
      font-weight: bold;
      padding-left: 6px;
      }
   .green-text p {
      padding-left: 8px;
      padding-bottom: 20px;
      }
   .green-text .execimg {
      float: left;
      padding: 4px;
      padding-bottom: 16px;
      }

   .green-title {
      background-color: #EAF0E9;
      border: 1px solid #91B18F;
      border-bottom: none;
      color: #333;
      display: block;
      font-size: 15px;
      font-weight: bold;
      margin-left: -6px;
      margin-right: 6px;
      padding: 8px;
      padding-bottom: 12px;
      }


/* Box Class Definitions - Red */

   .rbox {
      background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
      background: url(/img/shadow.gif) no-repeat bottom right;
      float:left;
      margin: 10px 0 0 10px !important;
      margin: 10px 0 0 5px;
      width: 95%;
      }

   .rblock {
      background: none !important;
      background: url(/img/shadow2.gif) no-repeat left top;
      padding: 0 !important;
      padding: 0 6px 6px 0;
      }

   .rblock p {
      background-color: #fff;
      border: 1px solid #CEA8A3;
      color: #000;
      margin: -6px 6px 6px -6px !important;
      margin: 0;
      }

   .rblockhead {
      background-color: #F2E8E7;
      border-bottom: 1px solid #CEA8A3;
      color: #333;
      display: block;
      font-size: 15px;
      font-weight: bold;
      padding: 7px;
      }

   .rblocktext {
      background-color: #FFF;
      color: #333;
      display: block;
      font-size: 12px;
      padding: 7px;
      }