/* Global Layout 
----------------------*/

body {
 padding: 0;
 margin: 0;
 position: relative;
 font-family: Verdana, Arial, sans-serif;
 font-size: .8em;
}


/* Header & Nav 
----------------------*/

#header {
 background: #000;
 color: #fff;
 height: 120px;
 padding: 0;
 margin: 0 0 10px 0;
}

#header h1 {
background: url(images/header_title.gif) top left no-repeat;
text-indent: -900px;
height: 80px;
width: 350px;
padding: 0;
margin: 0;
position: absolute;
left: 0px;
top: 40px;
}

#header h2 {
margin: 0;
padding: 0;
text-indent: -9900px;
background: url(images/afa_logo.gif) top left no-repeat;
position: absolute;
top: 0;
left: 400px;
width: 400px;
}

p#date {
position: absolute;
top: 10px;
left: 14px;
margin: 0;
padding: 0;
font-size: .9em;
}

#nav {
position: absolute;
top: 80px;
left: 400px;
color: #fff;
}

#nav li {
display: inline;
}

#nav li a {
color: #fff;
font-size: .9em;
}


/* inner page
---------------------*/
#page {
 padding: 10px;
 margin: 0;
}

#sidebar {
 padding: 0;
 margin: 0;
 width: 200px;
 float: left;
}

#main {
 margin: 5px 5px 5px 210px;
}

#main ol {
 color: #3399cc;
padding: 0 21px;
font-weight: bold;
}

#main ol li {
 margin: 0 0 10px;
padding: 0;
}

#main ol p {
color: #000;
margin: 0 0 0 -20px;
padding: 0;
font-weight: normal;
}


/* Jump Menu */
#jump-menu {
 float: right;
 width: 210px;
 border-left: 1px solid #ccc;
 padding: 5px 15px;
 margin: 0 0 0 10px;
}

#jump-menu h2 {
 padding: 0;
 margin: 0;
}

#jump-menu dt {
color: #888;
text-transform: uppercase;
font-weight: bold;
font-size: .8em;
}

#jump-menu dd {
padding: 10px 0;
margin: 0;
}

#jump-menu p {
 font-size: .9em;
}

/* sidebar 
---------------------------*/

#sidebar h1 {
 margin: 0;
 padding: 0;
}

#sidebar p {
color: #777;
padding: 0 10px;
font-weight: bold;
font-size: .8em;
}
/* Typography & HTML rules 
---------------------------*/
img {
 border: none;
}

a {
 text-decoration: none;
 color: #339900;
}

a:hover {
 text-decoration: underline;
}