/* CSS Document */
: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:#181818;
background:url(images/body_bg.gif) repeat-y 50% 0em #silver
}
#brdr {
BORDER-RIGHT: darkgray 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: darkgray 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: darkgray 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: darkgray 1px solid;
}
/* --- BANNER ------------------ */

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

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

#nav-meta {
position:absolute;
top:600px;
left:740px;
width:99px;
font:bold trebuchet,trebuchet ms,arial,helvetica,sans-serif;
font-size: .46em;
}

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

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

#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: .58em;
font-weight: bolder;
}

#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:42px;
}

#nmli_2 {
left:132px;
}

#nmli_3 {
left:232px;
}

#nmli_4 {
left:322px;
}

#nmli_5 {
left:412px;
}

#nmli_6 {
top:200px;
left:500px;
}

#nmli_7 {
top:200px;
left:550px;
}

#nmli_8 {
top:200px;
left:623px;
}

#nmli_9 {
top:200px;
left:660px;
}

#nmli_10 {
top:200px;
left:728px;
}

#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:green;
cursor:default;
}

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

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


#lastmodified {
width: 200px;
font-family: trebuchet,trebuchet ms,sans-serif;
font-size: .8em;
color: #999999;
position: relative;}

/* --- 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: 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: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: 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:15px 15px 6px 26px;
line-height:16px;
font-size: .78em;
line-height: 1.08em;
text-align: justify;
color: #664400}

#slogan {
width: 300px
margin-left:2px;
padding:1px 15px 6px 26px;
line-height:15px;
font-size: .65em;
line-height: 1.5em;
font-style: italic;
font-family: trebuchet,trebuchet ms,sans-serif;
text-align: center;
color: #000066;
font-weight: normal;
letter-spacing: .01em;}

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

#content a:hover {
color:green;
}

.item1None {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT: 11px Arial; TEXT-DECORATION: none
}
/* --- 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: verdana,sans-serif;
letter-spacing:1px;
background:url(images/nav_subs_head.gif) 0 50% no-repeat;
font-size: 0.9em;
font-weight: normal;}

#nav-subs ul {
padding:2px 10px 4px 18px;
border:1px solid #B9B9B9;
font-size: .816em;
}

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

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

#nav-subs li li a {
padding-left:10px;
font-family: verdana,sans-serif;
font-size: 1em;
font-weight: normal;
background-image:url(images/nav_1_off.gif);
}

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

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

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

#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;
position: relative;
left: 1em;
}

#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:green;
background-image:url(images/nav_1_on.gif);
}

#ToollBar {
position: absolute;
left: 650px;
font: bold .66em trebuchet,trebuchet ms,sans-serif;
color: #ffffff;
width: 00px;
z-index: auto;
top: 95px;}

#clock {
width: 800px;
font-family: trebuchet,trebuchet ms,sans-serif;
font-size: .8em;
color: #999999;
position: relative;
top: 66px;
right: 746px;}

#timenow {
width: 200px;
font-family: trebuchet,trebuchet ms,sans-serif;
font-size: .8em;
color: #999999;
position: absolute;
top: 66px;
right: 246px;}

#homepage {
position: absolute;
right: 146px;
font: bold .66em trebuchet,trebuchet ms,sans-serif;
color: #ffffff;
width: 200px;
z-index: auto;
top: 95px;}

#modified {
position: relative;
left:600px;
width:302px;
font: bold .66em trebuchet,trebuchet ms,sans-serif;
color: #ffffff;
bottom: 75px;}

#info-standards {
position: relative;
left:590px;
width:210px;
font: normal .7em trebuchet,trebuchet ms,sans-serif;
color: #ffffff;
bottom: 75px;}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: darkblue; background-color: #FFFEE8
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

-->

#info-standards a {
color: #99ccff
}

#info-standards a:hover {
color: green};
text-decoration: none;