body {color: black; background: #003300;}
.pagebody { margin: auto;
    height: 100%;
    width: 775px;
    }

a:link {color:black; background:clear;}
a:visited {color:black; background:clear;}
a:hover {color: green; background:clear; text-decoration: underline overline; font-weight:bold;}
a:active {color:white; background:red;}
a {text-decoration:none;}

.container { border: solid; border-width: thin; background: #006633; width: 775px; height: 650px;}
.container2 { border: solid; border-width: thin; background: #006633; width: 775px; height: 750px;}

#box1 { border: 
solid; 
margin-left: 2px; 
margin-top: 2px; 
border-width: thin; 
height: 150px; 
width: 765px; 
padding: 2px;
background-image: url(../images/logo.gif);
background-color: #C0C0C0;}

#box2 { float: left;
margin-left: 2px;
margin-top: 2px;
height: 300px;
width: 29%;
border: solid;
border-width: thin;
padding: 2px;
background: #C0C0C0;
font-size: small;}

#box3 { float: right;
margin-right: 2px;
margin-top: 2px;
height: 300px;
width: 68%;
border: solid;
border-width: thin;
padding: 2px;
background: #C0C0C0;
}

#box4 { border: solid;
margin-left: 2px;
margin-top: 2px;
border-width: 1px;
height: 75px;
width: 765px;
padding: 2px;
float: left;
background-image: url(../images/bottombanner.jpg)}

#box5 { border: solid;
margin-left: 2px;
margin-top: 2px;
border-width: 1px;
height: 75px;
width: 765px;
padding: 2px;
float: left;
background: #C0C0C0;}

#box6 { border: solid;
margin-left: 2px;
margin-top: 2px;
border-width: 1px;
height: 186px;
width: 765px;
padding: 2px;
float: left;
background-image: url(../images/pano_fall2.jpg)}

#box7 { border: solid;
margin-left: 2px;
margin-top: 2px;
border-width: 1px;
height: 186px;
width: 765px;
padding: 2px;
float: left;
background-image: url(../images/pano_fall1.jpg)}

#box8 { float: right;
margin-right: 2px;
margin-top: 2px;
height: 396px;
width: 68%;
border: solid;
border-width: thin;
padding: 2px;
}

#box9 { float: left;
margin-left: 2px;
margin-top: 2px;
height: 396px;
width: 29%;
border: solid;
border-width: thin;
padding: 2px;
background: #C0C0C0;
font-size: small;}

#buttonA ul {

    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
}
#buttonA li {
    list-style-type: none;
    height: 30px;
    width: 125px;
    margin: 20px;
    text-align:center;
}
#buttonA li a {
    height: 100%;
    width: 100%;
    display: block;
    text-decoration: none;
    border-width: 6px;
}
#buttonA li a:link {
    color: #000000;
    font-weight: bold;
    background-color: #CCCCCC;
    border-style: outset;
}
#buttonA li a:visited {
    color: #000000;
    font-weight: normal;
    background-color: #CCCCCC;
    border-style: outset;
}
#buttonA li a:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999999;
    border-style: outset;
}
#buttonA li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: inset;
}

#textborder1 {border: 2px outset green; text-align: left; margin-left: 2px}
#textborder {border: 2px outset rgb(153, 153, 153); text-align: center; margin-left: 55px; width: 95px;}
#textborder a:hover {
    font-weight: bold;
    color: green;
    background-color: #00F00;
    border-style: outset;
}

#horizontal-links ul li{
margin:0;
padding:10;
display:inline;
list-style-type:none;
}