/* ------- */
/* GENERAL */

* {
margin:0;
padding:0;
border:0;
}

a {text-decoration:none;color:#FF9900;}
a:hover {text-decoration:underline;}

h1 {
font-size:1.5em;
}

h2 {
font-size:1.1em;
}

body {
background-color:#ffffff;
background-image:url(../images/page_bg.gif);
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
height:100%;
}

/* ------ */
/* LAYOUT */

#container {
margin-left:auto;
margin-right:auto;
position:relative;
width:900px;
}

#logo {
position:relative;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
height:124px;
}

#navi {
background-image:url(../images/sub_container_top.gif);
background-repeat:no-repeat;
background-position:bottom;
height:50px;
position:relative;
}

#sub_container {
background-color:#ffffff;
position:relative;
width:888px;
left:6px;
}

#sub_navi {
float:left;
width:20%;
}

#content {
font-size:1.1em;
float:right;
padding-top:2em;
padding-right:2em;
padding-bottom:6em;
text-align:justify;
width:76%;
}

#footer {
background-image:url(../images/sub_container_bottom.gif);
background-repeat:no-repeat;
position:relative;
height:35px;
width:888px;
left:6px;
}

.quote {
color:#FF9900;
font-size:0.9em;
margin-left:1em;
width:20%;
}

.footer {
position:relative;
text-align:center;
margin-top:1em;
}

.footer a {
color:#666666;
font-size:0.9em;
font-weight:bold;
padding:0 2em;
}

/* --------------------------- */
/* NAVIGATION + SUB NAVIGATION */

.navi {
font-size:1.2em;
font-weight:bold;
list-style-type:none;
padding:0.8em 1.4em;
}

.navi li {
float:left;
display:block;
height:2em;
line-height:2em;
margin-right:1em;
color:#ffffff;
text-decoration:none;
}

.navi li a {
float:left;
display:block;
padding:0 2.2em;
color:#ffffff;
background-color:#bbbbbb;
border:1px solid #bbbbbb;
text-decoration:none;
}

.navi li a:hover {
color:#000000;
background-color:#ffffff;
border:1px solid #aaaaaa;
text-decoration:none;
}

.focus {
padding:0 2em;
background-color:#FF9900;
border:1px solid #FF9900;
}

.sub_navi {
color:#666666;
font-size:1.2em;
margin-left:3em;
list-style-type:square;
}

.sub_navi li {
margin-top:1em;
}

.sub_navi li a {
font-size:1em;
color:#666666;
}

.sub_focus {
color:#FF9900;
font-size:1em;
font-weight:bold;
}

.sub_category {
color:#000000;
font-size:0.9em;
font-weight:bold;
list-style-type:none;
margin-left:0.75em;
}

.sub_category_focus {
color:#FF9900;
font-size:0.9em;
font-weight:bold;
list-style-type:none;
margin-left:0.75em;
}

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

.content {
margin:1em 3em;
}

.downloads {
list-style-type:decimal;
margin:0.5em 2.2em;
}

.rule {
border-bottom:1px solid #E6E6E6;
width:90%;
line-height:0;
margin:2em auto;
}