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

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:"Century Gothic";
font-size: 100%;
color:#646464;
/*background:url(images/body_bg.gif) 50% 0 repeat-y #ddd;*/
background:#b0b0b0;
}

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

#banner {
position:relative;
width:800px;
height:100px;
margin:0 auto;
background: #fff url(../DNAimages/logowhitean1.jpg) no-repeat right; 
font-size: 1.3em;
}

#banner p {
position:relative;
top:31px;
left:350px;
width:400px;
font-family: "Century Gothic";
letter-spacing:1px;
color: #000000;
font-weight: normal;
font-size: 30px; }

/*#nav-meta {
position:absolute;
top:11px;
left:705px;
width:90px;
font-family: "Century Gothic";
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;
background:#248886;}

#nav-main ul {
position:relative;
}

#nav-main li {
position:absolute;
top:1px;
font-family:"Century Gothic";
}

#nmli_0 {
left:0;
}

#nmli_1 {
left:52px;
}

#nmli_2 {
left:142px;
}

#nmli_3 {
left:232px;
}

#nmli_4 {
left:322px;
}

#nmli_5 {
left:412px;
}


#nmli_6 {
left:502px;
}

#nmli_7 {
left:592px;
}

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

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

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

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

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

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

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

#nav-subs .subscribeform
{
    font-size:0.8em;
}

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

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

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

#contentright {
float:right;
width:400px;
/* background:url(images/content_bg.gif) 100% 0 no-repeat; */
background:#e3e3e3;
}

#content h1 {
font-weight: bold;
margin:13px 20px 6px 18px;
padding-left:30px;
font-family: "Century Gothic";
letter-spacing:1px;
/* background:url(images/h1_bg.gif) 0 100% no-repeat; */
font-size: 1.2em;}

#content h2 {
font-weight: bold;
position:relative;
top:10px;
margin:5px 0 6px 26px;
padding-left:18px;
font-family:"Century Gothic";
letter-spacing:1px;
/* background:url(images/h2_bg.gif) 0 70% no-repeat; */
font-size: 1em;}

#content h3 {
font-weight: bold;
position:relative;
top:10px;
margin-left:32px;
padding-left:13px;
font-family: "Century Gothic";
letter-spacing:1px;
/* background:url(images/h3_bg.gif) 0 50% no-repeat; */
font-size: 0.9em;}

#content p {
margin-left:20px;
padding:14px 10px 0px 0px;
/*text-indent:.2in;*/
/* line-height:17px;*/
font-size: .8em;
/* line-height: 1.6em; */
font-family: "Century Gothic"; 
}

/*
#content  p {
float: left; 
padding: 5px 10px 5px 0px;
}
*/
#content img {
float: left; 
padding: 5px 5px 5px 5px;
margin: 0px 5px 5px 5px;
}

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

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

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

#content a {
font-family: "Century Gothic";
color:#248886;
}

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

img.projectimage
{
    border-color:#248886;
}

img.projectimage:hover
{
    border-color:#000000;
}

#close
{
    border:none;
}

#terms h1
{
	padding-left: 0;
}
#terms h2
{
	padding-left: 0;
}
/* --- NAV-SUBS ---------------- */

#nav-subs {
float:right;
width:197px;
padding-top:15px;
/*background: url(images/nav_subs_bg.jpg) no-repeat; */
background:#d0d0d0;
color: #248886; }

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

#nav-subs p {
margin:0 0 2px 2px;
padding-left:0px;
font-family: "Century Gothic";
letter-spacing:1px;
/* background: url(DNAimages/logovsmall.jpg) no-repeat left 50%; */
font-size: 1.1em;
}

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

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

#nav-subs li a {
padding-left:3px;
font-family: "Century Gothic";
font-weight:bold;
color:#248886;
/* background:url(images/nav_0_off.gif) 0 60% no-repeat;*/
background:#e3e3e3;
}

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

#nav-subs li a:hover {
color:#000000;
/*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:#248886;
background:#e3e3e3;
text-decoration:underline;
}

#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;
min-height:135px;
width:800px;
margin:0 auto;
/*background:url(images/info_site_bg.jpg);*/
font-size: .7em;
}

#info-company td 
{
font-size: 1em;
padding-right:5px;
}


#info-company {
width:600px;
padding-top:9px;
text-align:center;
font-family: "Century Gothic";
}

#info-company a {
font-family: "Century Gothic";
color:#248886;
}

#info-company a:hover {
color:#000000;
}

#info-terms {
width:600px;
/*padding-top:9px;*/
text-align:center;
/*padding-left: 22px;*/
font-family: "Century Gothic";
}

#info-terms a {
font-family: "Century Gothic";
color:#248886;
}

#info-terms a:hover {
color:#000000;
}

#info-terms-company {
width:600px;
/*padding-top:9px;*/
text-align:center;
/*padding-left: 22px;*/
font-family: "Century Gothic";
}

#info-terms-company a {
font-family: "Century Gothic";
color:#248886;
}

#info-terms-company a:hover {
color:#000000;
}


#info-standards {
position:relative;
top:15px;
left:20px;
width:390px;
height:90px;
font-family: "Century Gothic";
/*background: url(DNAimages/iiplogo.jpg) no-repeat fixed left;*/
/* color:#fff; */
}

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

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

/* --- CLEARER --------------------- */
.clearer {
clear:left; 
line-height:0; 
height:0;
}

#tabbedin
{
    padding-left:25px;
}

#magnifier
{
    background: transparent url(../DNAimages/pic_bg.png);
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    text-align:center;
    display:none;
}

#magnifier div
{
   border:1px solid #ccc;
   background-color:  #339999;
   padding:30px 20px;
   width:85%;
   min-height:85%;
   margin: 10px auto 0 auto;
   position:relative;
}

#close
{
    position:absolute;
    top:2px;
    right:2px;
}

.theteam
{
    margin-left:20px;
}
.theteam th, td
{
    text-align:left;
    font-size:0.8em;
    padding-right:20px;
}