/* 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 {
color: #111;
}

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:#646464;
background:url(images/body_bg.gif) 50% 0 repeat-y;
}

/* --- BANNER ------------------ */

#banner {
position:relative;
width:800px;
height:103px;
margin:0 auto;
background-image:url(images/banner_bg.jpg);
font-size: 1.3em;
border-left: 1px solid #aaa;
border-right: 1px solid #555;
}

#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:0 68%;
}

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

#nav-main {
width:800px;
height:20px;
margin:0 auto;
background:url(images/nav_main_bg.jpg);
font-size: .75em;
font-weight: bold;
border-left: 1px solid #aaa;
border-right: 1px solid #555;
}

#nav-main ul {
position:relative;
}

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

#nmli_0 {
left:0;
}

#nmli_1 {
left:52px;
}

#nmli_2 {
left:142px;
}

#nmli_3 {
left:232px;
}

#nmli_4 {
left:322px;
}

#nmli_5 {
left:412px;
}

#nav-main a {
display:block;
width:83px;
height:18px;
padding:1px 0 0 28px;
color: #61002b;
}

#nmli_0 a {
width:63px;
padding-left:10px;
}

#nav-main a:hover {
color:#A46C00;
}

#nav-main .current {
color:#a6a6a6;
background:url(images/nav_main_on.gif) 100% 0;
}

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

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

#container {
width:800px;
margin:0 auto;
background:url(images/container_bg.gif) repeat-y;
border-left: 1px solid #aaa;
border-right: 1px solid #555;
}
#containerwide {
width:800px;
margin:0 auto;
background:url(images/container_bgwide.gif) repeat-y;
border-left: 1px solid #aaa;
border-right: 1px solid #555;
}

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

#content {
float:left;
width:540px;
background:url(images/content_bg.gif) 100% 0 no-repeat;
padding-top: 30px;
}
#contentwide {
float:left;
width:540px;
padding-top: 30px;
}

#content h1 {
margin:13px 20px 3px 18px;
padding-left:15px;
font: verdana,sans-serif;
letter-spacing:1px;
font-size: 1.2em;}

#content h2 {
position:relative;
top:10px;
margin:5px 0 0 26px;
padding-left:20px;
font:bold verdana,sans-serif;
letter-spacing:1px;
font-size: 1em;}

#content h3 {
position:relative;
top:10px;
margin-left:32px;
padding-left:18px;
font:bold verdana,sans-serif;
letter-spacing:1px;
font-size: 1em;}

#content h4 {
font-size: 1.5em;
margin: 16px 0 4px 0;
}

#content p {
margin-left:20px;
padding:20px 15px 0px 30px;
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: #61002b;
}

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

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

#nav-subs {
float:right;
width:260px;
padding-top:41px;
background:url(images/nav_subs_bg.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_head.gif) 0 50% no-repeat;
font-size: 1.1em;
}

#nav-subs ul {
padding:2px 10px 4px 18px;
border:1px solid #c9c9c9;
background:#e3e3e3;
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:#61002b;
background:url(images/nav_0_off.gif) 0 60% no-repeat;
}

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

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

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

#nav-subs .youarehere {
color:#9A4470;
}

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

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

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

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

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

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

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

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

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

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

.contentimg {
margin-left: 22px;
}

.tablewhite {
font-size: .85em;
color: #000;
background-color: #fff;
margin-left: 38px;
}