/* 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.
------------------------------------------------------

*/

/* --- JARADA PRODUCTIONS ------ */

p.italic { font-style: italic; }
p.productions {text-align: center;}
span.red {color: #FF0000;}
span.italic { font-style: italic; }
img { border: 0; }
img.margin { margin: 2px; }

.small {font-size: .8em;}
.center {text-align: center;}

hr {text-align: center; color: #808080; background-color: #808080; height: 2px; width: 515px; margin-left: 20px;}

#content ul.list {list-style-type: disc;}

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

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

ul, ol {
list-style:none;
}

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

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

#banner {
position:relative;
width:800px;
height:160px;
margin:0 auto;
background-image:url(images/banner_bg.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-family: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;}

#nav-main ul {
position:relative;
}

#nav-main li {
position:absolute;
top:1px;
font-weight:bold; 
font-family: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:#69a3cf;
}

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

#nav-main a:hover {
color:#0059CB;
}

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

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

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

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

#content h2 {
position:relative;
top:10px;
margin:5px 0 0 26px;
padding-left:18px;
font-weight:bold;
font-family: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-weight:bold;
font-family:verdana,sans-serif;
letter-spacing:1px;
background:url(images/h3_bg.gif) 0 50% no-repeat;
font-size: 1em;}

#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-family: verdana,sans-serif;
color:#69a3cf;
}

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

/* --- 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;
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-family: verdana,arial,helvetica,sans-serif;
color:#909090;
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:#1987d4;
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:#0059CB;
}

#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-family:verdana,arial,helvetica,sans-serif;
}

#info-company a {
color:#777;
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-family: verdana,arial,helvetica,sans-serif;
color:#fff;
}

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

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