body
{
    font-family: Arial, Arial Narrow, Verdana;
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-image: url('../images/bg-circles.jpg' );
    background-repeat: repeat;
}

a
{
    color: #cc0000;
    background: inherit;
    text-decoration: none;
}

a:hover
{
    color: #cc0000;
    background: inherit;
    text-decoration: underline;
}

.footerhref a
{
    color: White;
    background: inherit;
    text-decoration: none;
}

.footerhref a:hover
{
    color: White;
    background: inherit;
    text-decoration: underline;
}



.title
{
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 16pt;
    color: Blue;
}

.headline
{
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 18pt;
    color: Black;
}

.maintext
{
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    line-height: 14pt;
    color: Black;
}

.subtext
{
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    line-height: 12pt;
    color: #339999;
    font-weight: bold;
}

img
{
    border-style: solid;
    border-color:Black;
    border-width: 3px;
    margin-right: 8px;
    margin-left: 8px;
}

.logo
{
    border-style: solid;
    border-color: #339999;
    border-width: 0px;
    text-align: center;
}

/*---------------------------------------------------- 
+ container encapsulates all elements
+ header contains primary logo
+ subheader contains decorative horizonal rule line and menu
  * date contans the current date
  * login contains the netscheduler link
+ menu holds vertical menu
+ content holds primary content
+ news contains a manually updated feed with descriptions to content.
+ footer contains terms/cond., privacy, & copyrights 
--------------------------------------------------------*/

#wrapper
{
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    background-color:White;

}

#footer
{
    padding-top: 5px;
    width: 800px;
    height: 30px;
    text-align: center;
    clear: both;
    float: left;
    font-size: 8pt;
    background-color: #cc0000;
    color: White;
}

#header
{
    background-image: url("../images/header.gif" );
    background-repeat: no-repeat;
    width: 800px;
    height: 270px;
    position: relative;
    clear: both;
    position: relative;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 0px;
}

#logo
{
    width: 220px;
    height: 220px;
    background-image: url("../images/logo.gif" );
    border-style: ridge;
    border-color: Navy;
    border-width: medium;
    background-position: center;
    background-repeat: no-repeat;
    background-color: White;
    position: relative;
}

#bg
{
    padding-left: 10px;
    margin-top: -30px;
    width: 790px;
    background-repeat: repeat-x;
    background-image: url('../images/background.gif' );
    background-color:white;
    /*height:400%; */
    height:2700px;
}

#topheader
{
    width: 520px;
    height: 35px;
    background-color: #cc0000;
    position: relative;
    float: left;
    color: White;
    text-align: right;
    border-color: White;
    border-style: solid;
    border-spacing: 10px;
    border-width: 1px;
}

#subheader
{
    width: 800px;
    height: 10px;
    background-color: Navy;
    position: relative;
    clear: both;
    margin-top: 1px;
    position: relative;
    border-bottom: 1px;
    border-color: red;
    border-width: 2px;
}

#date
{
    float: inherit;
    font-size: 8pt;
    color: white;
    padding-left: 5px;
    padding-top: 7px;
    vertical-align:bottom;
}

#login
{
    float: right;
    font-size: 10pt;
    color: white;
    padding-right: 5px;
}
#content
{

    width: 500px;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    position: relative;
    margin-top: 40px;
}

#menu
{
    width: 215px;
    /* height: 650px; */
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    float: left;
    border-style: ridge;
    border-color: Navy;
    border-width: medium;
    text-align:center;
}


.glossymenu
{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    width: 175px;
    border-bottom-width: 0;
     text-align:center;
}

.glossymenu li a
{
    background: white url( "../images/glossyback.gif" ) repeat-x bottom left;
    font: bold 12pt "Arial" , "Trebuchet MS" , Verdana, Helvetica, sans-serif;
    color:Navy;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
    font-variant:normal;
    line-height: 24pt;
    border-bottom: solid 1px Navy;
}


* html .glossymenu li a
{
    /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active
{
    color: black;
    text-decoration: none;
}

.glossymenu li a:hover
{
    background-image: url("../images/glossyback2.gif" );
    color: #cc0000;
    background-color:silver;
}

/* Drop Shadow Effect */

.alpha-shadow {
  float: left;
  background: url(../images/shadow.gif) »
  no-repeat bottom right;
  margin: 40px 0 0 40px !important;
  margin: 40px 0 0 20px;
}

.alpha-shadow div {
  /*background: url(../images/shadow2.png) »
  no-repeat left top !important;
  */
  background-image: url(../images/shadow2.gif) » no-repeat left top;
  padding: 0px 20px 20px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}