/* 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;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
.left_menu{
	float:left;
	padding:8px 0px 8px 0px;
	font-size:14px;
	color:#000000;
	line-height:22px;
	}
.left_menu a{
	text-decoration:none;
	color:#000000;
	}
	

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.jpg) repeat-x #CC0000;
margin: 20px;
}

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

#banner {
position:relative;
width:800px;
height:150px;
margin:0 auto;
background-image:  url(images/titletop.jpg);
}

#banner2 {
position:relative;
width:800px;
height:50px;
margin:0 auto;
background-image:  url(images/titlebase.jpg);
}

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

#banner h1 {
position:relative;
top:10px;
left:10px;
width:200px;
height: 10px;
font-family:trebuchet,sans-serif;
color:#000000;
font-size: .8em;
font-weight: bold;
text-align: left;
}

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

#nav-meta a {
padding-left:10px;
color:#ffffff;
}

#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;
}

#nav-main ul {
position:relative;
}

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

#nmli_0 {
left:280px;
}

#nmli_1 {
left:380px;
}

#nmli_2 {
left:480px;
}

#nmli_3 {
left:580px;
}

#nmli_4 {
left:680px;
}

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

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

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

#content {
float:right;
width:540px;
}

#content h1 {
margin:10px 20px 3px 18px;
padding-left:30px;
font: verdana,sans-serif;
letter-spacing:1px;
background: url(images/h1_bg.gif) 0 50% 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 {
top:0px;
margin-left: 20px;
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 {
margin-left:20px;
padding:14px 20px 6px 0px;
font-size: .7em;
line-height: 1.6em;
}

#content p {
margin-left:20px;
padding:14px 20px 6px 0px;
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:#69a3cf;
}

#content a:hover {
color:#1987d4;
}

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

#nav-subs {
float:left;
width:260px;
padding-top:10px;
font-size: 1em;
}

#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;
color: #1987da;
}

#nav-subs ul {
border:1px solid #c9c9c9;
background:#e3e3e3;
font-size: .8em;
}

#nav-subs li ul {
padding:0 0 4px 17px;
border:none;
}

#nav-subs li a {
display: block;
padding-left:10px;
font:bold verdana,arial,helvetica,sans-serif;
color:#ffffff;
border:1px solid #c9c9c9;
background: #cc0000;
}

#nav-subs li li a {
padding-left:0px;
font-weight:normal;
}

#nav-subs li a:hover {
color:#ffffff;
background: #1987da;
border:1px solid #000000;
}

#nav-subs li li a:hover {
}

#nav-subs .youarehere {
color:#1987d4;
}

#nav-subs li .youarehere {
}

#nav-subs li li .youarehere {
}

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

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

#info-company a:hover {
color:#1987d4;
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:#999999;
}

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

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