/************************
* spans
************************/

nav.linkpic
{
  position: relative;
  left: 20px;
}

nav.linkpic_columns
{
  float:left;
  width:31%;
  text-align:center;
  background-color: #FEB;
  padding:1%;
  background-clip: content-box;
}

nav.linkpic span
{
  background-clip: content-box;  
  float: left;
  height: 310px;
  width: 325px;
  padding: 25px 0 25px 0;
}

nav.linkpic span ul
{
  list-style-type: none;
  margin: 0;
  padding: 0; /*0 0 20px;*/
  color: #407;
}

nav.linkpic span ul li:before
{
  content: "\00BB \0020";
}

nav.linkpic span ul li a:hover
{
    border-radius: 3px;    
    background: lightyellow;
    box-shadow: 0px 0px 10px 5px lightyellow;/*#FFFFE0;*/
}

nav.linkpic img
{
  background-color: rgba(255,255,224,0.6); /*equals 'lightyellow'*/
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 3px;
  border: 2px solid;
  border-color: #333; /*#7940AE;*/
  width: 310px;
  cursor: pointer;
}

nav.linkpic img:hover
{
  z-index: 999;
  box-shadow: 0px 0px 30px 5px white;/*#FFFFE0;*/
  opacity: 1;
}

div.newsbox_container
{
  /*background: repeat-y right url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAABCAYAAAA8YlcZAAAAEklEQVQokWM4fPjw/1E8iqmNAa3E7EDcNitBAAAAAElFTkSuQmCC);*/
}

div.newsbox
{
  text-align: left;
  margin: 1%;
  padding: 15px;
  border-radius: 3px;
  border: 2px solid;
  border-color: #333; /*#7940AE;*/
  width: 45%;
  float: left;
}

div.newsbox_left
{
  background-color: rgba(255,255,224,0.4); /*equals 'lightyellow'*/
  width: 45%;
}

div.newsbox_right
{
  background-color: rgba(255,255,224,0.7); /*equals 'lightyellow'*/
  width: 45%;
}

span.news_date
{
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 12em;
  text-align: right;
  padding-right: 1em;
}

div.highlight-banner
{
  position: absolute;
  top: 45px;
  left: 5px;
  width: 200px;
  height: 100px;
  margin-left:auto;
  margin-right:auto;

  padding: 20px;
  background-color: #C990FE;
  border: 1px #7940AE solid;
  
  border-radius: 0% 0% 50% 50%;
  box-shadow: 5px 5px 15px 7px rgba(0,0,0,0.6);
  opacity: 1;

  text-align: center;
  font-weight: bold;
  font-size: large;
}