/* This is the style for content pages */


body {background-color: #9D9D9D;
      background-image: url(images/gray-bkgnd.gif);
      color: black;
      margin: 0px;
      padding: 0px;
      justify: left;
      font-size: medium;
      font-weight: normal;
      font-family: verdana, tahoma, helvetica, arial, sans-serif;}


a:link {color: blue; font-weight: bold;}
a:visited {color: blue; font-weight: bold;}
a:hover {color: red; font-weight: bold; }

a.yellow:link {color: yellow; font-weight: bold; text-decoration: none; cursor: text;}
a.yellow:visited {color: yellow; font-weight: bold; text-decoration: none; cursor: text;}
a.yellow:hover {color: yellow; font-weight: bold; text-decoration: none; cursor: text;}

Span.hilite {color: black; background: yellow; font-weight: bold;}      

Span.blue  {cursor: pointer; cursor: hand; font-weight: bold;
           text-decoration: underline; color: blue;}

Span.yellow {font-weight: bold; color: yellow;}
           
Span.sub-box {cursor: pointer; cursor: hand;}

h1   {font-size: medium; font-weight: bold; text-align: center;} 
h2   {font-size: small; font-weight: bold; text-align: center;}
h3   {font-size: medium; color: blue; font-weight:bold; text-align: center;}
h4   {font-size: medium; color: red; font-weight: bold; text-align: center;}
h5   {font-size: smallest; font-color: dark blue; text-align: center;}

strong {font-weight: bold;}

.content > p+p {text-indent: 20px; margin-right: 20px;}

Span.boxed {width: 150px; 
            border-style: solid; 
            border-color: #0000FF;
            border-width: thin;
            border-top-width: thick;
            background-color: white;
            color: black; text-align: center;
            font-size: smallest; font-weight: bold;
            padding-top: 10px; padding-bottom: 10px}


/* This is a comment*/
/* All Content Boxes belong to the class ".content"*/

.content {position: relative;
          width: auto;
          margin: 0, 0px, 0, 0px;
          border: none;
          background-color: white;
          color: black;
          font-size: small;
          padding: 0px;}
          
#header {position: relative; border-style: solid; 
         background-color: blue;
         border-color: #0000FF;
         border-width: 3px, 3px, 0px, 3px; width: 656px;
         margin-left: 17%; margin-right: 15%;}

#left {position: absolute; width: 16%;
      top: 50px; left:0px;   
      font-size: smallest; text-align: center;
      background-color: #9F9F9F; color: black;}

#right {position: absolute; width:16%; z-index:1;
       top: 50px; right: 0px; margin-left:86%;
       font-size: smallest; text-align: center;
       background-color: #9F9F9F; color: black;}

#main {top: 115px; right: 0px; width: 656px;
         margin-left: 17%; margin-right: 15%;
         background-color: white; color: black;
         font-size: medium; padding: 0,55,5,55;
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         text-align: left; z-index: 10;
         border-style: solid; border-color: #0000FF;
         border-width: 0px, 3px, 3px, 3px;}

#indent {margin-left: 3%; margin-right:3%; 
         background-color: white; color: black;
         font-size: small; padding: 20;
         text-align: left;}

#menu-left {position: absolute; width: 19%;
           top: 120px; left: 18px;   
           text-align: center; font-size: smallest;  
           font-family: verdana, sans-serif;
           background-color: white; color: black;}

#menu-right{position: absolute; width:19%;
            top: 120px; right: 20px; margin-left: 80%;
            text-align: center; font-size: smallest;
            font-family: verdana, sans-serif; 
            background-color: white; color: black;}

#menu-main {position: absolute; width:60%;
            top: 90px; right: 20px;
            margin-left: 20%; margin-right: 20%;
            background-color: white; color: black;
            font-size: small; padding: 20;
            text-align: center; z-index:10;}
            
#bottom {clear: all; width: 100%;  left: 0px; right: 0px;
         margin-left: 0%; margin-right: 0%;
         position: relative; padding: 0,25,0,5;
         font-size: smallest; text-align: center; 
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         background-color: white; color: black ;}
         
#end-left  {font-size: smallest; text-align: center;
            background-color: white; color: black;
            width: 20%; margin-right: 80%;}

#end-right {font-size: smallest; text-align: center;
            background-color: white; color: black;
            width: 20%; margin-left: 80%;}         
         
#footer {clear: all; width: 100%;  left: 0px; right: 0px; 
         margin-left: 17%; margin-right: 15%;
         background-color: #9F9F9F; color: black;
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         font-size: medium; width:656px}
         
#ul {list-style-image: url(images/blue-tack.gif}