body {
 background-color: black;
 font: normal 14px/1.1em arial, sans-serif;
}

a {
 color: #501a0f;
}

a:active {
 color: #eae6df;
}

a:hover {
 text-decoration: none;
}

.nav_selected {
 font-weight: bold;
 font-style: italic;
 color: #ffd044;
}

#container {
 text-align: center;
 border: none;
 background-color: transparent;
}

#body, #top_sub, #top_main, #body_sub, #footer {
 border: 8px solid #501a0f;
}

#body {
 width: 800px;
 height: 550px;
 border-width: 8px;
 background: white;
 position: relative;
 margin: auto;
 text-align: left;
}

#body_bg {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 550px;
 background: transparent url(../imgs/ecBackground.jpg) center top repeat;
}

#top_main, #top_sub {
 overflow: hidden;
}

#top_sub {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 180px;
 height: 126px;
 border-left: 0px;
 border-top: 0px;
}

#top_main {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 612px;
 height: 126px;
 border-width: 0px;
 border-bottom-width: 8px;
 background-color: #919191;
}

#body_sub {
 position: absolute;
 top: 134px;
 right: 0px;
 width: 200px;
 height: 416px;
 border-width: 0px;
 border-left-width: 8px;
 overflow: auto;
}

#body_main {
 position: absolute;
 top: 134px;
 left: 0px;
 width: 592px;
 height: 416px;
 border: none;
}

#body_content {
 background-color: transparent;
 margin-top: 2px;
 padding: 10px;
 height: 373px;
 overflow: auto;
}

#body_content h1, #body_content h2, #body_content h3, #body_content h4, #body_content h5 {
 text-align: left;
}

#footer {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 30px;
 border-width: 0px;
 border-top-width: 8px;
}

#nav_div {
 width: 592px;
 height: 23px;
 position: absolute;
 top: 0px;
 left: 0px;
 background-color: #d5cfcf;
 -moz-opacity: .4;
 opacity: .40;
 z-index: 4;
 border-bottom: 1px solid #aaa;
}

#nav_links {
 position: relative;
 width: 100%;
 background-color: transparent;
 font: bold .97em/1.1em "Optima","Futura Condensed", "Century Gothic", arial, sans-serif;
 color: #40090e;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 z-index: 5;
}

#nav_links td {
 text-align: center;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
}

#nav_links td a {
 display: block;
}

.news_div {
 position: relative;
 width: 85%;
 margin: auto;
 margin-top: 15px;
 padding-bottom: 10px;
 border: 1px solid #aaa;
 background-color: #d5cfcf;
 -moz-opacity: .5;
 opacity: .5;
 text-align: left;
}

.news_div h3 {
 margin: 0px;
 padding: 5px;
 border-bottom: 1px solid #aaa;
 background-color: #e0dedd;
 text-align: center;
}

.news_div ul {
 font-size: .9em;
 margin: 10px 0px 0px 0px;
 padding: 0px 5px 0px 20px;
}

#loading {
 display: none;
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 75px;
 height: 20px;
 z-index: 10;
}

#loading img {
 width: 100%;
}

#options_container {
 background: transparent;
 width: 100px;
 position: absolute;
 top: 5px;
 right: 5px;
}

#lo_div {
 background: white;
 padding: 5px;
 border: 1px solid #aaa;
}

#opts_div {
 font-size: .92em;
 margin: 0px auto 0px auto;
 overflow: auto;
 height: 0px;
 display: none;
 background-color: #fafcf3;
 width: 90%;
 border-right: 1px dashed #ccc;
 border-left: 1px dashed #ccc;
}

#opts_div h4 {
 margin: 5px 5px 10px 5px;
}

#options_list {
 text-align: left;
 padding: 0px 5px 10px 15px;
 margin: 0px;
}

#opts {
 text-align: center;
 margin-top: -1px;
 padding: 0px;
 display: block;
 background: #e8e7e5;
 border: 1px solid #8b836a;
 border-top: none;
 font-size: .85em;
}