html{
 height:100%;
}

body{ 
 background-image: url("/assets/images/stars.gif");
 background-attachment: fixed;
 background-color: #000000;
 color: #EEEEEE;
 font-size: 15px; 
 font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 height: 100%;
 margin-top:0px;
}

#page{
 margin: 2px;
 width: 100%;
 text-align: center;
 margin-bottom: 10px;
}

#banner{
 display: block;
 width: 100%;
 height: 200px;
 margin-left: auto;
 margin-right: auto;
 z-index: 1;
}


#menu{
 display: block;
 position: relative;
 background-color: #000000;
 padding: 5px;
 text-align: center;
 margin-right:auto;
 margin-left:auto;
 border: 1px solid #EEEEEE;
 font-size: 20px;
 width: 800px;
 z-index: 2;
}

#menu ul{
 display: block;
 list-style: none;
 margin: 0px;
 padding: 0px;
}

#menu li{
 display: inline; 
 list-style: none;
 margin-left: 3px;
 margin-right: 3px;
}


#content{
 overflow:auto;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-right:auto;
 margin-left:auto;
 padding: 5px;
 text-align: left;
 border: 1px solid #EEEEEE;
 width: 800px;
}


#footer{
 width: 800px;
 margin-right:auto;
 margin-left:auto;
 margin-top: 40px;
 margin-bottom: 40px;
}

#footer ul{
 display: inline;
 list-style: none;
 margin: 0px;
 padding: 0px;
}

#footer ul li{
 display: inline;
 list-style: none;
 border-left: 1px solid #EEEEEE; 
 margin-left: 3px;
 margin-right: 3px;
 padding-left: 5px;
}

#footer a{
 display: inline;
}

#bimage{
 width: 800px;
 height: 250px;
 margin-left: auto;
 margin-right: auto;
 z-index: 1;
 position: relative;
}

#hcclogo{
 width: 36px;
 height: 24px;
 margin: 5px;
 z-index: 1;
 position: relative;
}


a:link {
color: #EEEEEE;
 text-decoration: none;
}

a:visited {
color: #EEEEEE;
 text-decoration: none;
}

a:active {
color: #EEEEEE;
 text-decoration: none;
}

a:hover {
 color: #EEEEEE;
 text-decoration: underline;
} 

#content a:link {
color: #EEEEEE;
 text-decoration: none;
 font-weight: bold;
}

#content a:visited {
color: #EEEEEE;
 text-decoration: none;
 font-weight: bold;
}

#content a:active {
color: #EEEEEE;
 text-decoration: none;
 font-weight: bold;
}

#content a:hover {
 color: #EEEEEE;
 text-decoration: underline;
 font-weight: bold;
}

.hedding{
 background: #FFFFFF;
 color: #000000;
 font-weight: bold;
}