/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  * { margin: 0pt;
    padding: 0pt;
    }

  body { font-family: Arial,Helvetica,sans-serif;
    font-size: 70%;
    background-image: url(../images/graphpaper3.jpg);
    }

  #header { background-image: url(images/header_bg.jpg);
    background-repeat: repeat-x;
    height: 169px;
    }

  #header_menu { background-image: url(images/header_menu.jpg);
    background-repeat: repeat-x;
    text-align: right;
    height: 73px;
    padding-top: 10px;
    }

  #container { font-size: 1.2em;
    }

  #left { float: left;
    width: 161px;
    margin-left: 20px ! important;
    padding-top: 40px;
    }

  #right { float: right;
    width: 210px;
    margin-right: 5px;
    padding-top: 40px;
    }

  #content { padding: 5px;
    margin-top: 10px;
    margin-right: 250px;
    margin-left: 210px;
    font-size: 1.2em;
    }

  #footer { background-image: url(images/footer_bg.jpg);
    background-repeat: repeat-x;
    height: 23px;
    text-align: center;
    font-size: 0.9em;
    padding-top: 60px;
    }

  p { margin-top: 8px;
    margin-bottom: 8px;
    }

  h1 { color: rgb(255, 255, 255);
    font-size: 3em;
    padding-top: 70px;
    padding-left: 50px;
    }

  .heading_color { color: rgb(255, 153, 0);
    }

  h2 { border-bottom: 1px solid rgb(167, 170, 179);
    font-size: 1.5em;
    margin-bottom: 15px;
    }

  h3 { 
    margin-top: 15px;
    margin-bottom: 15px;
    }

  h4 { background-image: url(images/menu_tab.jpg);
    height: 31px;
    width: 146px;
    padding-top: 5px;
    padding-left: 15px;
    }

  .images_left { margin: 5px;
    float: left;
    }

  .thumbs { border: 1px solid gray;
    margin: 5px;
    padding: 1px;
    }

  a:link { color: rgb(255, 255, 255);
    }

  a:visited { color: rgb(255, 255, 255);
    }

  a:hover { color: rgb(188, 158, 98);
    }

  a:active { color: rgb(188, 158, 98);
    }

  #navlist { border-bottom: 1px solid rgb(194, 194, 202);
    padding-left: 0pt;
    margin-left: 0pt;
    width: 160px;
    }

  #navlist li { border-top: 1px solid rgb(194, 194, 202);
    margin: 0pt;
    padding: 0.25em;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

 #navlist li a { text-decoration: none;
    }


  
 #extralist {
    padding-left: 0pt;
    margin-left: 0pt;
    width: 190px;
      }

  #extralist li {
    margin: 0 0 0 20px;
    padding: 0.25em;
    list-style-type: none;
    list-style-image: url(../images/arrow.gif);
    list-style-position: outside;
    }

  


  #extralist li a { text-decoration: none;
    }





   #imageContainer { height: 209px;
    }

  #imageContain { height: 409px;
    }

  #imageContainer img { display: none;
    position: absolute;
    top: 0pt;
    left: 0pt;
    }



 

  #wrap { border: medium none ;
    margin: 10pt auto;
    background: rgb(36, 67, 155) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(255, 255, 255);
    width: 890px;
    min-height: 700px;
    }

  .smallfont { font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    }

  .largefont { font-family: Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    }

  .medfont { font-size: 13pt;
    font-weight: bold;
    }

  .imgcontain { width: 300px;
    }

  .img1 { padding-left: 100px;
    position: absolute;
    left: 200px;
    top: 400px;
    }

  .img2 { margin-top: 10px;
    position: relative;
    padding-top: 200px;
    float: left;
    }

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}


#image-container {
width: 400px;
height: 240px;
border: 5px solid orange;
}