body {
font-family: Arial, Arial Narrow, Verdana;
font-size: 10pt;
}

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

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

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

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

.subtext
 {
     margin:0px;
     padding:0px;
     font-size:10pt;
     line-height:12pt;
     color:#339999;
     font-weight:bold;
 }
    
img 
 {
    border-style:solid ;
    border-color:#339999;
    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 
--------------------------------------------------------*/

#container 
{
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width: 820px;
    height: 100%;
    }
     
#footer {
    padding-top:5px;
    width: 820px;
    height: 50px;
    text-align:center;
    clear:both;
    float:left;
    font-size:8pt;
    }

#header {
    background-image:url("../images/header_bg.jpg");
    background-repeat:no-repeat;
    width: 800px;
    height:200px;
    position:relative;
    clear:both;
    position:relative;
    }


#subheader {
    width: 800px;
    height: 20px;
    background-color: #d2ee0c;
    position:relative;
    clear:both;
    margin-top:5px;
        position:relative;
    }

#date {
    float:left;
    font-size:10pt;
    color:#339999;
    padding-left:5px;
    }
    
#login {
    float:right;
    font-size:10pt;
    color:#339999;
    padding-right:5px;
    }   


#menu {
    width: 175px;
    padding-right: 5px;
    padding-bottom:5px;
    padding-top: 5px;
    float:left;
    vertical-align:middle;    
    }
    
 
 .glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url("../images/glossyback.gif") repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* 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: white;
text-decoration: none;
}

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

 
 #mission {
    width: 174px;
    padding-top:5px;
    }
    
#mission_header {
    width: 174px;
    height: 21px;
    background: white url("../images/glossyback.gif") repeat-x bottom left;
    text-align:center;
    font:Arial Narrow;
    font-weight:bold;
    color:White;     
    }

#mission_content {
    width: 166px;
    font-size:8pt;
    border-style:solid;
    border-width:2px;
    border-color:#339999;
    font-style:italic;
    color:Gray;
    padding-left:2px;
    padding-right:2px;
    text-align:center;	
    
    }
    
#mission_footer {
    width: 168px;
    height: 15px;
    background-color: #d2ee0c;
  
    }
 
    
#content {
    width: 425px;
    padding: 5px;
    margin-left:5px;
    margin-right: 5px;
    float:left;
        position:relative;
     }
    
    
#right_column {
    width: 175px;
    float:left;
    padding-top:5px;
    }

#news {
    width: 175px;
    }
    
#news_header {
    width: 175px;
    height: 21px;
    background: white url("../images/glossyback.gif") repeat-x bottom left;
    text-align:center;
    font:Arial Narrow;
    font-weight:bold;
    color:White;     
    }

#news_content {
    width: 171px;
    font-size:8pt;
    border-style:solid;
    border-width:2px;
    border-color:#339999;
    
    }
    
#news_footer {
    width: 171px;
    height: 15px;
    background-color: #d2ee0c;
  
    }
    
    #events {
    width: 175px;
    }
    
#events_header {
    width: 175px;
    height:22px;
    background: white url("../images/glossyback.gif") repeat-x bottom left;
    text-align:center;
    font:Arial Narrow;
    font-weight:bold;
    color:White;    
    
    }

#events_content {
    width: 171px;
    border-style:solid;
    border-width:2px;
    border-color:#339999;
    font-size:8pt;
    }
    
#events_footer {
    width: 171px;
    height: 15px;
    background-color: #d2ee0c;
    }