* { margin: 0px; padding: 0px; }
html { min-height: 100%; }
body { text-align: center; font-family:"Trebuchet MS", Trebuchet; font-size: 12px; color: #D4D4D4; background:#0E171E; line-height:18px; }
p { padding:2px 6px 8px; }
ol, ul, dl, h1, h2, h3, ol, ul, dl { padding:8px 6px 3px; }
ol, ul, dir, menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
blockquote { width:90%; margin:10px auto; padding:0 26px; }
#skip { display: none; }
a img, :link img, :visited img { border: none; }
img { display: block; }
a:link { color: #FFF; text-decoration: underline; }
a:visited { color: #d9d0b5; text-decoration: underline; }
a:hover, a:active { color: #DB7C7C; }
.floatright { float: right; }
.floatleft { float:left; }
img.floatleft { padding:5px; }
.alignleft { text-align:left !important; }
.alignright { text-align: right !important; }
.inline { display: inline; }
.clear { clear: both;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/ .clearfix { display:block; } /**/
h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 20px; line-height: 18px; color:#D9D0B5; font-weight:normal; }
h2 { font-size:18px; }
h3 { font-size: 16px; }
hr { height:1px; color:#666; background:#666; border:0; width:98%; margin:0 auto 5px; }
#wrapper { width:800px; margin:30px auto 0; }
#header { position:relative; display:block; width:800px; height:62px; background:#000 url(../images/bg_header.gif) no-repeat; }
#header #logo { position:absolute; left:0; top:0; height:65px; width:230px; display:block; }
#header #logo span { display:none; }
/* navigation
-------------------------------------------- */
#nav { position: absolute; bottom:0; right:0; height: 35px; z-index: 50; width: 550px; }
#nav li { position: relative; height: 35px; list-style: none; float: left }
#nav li a { position: relative; height: 25px; display:block; text-decoration:none; cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 35px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/bg_nav.gif); }
#home #nav a:hover { text-decoration: none;}
#nav li.how, #nav li.how a, #nav li.how a strong { background-position: 0 0; width: 153px; }
#nav li.facts, #nav li.facts a, #nav li.facts a strong { background-position: -153px 0px; width: 82px; }
#nav li.articles, #nav li.articles a, #nav li.articles a strong { background-position: -235px 0px; width: 103px; }
#nav li.timeline, #nav li.timeline a, #nav li.timeline a strong { background-position: -336px 0px; width: 110px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background-position: -446px 0px; width: 102px;}
/* HOVER STATE */
#nav li.how, #nav li.how a:hover strong { background-position: 0px -70px; width: 153px; }
#nav li.facts, #nav li.facts a:hover strong { background-position: -153px -70px; width: 82px; }
#nav li.articles, #nav li.articles a:hover strong { background-position: -235px -70px; width: 103px; }
#nav li.timeline, #nav li.timeline a:hover strong { background-position: -336px -70px; width: 110px; }
#nav li.contact, #nav li.contact a:hover strong { background-position: -446px -70px; width: 102px; }
/* ON STATE */
#nav li.howon, #nav li.howon strong { background-position: 0px -35px; width: 153px; }
#nav li.factson, #nav li.factson strong { background-position: -153px -35px; width: 82px; }
#nav li.articleson, #nav li.articleson strong { background-position: -235px -35px; width: 103px; }
#nav li.timelineon, #nav li.timelineon strong { background-position: -336px -35px; width: 110px; }
#nav li.contacton, #nav li.contacton strong { background-position: -446px -35px; width: 102px; }
#content { position:relative; width:800px; min-height:543px; background:#0E171E; text-align:left; }
* html #content, * html #content #col_1 { height:543px; }
#content #col_1 { width:150px; float:left; min-height:543px; background:url(../images/bg_col_1.gif) no-repeat 0 0; }
#content #col_1 h2 { background:url(../images/bg_subnav_head.gif) no-repeat 0 0; font-size:14px; font-weight:normal; }
#subnav, #subnav ul { margin:0; padding:0; list-style:none; }
#subnav li { background:url(../images/bg_subnav.gif) no-repeat 100% 100%; }
#subnav li a, #subnav li a:visited { display:block; width:130px; padding:5px 10px 5px 10px; height:1%; background:url(../images/bg_subnav.gif) no-repeat 100% 100%; text-decoration:none; color:#FFF; }
#subnav li a.last, #subnav li a.last:visited, #subnav li.last { background:url(../images/bg_subnav_last.gif) no-repeat 0 100%; }
#subnav li a:hover, #subnav li a.last:hover { background:#834D4D; text-decoration:none; color:#D9D0B5; }
#subnav li p { padding-left:15px; padding-top:5px; padding-bottom:5px; }
#content #col_2 { width:630px; padding: 0 10px; float:left; background:#0E171E url(../images/bg_content.gif) no-repeat 0 0; }
#content #col_2 .title { float:right; text-align:right; font-size:26px; margin:20px 0 0; line-height:24px; }
#content #col_2 .subtitle { float:right; clear:right; text-align:right; font-size:14px; color:#8B8E90; margin: -10px 0 20px; }
#content #col_2 .breadcrumb { background:url(../images/bg_breadcrumb.gif) repeat-y; padding:5px 10px; margin:20px 0; }
#content #col_2 .breadcrumb a { color:#D4D4D4; }
#content #h_col1 { width:400px; float:left; }
#content #h_col2 { width:230px; float:left; }
#content #col_2 .entry { margin-bottom:1px; margin-right:1px; background:#380000 url(../images/bg_home_box.gif) repeat-x; border-bottom:1px solid #5d0000; }
.subnav { position:relative; top:256px; width:150px; min-height:200px; }
* html .subnav { height:200px; }
#footer { position:relative; display:block; width:800px; height:100px; margin-top:10px; padding:0; background:url(../images/bg_footer.gif) no-repeat 150px 0; color:#D9D0B5; }
#footer p { position:absolute; top:10px; right:10px; text-align:right; }
#footer p a { color:#FFF; }
.t_form { margin:20px; }
.t_form th { background:#efefef; }
.t_form td, .t_form th { padding:5px; border-bottom:1px solid #666; }
.how_info { position: absolute; left:395px; top:210px; width:300px; }
.how_info p { color:#333; }
.how_info h2 { color:#666666; }
.smallinfobox { width:230px; min-height:50px; background:#0f181f url(../images/bg_smallinfobox.gif) repeat-x; margin-bottom:1px; }
.smallinfobox .more { padding: 1px 5px; text-align:right; background:#393b3d; width:220px; display:block; }
img.floatleft { margin:0 5px 5px 0; }