html, body { 
 height: 100%;
 }

body {
font-family: Trebuchet MS;
font-size: 70%;
line-height: 160%;
padding: 0px;
margin: 0px;
height: 100%;
color: #000000;
background-color: #cfdd28;
background-image:url(x2.jpg);
}

/*div styles */

#container {
background-color: #cfdd28;
padding: 10px;
padding-left: 100px;
margin: 0px auto;
width: 500px;
height: 1200px;
z-index: 200;
}

* html #container {
width: 400px;
w\idth: 400px;
}


#container a {
border: 0px;
color: #000000;
text-decoration: none;
}

#container a:hover {
border: 0px;
color: #000000;
text-decoration: underline;
}

#container a:visited {
border: 0px;
color:#990066;
}

#description {
float: left;
height: 45px;
width: 912px;
background-color:#555555;
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 0px;
z-index: 10;
}

* html #description {
height: 65px;
}

img {
float: left;
border: 0px;
padding: 0px;
}

#top {
float: left;
width: 100%;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
padding: 0px;
}


#top a span {
display: none;
}

#top a:hover {
display: block;
}

#top a:hover span {
display: block;
position: absolute; 
top: 100px; 
width: 90px;
padding-left: 5px; 
color: #C1BAB8;
font-family: Trebuchet MS, sans-serif;
font-size: 90%;
line-height: 130%;
z-index: 2000;
}

* html #top a:hover span {
margin-left: -90px;
font-size: 80%;
width: 90px;
height: 45px;
top: 95px;
}


#top img {
padding: 0px;
margin: 0px;
}

* html #top img {
width: 90px;
margin-left: -6px;
}

* html #top img.cascade {
padding: 0px;
width: 90px;
height: 90px;
}

#top p {
padding-top: 0px;
margin-top: 0px;
width: 90px;
height: 90px;
}

#mid {
float: left;
width: 100%;
height: 386px;
background-color:#ffffff;
border-right: 1px solid black;
border-left: 1px solid black;
padding: 0px;
overflow: hidden;
}

* html #mid {
padding-top: 10px;
}


#mid a {
color: black;
text-decoration: none;
}

#mid a:hover {
text-decoration: underline;
}

#mid p {
padding-left: 95px;
}

#nav {
float: left;
background-color: #996665;
color:#555555;
width: 100%;
margin: 0px;
padding: 0px;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
}

#bottom {
float: left;
width: 100%;
height: 100px;
background-color:#555555;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;	
padding: 0px;									
}

#nav ul {
margin: 0px;
padding: 0px;
}

#nav li {
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px;
}

#nav a {
float: left;
text-decoration: none;
margin: 0px;
padding: 0px 10px 0px 5px;
color: black;
}

#nav a:hover {
text-decoration: none;
background-color: #555555;
color: #C1BAB8;
}

#navright {
float: right;
color: black;
padding: 0px;
}

#navright ul {
margin: 0px;
padding: 0px;
}

#navright li {
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px;
}

#navright a {
float: left;
text-decoration: none;
margin: 0px;
padding: 0px 5px 0px 5px;
color: black;
}

#navright a:hover {
text-decoration: none;
background-color: #555555;
color: #C1BAB8;
}

#midleft {
float: left;
clear: right;
padding-left: 95px;
width: 500px;
height: 150px;
padding: 0px;
}

#midright {
float: right;
clear: left;
width: 300px;
}

.padding-left1 {
padding-left: 90px;
}

* html #top a:hover span p.padding-left1 {
margin-left: -90px;
}

.padding-left2 {
padding-left: 182px;
}

* html #top a:hover span p.padding-left2 {
margin-left: -182px;
}

.padding-left3 {
padding-left: 272px;
}

* html #top a:hover span p.padding-left3 {
margin-left: -272px;
}

.padding-left4 {
padding-left: 363px;
}

* html #top a:hover span p.padding-left4 {
margin-left: -363px;
}

.padding-left5 {
padding-left: 454px;
}

* html #top a:hover span p.padding-left5 {
margin-left: -454px;
}

.padding-left6 {
padding-left: 546px;
}

* html #top a:hover span p.padding-left6 {
margin-left: -546px;
}

.padding-left7 {
padding-left: 636px;
}

* html #top a:hover span p.padding-left7 {
margin-left: -636px;
}

.padding-left8 {
padding-left: 727px;
}

* html #top a:hover span p.padding-left8 {
margin-left: -727px;
}

.padding-left9 {
padding-left: 818px;
}

* html #top a:hover span p.padding-left9 {
margin-left: -818px;
}

.border-right {
border-right: 1px solid black;
}