html, body
{
height:100%;
}

body
{
margin:0;
padding:0;
font-size:11px;
font-family:Verdana,Helvetica,sans-serif;
line-height:150%;
color:#fefefe;
background-color:#000000;
}


div#header
{
background-image: url(/images/header.png);
background-repeat:no-repeat;
background-position:left top;
width:996px;
height:128px;
margin:0 auto;
}

div#canvas
{
margin:0 auto;
width:996px;
background-image:url(/images/navigation.png);
background-repeat:no-repeat;
background-position:left bottom;
background-color:#000000;
}


div#container
{
width:806px;
background-color:#ffffff;
float:left;
background-image:url(/images/bg_white_black.png);
background-repeat:repeat-y;
}

div#nav
{
float:left;
width:190px;
}

div#content
{
float:left;
width:646px;
padding:0px;
color:#000000;
}

div#sidebar
{
background-image:url(/images/sidebar.png);
background-repeat:no-repeat;
background-position:left top;
background-color:#000000;
float:left;
width:160px;
height:560px;
}


div#footer
{
clear:both;
color:#fefefe;
width:996px;
margin:0 auto;
padding:10px 0px;
}

div#sidebar:after, div#container:after
{
content: "";
display: block;
clear: both;
height: 0;
font-size:0;
visibility:hidden;
}

.clearfix
{clear:both;}


div#footer a:link, div#footer a:visited, div#footer a:active
{
color:#fefefe;
text-decoration:none;
}

div#footer a:hover, ul#nav_ul a:hover, ul#intronav_ul a:hover 
{
color:#ec7404;
}


.dot {color:#ec7404; font-weight:bold;}
.linkright {width:100%; text-align:right; margin:5px 0px;}
.linkright a {color:#fefefe; text-decoration:none;}
.linkright a:hover {color:#ec7404;}
.fld_grey   {border:0px; background-color:#eaeaea; width:270px; padding:2px; font-family:Verdana,Helvetica,sans-serif; font-size:11px;}
.fld_small  {width:130px !important;}
.fld_xsmall {width:90px !important;}
.fld_mr_xxs {margin-right:5px;}
.bold {font-weight:bold;}
.underlined {text-decoration:underline;}
.left    {text-align:left;}
.right   {text-align:right;}
.center  {text-align:center;}
.justify {text-align:justify;}
.top     {vertical-align:top;}
.bottom  {vertical-align:bottom;}


div#linklogo {padding-left:2px; padding-top:17px; width:384px; height:87px;}
img#linklogo {border:0; width:384px; height:87px;}

h1 {color:#ec7404; font-size:200%; font-weight:bold; margin:15px 0px;}
h1.intro {color:#ffffff; font-size:180%; margin:20px 0px; font-weight:normal;}
h2 {color:#ec7404; font-size:130%; font-weight:normal; margin:15px 0px; font-style:italic;}
h3 {color:#ec7404; font-size:100%; font-weight:bold; margin:15px 0px;}
h4 {font-size:100%; font-weight:bold; margin:15px 0px;}

p {display:block; margin:10px 0px;} 

ul#nav_ul             {font-size:13px;}
ul#nav_ul li          {list-style:none; padding:10px 0px;}
ul#nav_ul li a        {color:#fefefe; text-decoration:none;}
ul#nav_ul li.nav, ul#nav_ul li.subnav {padding:3px 10px; }
ul#nav_ul li.active a {color:#ec7404; font-weight:bold;}
ul#nav_ul li.subnav a {color:#ec7404;}

ul#intronav_ul             {font-size:15px; font-weight:bold;}
ul#intronav_ul li          {list-style:none; padding:10px 0px; background-image:none;}
ul#intronav_ul li a        {color:#fefefe; text-decoration:none;padding-left:60px; }
ul#intronav_ul li a:hover  {background-image:url(/images/item.png);background-repeat:no-repeat;background-position:0px -3px;}


body#intro
{
background-image:url(/images/intro.jpg);
background-repeat:no-repeat;
background-position:center 20px;
background-color:#000000;
}

div#introcanvas
{
margin:20px auto 0px auto;
width:996px;
height:670px;
}

div#introspacer {border:0; width:700px; height:120px;}
div#introclaim  {border:0; width:500px; height:50px; padding-left:5px;}
div#introteaser {border:0; width:500px; height:130px; padding-left:5px; font-size:13px; text-align:justify;}
div#intronav    {border:0; width:400px; height:320px;}
 
div#content a
{color:#ec7404;}