body {
    background-color : black;
    color : white;
    font-family :Lucida Sans Unicode,Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
    font-size : 12px;
  }


.required {
    color: red;
  }


div {
    height : 100%;
    margin :0 ,auto;
    overflow : auto;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    position : relative;
    width : 770px;
    text-align:center;
  }


div.content {
    position :left;
    width: 110px;
    margin-bottom: 0.5em;
    background-color: #CF9;
    overflow:auto;
    text-align:left;
  }


div.pull {
    background-color : white;
    width : 200px;
    overflow:auto;
  }


div.nothing {
    background-color : "359bc7";
    text-align : left;
    width:auto;
  }


#content {
    margin-left : 12em;
  }


ul.menu a {
    color: white;
    text-decoration: none;
    display: block;
    width: 100%;
  }


ul.menu,ul.menu ul {
    background: red;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 115px;
  }


ul.menu ul {
    position: absolute;
    top: 0;
    left: 115px;
    visibility: hidden;
  }


ul.menu li {
    position: relative;
    padding: 2px;
  }


ul.menu li:hover {
    background: rgb(142, 142, 142);
  }


ul.menu li:hover > ul {
    visibility: visible;
  }


li.menu > a {
    position: relative;
  }


li.menu > a > span {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: 0;
    background: url('../images/arrow.png') no-repeat right;
  }


h1, h2, h3, h4 {
    /* font-style: italic;
    */
font-family: Lucida Sans Unicode,Lucida Grande,Verdana,Arial, Helvetica, sans-serif;
  }


h1 {
    font-size: 1.75em;
  }


h2 {
    font-size: 1.25em;
  }


h3.red {
    font-size: 1.1em;
    color: red;
  }


h5 {
  }


h5.white {
    color : white;
  }


hr {
    border: 0;
    border-bottom: 1px solid #ccc;
  }


a {
  }


A:link {
    color : blue;
    cursor : pointer;
    font-size : 14px;
    font-style : oblique;
    font-weight : bold;
    text-decoration : none;
  }


A:visited {
    color: black;
    font-size : 14px;
    font-style : oblique;
    font-weight : bold;
    text-decoration : none;
  }


A:active {
    color: red;
  }


p {
    margin-bottom : 1em;
    padding-bottom: 1px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 1px;
    text-align : justify;
    width : auto;
    color: white;
  }


.banner {
    font-size:20px;
    font-weight: bold;
  }


.bannerb {
    color : black;
    font-size : 20px;
    font-weight : bold;
  }


p.pull {
    position: relative;
    padding: 1em 1em 1em 3em;
    left: 50px;
    top: auto;
    border-left: red .25cm solid;
    border-top: red 1px solid;
    border-bottom: red 1px solid;
    color:white;
  }


.indent {
    text-indent: 0.5in;
  }


a {
    font-family : arial, helvetica, sans-serif ;
    font-size : 12px;
  }


span {
  }


.big {
    font-family : helvetica;
    font-size : 20pt;
    font-style : normal;
    font-weight : normal;
  }


.menu1 {
    display:none;
    margin-left:20px;
  }


img.icon {
    float : right;
    padding : 10px;
  }


#navigation {
    float: inherit;
  }


#navigation ul {
    line-height : 1;
    text-align : center;
  }


#navigation li {
    display: inline;
    margin-top: 10px;
    margin-left:5px;
  }


#navigation a {
    color : red;
    font-weight : bold;
    text-decoration : none;
  }


#navigation a:hover {
    text-decoration : blink;
  }


#nav, #nav ul {
    /* all lists */padding : 0;
    font-size : 14px;
    line-height : 1.5;
    list-style-image : none;
    list-style-type : none;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
  }


#nav a {
    display : block;
    font-size : small;
    width : 11em;
  }


#nav a.arrow {
    background-image : url('../images/arrow.png');
    background-position : 10em;
    background-repeat : no-repeat;
  }


#nav li {
    /* all list items */float : left;
    /* width needed or else Opera goes nuts */ : ;
    width : 9.5em;
  }


#nav li a:hover {
    color : white;
    background-color : black;
    width:11em;
  }


#nav li ul {
    /* second-level lists */position : absolute;
    /* using left instead of display to hide menus because display : none isn't read by screen readers */;
    background-color : #00cc99;
    border-bottom-color : black;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : black;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : black;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : black;
    border-top-style : solid;
    border-top-width : 1px;
    float : left;
    font-size : 11px;
    left : -999em;
    padding-bottom : 0; class="indent"
    padding-left : 0.5em;
    padding-right : 0.5em;
    padding-top : 0;
    text-align : left;
    text-decoration : underline;
    width : 13em; class="indent"
  }


#nav li ul ul {
    /* third-and-above-level lists */margin: -1em 0 0 12em;
  }


#nav li:hover ul, #nav li.sfhover ul {
    /* lists nested under hovered list items */left: auto;
  }


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
  }


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    /* lists nested under hovered list items */left: auto;
  }

