/* Diverge toward infinity */

/*

------------------------------------------------------
Copyright William Pratt, www.metalwings.org
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* --- DEFAULTS ---------------- */

:link, :visited {
text-decoration:none;
}

ul, ol {
list-style:none;
margin: }

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
margin:0;
padding:0;
}

/* --- BODY -------------------- */

body {
font-family:"Lucida Grande","Lucida Sans Unicode",verdana,arial,helvetica,sans-serif;
font-size: 100%;
color: #663300;
background: #3d2700 url(images/body_bg.jpg) repeat-y 50% 0em
}

/*--------------old bground -------------- */
/* --- BANNER ------------------ */

#banner {
position:relative;
width:800px;
height:160px;
margin:0 auto;
background-image:url(images/banner_bg_1.jpg);
font-size: 1.3em;
}

#banner p {
position:relative;
top:65px;
left:170px;
width:600px;
font-family:trebuchet,"trebuchet ms",sans-serif;
letter-spacing:1px;
color:#fff;
}

#nav-meta {
position:absolute;
top:11px;
left:705px;
width:90px;
font:bold trebuchet,"trebuchet ms",arial,helvetica,sans-serif;
font-size: .5em;
}

#nav-meta a {
padding-left:11px;
color:#fff;
}

#nav-meta a:hover {
background:url("images/nav_meta_on.gif") 0 50% no-repeat;
}

html>body #nav-meta a:hover {
background-position: 0em 68%
}

/* --- NAV-MAIN ---------------- */

#nav-main {
width:800px;
height:20px;
margin:0 auto;
font-size: .75em;
font-weight: bold;
color: #996600;
border-top: 1px #330000 solid;
border-bottom: 1px #330000 solid;}

#nav-main ul {
position: relative
}

#nav-main li {
position: absolute;
font:bold arial,verdana,sans-serif;
}

#nmli_0 {
left:0px;
width: 68px;
}

#nmli_1 {
left:70px;
width: 98px;
}

#nmli_2 {
left:170px;
width: 68px;
}

#nmli_3 {
left:240px;
width: 98px;
}

#nmli_4 {
left:340px;
width: 118px;
}

#nmli_5 {
left:460px;
width: 88px;
}

#nmli_6 {
left:550px;
width: 88px;
}

#nmli_7 {
left:640px;
width: 68px;
}

#nmli_8 {
left:710px;
width: 68px;
}

#nav-main a {
display: block;
height:18px;
padding:1px 0 0 0px;
color: #cccc99;
text-align: center;}

#nmli_0 a {
width: 68px;
}

#nav-main a:hover {
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
color: #FF700E;}

#nav-main .current {
color: #ffcc66;}

#nav-main .current:hover {
color:#a6a6a6;
cursor:default;
}

/* --- CONTAINER --------------- */

#container {
width:800px;
margin:0 auto;
background:url(images/container_bg1.gif) repeat-y;
}

/* --- CONTENT ----------------- */

#content {
float:left;
width:540px;
background:url(images/content_bg1.jpg) 100% 0 no-repeat;
}

#content h1 {
margin:13px 20px 3px 18px;
padding-left:30px;
font: verdana,sans-serif;
letter-spacing:1px;
background:url(images/h1_bg2.gif) 0 100% no-repeat;
font-size: 1.2em;}

#content h2 {
position:relative;
top:10px;
margin:5px 0 0 26px;
padding-left:18px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(images/h2_bg.gif) 0 70% no-repeat;
font-size: 1em;}

#content h3 {
position:relative;
top:10px;
margin-left:32px;
padding-left:13px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(images/h3_bg.gif) 0 50% no-repeat;
font-size: 1em;}

#content h4 {
position:relative;
top:10px;
margin-left:46px;
padding-left:13px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(images/h3_bg.gif) 0 50% no-repeat;
font-size: 0.8em;}

#content h5 {
position:relative;
top:10px;
margin-left:56px;
padding-left:13px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(images/h3_bg.gif) 0 50% no-repeat;
font-size: 0.8em;}


#content p {
margin-left:20px;
padding:14px 15px 6px 26px;
text-indent:.2in;
line-height:17px;
font-size: .8em;
line-height: 1.6em;
}

#content ol, #content ul {
margin-left:20px;
padding:14px 15px 6px 26px;
font-size: .8em;
line-height: 1.6em;
}

#content ol {
list-style-type: decimal;
}

#content li {
margin-left:25px;
}

#content .first {
padding-top:4px;
border-top:2px solid #e2e2e2;
}

#content a {
font:bold verdana,sans-serif;
color: #3300cc;
}

#content a:hover {
color: #003333;
}

/* --- NAV-SUBS ---------------- */

#nav-subs {
float:right;
width:260px;
padding-top:41px;
background:url(images/nav_subs_bg1.jpg) no-repeat;
}

#nav-subs div {
margin:0 10px 30px 15px;
}

#nav-subs p {
margin:0 0 2px 2px;
padding-left:14px;
font:bold verdana,sans-serif;
letter-spacing:1px;
background:url(images/nav_subs_head1.gif) 0 50% no-repeat;
font-size: 1.1em;
color: #330000;
}

#nav-subs ul {
padding:2px 10px 4px 18px;
border: 1px #996600 solid;
background: #ffffcc;
font-size: .9em;
}

#nav-subs li ul {
padding:0 0 4px 17px;
border:none;
background-image:url(none);
}

#nav-subs li a {
padding-left:15px;
font:bold verdana,arial,helvetica,sans-serif;
color: #996600;
background:url(images/nav_0_off1.gif) 0 60% no-repeat;
}

#nav-subs li li a {
padding-left:11px;
font-weight:normal;
background-image:url(images/nav_1_off1.gif);
}

#nav-subs li a:hover {
color:#FF700E;
background-image:url(images/nav_0_on1.gif);
}

#nav-subs li li a:hover {
background-image:url(images/nav_1_on1.gif);
}

#nav-subs .youarehere {
color: #663300;
}

#nav-subs li .youarehere {
background-image:url(images/nav_0_cur1.gif);
}

#nav-subs li li .youarehere {
background-image:url(images/nav_1_cur1.gif);
}

/* --- INFO-SITE --------------- */

#info-site {
clear:both;
height:90px;
width:800px;
margin:0 auto;
background:url(images/info_site_bg2.jpg);
font-size: .7em;
}

#info-company {
width:540px;
padding-top:9px;
text-align:center;
font:verdana,arial,helvetica,sans-serif;
}

#info-company a {
color: #666600;
padding:0 10px 0 21px;
background:url(images/nav_1_off1.gif) 10px 60% no-repeat;
}

#info-company a:hover {
color: #000000;
background-image:url(images/nav_1_on1.gif);
}

#info-standards {
position:relative;
top:47px;
left:590px;
width:210px;
font:bold verdana,arial,helvetica,sans-serif;
color:#fff;
}

#info-standards a {
color:#fff;
}

#info-standards a:hover {
text-decoration:underline;
}