#heading {
  color : white;
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#news-title {
  /* margin: top right bottom left */
  margin: 0 5 0 5;
  font-weight: bold;
}
#news-date {
  /* margin: top right bottom left */
  margin: 0 5 0 5;
  font-size: 12px;
  color: orange;
}
#news-text {
  /* margin: top right bottom left */
  margin: 0 5 0 5;
  font-family: arial, geneva, Verdana, Helvetica, sans-serif;
  font-size: 13px;
}

/*  Here is the CSS code for links */
a:link, a:active, a:visited, a:hover {
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  text-decoration: none;
  border-top: medium none black;  
}
a:link, a:active, a:visited {
  color: red;
}
a:hover{
  color: #29769D;  
}
a.the_menu:link, a.the_menu:active, a.the_menu:visited {
  font: bold 12px arial;
  text-decoration: none;
  color: #B7693B; /* rgb(183, 105, 59); */
}
a.the_menu:hover {
/*  text-decoration: underline overline; */
  color: #AAAAAA; /* rgb(170, 170, 170) */
}
a.news-list:link, a.news-list:active, a.news-list:visited {
  /* margin: top right bottom left */
  margin: 0 5 0 5;
  font: 11px Verdana;
  text-decoration: none;
  color: orange;
}
a.news-list:hover {
  color: rgb(174, 174, 173);
}
a.links_menu:link, a.links_menu:active, a.links_menu:visited {
  font: bold 12px Verdana;
  text-decoration: none;
  color: white; 
}
a.links_menu:hover {
  color: #AAAAAA; 
}
.webwork, a.webwork:link a.webwork:active, a.webwork:visited {
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
  color: #B6B6B6;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
  background-color: transparent;
}
a.webwork:hover{
  color: #C6DCEA;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
}

/* Generic Classes */
img {
 border: 0;
}

body {
  margin:0;
  padding:0;
  height:100%;
  width: 100%;
  background:black;
  color: white;
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
}

div {
  padding: 0px;
  margin: 0px;
  color : #ccc;
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
}

div.insideBox {
  /* margin: top right bottom left */
  margin: 5 3 5 3;
  color : white;
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

div.insideBoxGreen {
  /* margin: top right bottom left */
  margin: 5 3 5 3;
  color: rgb(151, 176, 133);
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

.insideBoxGreen:link, .insideBoxGreen:active, .insideBoxGreen:visited {
  color: rgb(151, 176, 133);
  font-family: geneva, arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.insideBoxGreen:hover {
    color: #777777;
    border: 1px solid #696969;
 }


/***************************
* Front Page Navigation Classes  *
****************************/
  /* personal support navigation box */
  .ps, .ps:link, .ps:active, .ps:visited {
    position: absolute;
    left: 360px;
    top: 300;
    width: 320px;
    height: 85px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .pstext {
    position: absolute;
    z-index:30;
    overflow:auto;
    left:5px;
    top:50px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* team navigation box */
  .team, .team:link, .team:active, .team:visited {
    position: absolute;
    left: 400px;
    top: 270;
    width: 50px;
    height: 65px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .teamtext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:5px;
    top:-18px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* urbaneyes is navigation box */
  .ui, .ui:link, .ui:active, .ui:visited {
    position: absolute;
    left: 425px;
    top: 350;
    width: 70px;
    height: 70px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .uitext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:5px;
    top:38px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* current project navigation box */
  .cp, .cp:link, .cp:active, .cp:visited {
    position: absolute;
    left: 440px;
    top: 290;
    width: 120px;
    height: 65px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .cptext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:15px;
    top:-33px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* arts navigation box */
  .arts, .arts:link, .arts:active, .arts:visited {
    position: absolute;
    z-index:200;
    left: 505px;
    top: 210;
    width: 35px;
    height: 205px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .artstext {
    position: absolute;
    z-index:200;
    overflow:auto;
    left:5px;
    top:188px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* links navigation box */
  .links, .links:link, .links:active, .links:visited {
    position: absolute;
    left: 550px;
    top: 265;
    width: 90px;
    height: 75px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .linkstext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:5px;
    top:-18px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* oots navigation box */
  .ootw, .ootw:link, .ootw:active, .ootw:visited {
    position: absolute;
    left: 580px;
    top: 370;
    width: 150px;
    height: 35px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .ootwtext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:5px;
    top:18px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* hazy navigation box */
  .hazy, .hazy:link, .hazy:active, .hazy:visited {
    position: absolute;
    left: 610px;
    top: 250;
    width: 35px;
    height: 100px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .hazytext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:5px;
    top:-18px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }

  /* alt navigation box */
  .alt, .alt:link, .alt:active, .alt:visited {
    position: absolute;
    left: 670px;
    top: 275;
    width: 55px;
    height: 80px;
    color: rgb(112, 98, 91);
    border: 1px solid rgb(174, 174, 173);
    text-decoration: none;
  }
  .alttext {
    position: absolute;
    z-index:40;
    overflow:auto;
    left:5px;
    top:-33px;
    font-family: geneva, arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }
  /* hover definitions for all of the navigation items */
  .ps:hover, .team:hover, .ui:hover, .cp:hover, .arts:hover, .links:hover, .ootw:hover, .hazy:hover, .alt:hover {
    color: #777777;
    border: 1px solid #696969;
  }