body
{
text-align: center;
background-color: black;
padding: 1em;
font-family: Verdana;
font-size: 8pt;
}

#wrap
{
width: 900px;
height: 550px;
border: 1px solid black;
background-color: white;
margin: 0 auto;
}

#top
{
background-color: black;
width: 900px;
height: 80px;
}

#toptext
{
background-color: black;
width: 900px;
color: #A7ECF1;
text-align: left;
}

#middle
{
width: 900px;
height: 400px;
}

#middleleft
{
float: left;
width: 170px;
height: 400px;
vertical-align: bottom;
position: relative;
background: #fff;
}

#middleleft1 {
	position: absolute;
	top: 0;
	left: 0;
}
ul#nav {
	margin: 120px 20px;
	
}
ul#nav li {
	list-style: none;
	margin: 20px 0;
	text-align: right;
}
#middleleft2 {

font-weight: bold;
font-family: Georgia;
line-height: 80%;
font-size: 9pt;

}

#middleleft3
{
position: absolute;
	bottom: 0;
	left: 0;
}


#middleleft3 img {position: absolute; bottom: 0;}

#middleright
{
float: right;
width: 730px;
height: 400px;
background-color: #2D1600;
overflow: auto;
text-align: right;
}

#middleright1
{
float: left;
width: 150px;
height: 400px;
background-color: #664400;
border: 5px solid #2D1600;
border-top: none;
border-bottom: none;
overflow: auto
}

#middleright2
{


height: 370px;
background-color: white;
text-align: left;
padding: 15px;
overflow: auto;
}

#bottom
{
background-color: black;
width: 900px;
height: 100px;
color: #A7ECF1;
}



a:link 
{ 
color: black;
text-decoration: none;
}

a:visited { text-decoration: none; color: black;
}

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

a:hover
{
color: #A7ECF1;
text-decoration: none;
}

input.my_decoration{display:none;}
input { margin: .5%; vertical-align: middle; }

.main_image {
    width: 535px;
    height: 370px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 5px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 5px;
    margin: 0;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: middle;
    width: 130px;
    /*--background: #f0f0f0;--*/
    /*--border-right: 1px solid #fff;--*/
    /*--border-top: 1px solid #ccc;--*/
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 2px;
    background: #fff;
    float: middle;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 6px 5px;
    /*--background: #f0f0f0 url(nav_a.gif) repeat-x;--*/
    /*width: 130px;*/
    float: middle;
    /*--border-bottom: 1px solid #ccc;--*/
    /*--border-top: 1px solid #fff;--*/
    /*--border-right: 1px solid #ccc;--*/
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
    float: middle;
}
.image_thumb ul li.active { /*--Active State--*/
    /*--background: #fff;--*/
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/