﻿@charset "utf-8";

/* Base
---------------------------------------------------- */
body  {
	margin:0px;
	padding:0px;
	background-image:url(../images/background.gif);
	background-color:#999999;
	background-repeat:no-repeat;
	line-height:150%;
	font-size:85%;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

h2{
font-size:100%;
color:#0099ff;
}

h1{
font-size:110%;
color:#0099ff;
}

a img  {
border:none;
}

/* Header
---------------------------------------------------- */
#head  {
background-color:#0099ff;
margin-top:7px;
height:40px;
}

#logodox {
position:absolute;
left:20px;
top:10px;
}

#logohelp {
position:absolute;
left:115px;
top:10px;
}
/* Header for links to FAQ and CLOSE-------------------- */
#fqlink {
width:113px;
background-color:#0099ff;
position:absolute;
top:10px;
right:20px;
}

#fqlink a  {
display:block;
width:52px;
height:16px;
text-decoration:none;
}

#fqlink a:hover	{
background-color:#0099ff;
}

#fqlink a:hover img	{
visibility:hidden
}

#faqon	{
background-image:url(../images/b_faq_on.gif);
}

#closeon	{
background-image:url(../images/b_close_on.gif);
}

#close {
float:left;
padding-left:5px;
}

#faq {
float:left;
} 

/* Navigation
---------------------------------------------------- */
#navi {
background-color:#0099ff;
height:34px;
}

#navigation {
margin-left:10px;
}

#navigation div {
margin-right:2px;
float:left;
}

#navigation a {
display:block;
width:115px;
height:34px;
text-decoration:none;
}

#navigation a:hover	{
background-color:#0099ff;
}

#navi00on	{
background-image:url(../images/navi00_on.gif);
}

#navi01on	{
background-image:url(../images/navi01_on.gif);
}

#navi02on	{
background-image:url(../images/navi02_on.gif);
}

#navi03on	{
background-image:url(../images/navi03_on.gif);
}

#navi04on	{
background-image:url(../images/navi04_on.gif);
}

#navi05on	{
background-image:url(../images/navi05_on.gif);
}

#navi06on	{
background-image:url(../images/navi06_on.gif);
}

#navigation	a:hover img	{
visibility:hidden;
}

/* Chapter Title
---------------------------------------------------- */
#maintitle {
clear:both;
background-color:#003366;
height:37px;
}

#sectitle  {
position:absolute;
left:10px;
top:88px;
}

.subtitle  {
position:relative;
left:235px;
top:1px;
width:600px;
height:33px;
font-size:150%;
color:#ffffff;
font-weight:bold;
border-left:dotted 1px #ffffff;
padding-left:10px;
padding-top:10px;
}

.subtitle a{
text-decoration:none;
color:#ffffff;
}

.subtitle a:visited{
text-decoration:none;
color:#ffffff;
}

/* FAQ Title
---------------------------------------------------- */
#faqtitle {
clear:both;
background-color:#66cc00;
height:37px;
}

.faqsubtitle  {
position:relative;
left:77px;
top:1px;
width:400px;
height:33px;
font-size:160%;
color:#ffffff;
font-weight:bold;
border-left:dotted 1px #ffffff;
padding-left:10px;
padding-top:10px;
} 

/* Footer links
---------------------------------------------------- */
#footerlink {
margin-top:40px;
margin-left:27px;
padding-bottom:10px;
}

#footerlink a  {
display:block;
width:59px;
height:14px;
text-decoration:none;
}

#footerlink a:hover	{
background-color:#ffffff;
}

#backon	{
background-image:url(../images/b_back_on.gif);
}

#topon	{
background-image:url(../images/b_pagetop_on.gif);
}

#nexton	{
background-image:url(../images/b_next_on.gif);
}

#footerlink a:hover img {
visibility:hidden;
}
	

/* Footer
---------------------------------------------------- */
#footer {
	clear:both;
	padding: 10px 10px 0px 10px;
	background-color: #999999;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

#footer p {
position:relative;
top:-15px;
margin-bottom:0px;
text-align: right;
font-size: 90%;
color: #ffffff;
}
