/* GENERAL */

body {
margin: 0px; 
background: url('images/bkgd_diag_lines.gif') #666;
}

body, td, div, p, blockquote {
font: 12px Arial, Helvetica, sans-serif; 
color: #666;
}

a, a:visited, a:active {
font: 12px Arial, Helvetica, sans-serif; 
color: #69c;
font-weight: bold;
}

a:hover {
font: 12px Arial, Helvetica, sans-serif; 
color: #fff;
background-color: #69c;
font-weight: bold;
}

a:hover img {
background-color: transparent;
}

#footer a, #footer a:visited {
color: #fff;
font-weight: normal;
background-color: transparent;
}

#footer a:hover {
color: #666;
font-weight: normal;
background-color: #fff;
}

ul {
padding-left: 15px;
margin-left: 0;
}

li {
margin-bottom: 7px;
}

table.example, td.example {
border: 1px solid #000;
}

/* NAVBAR */

.leftnavlist {
display: block;
list-style-type: none;
margin: 0 0 2px 0;
padding-left: 20px;
}

.leftnav_callout {
margin-left: 25px;
margin-bottom: 25px;
}

a.nav, a.nav:visited, a.nav:active {
font: bold 13px/26px Arial, Helvetica, sans-serif; 
color: #fff;
display: block;
height: 26px;
}

a.nav:hover {
font: bold 13px/26px Arial, Helvetica, sans-serif; 
color: #ccc;
display: block;
height: 26px;
background-color: #fff;
}

a.nav_on, a.nav_on:visited, a.nav_on:active, a.nav_on:hover {
font: bold 13px/26px Arial, Helvetica, sans-serif; 
color: #666;
display: block;
height: 26px;
background-color: #fff;
text-decoration: none;
}


/* BOX HEADERS */

h1 {
font: 22px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 5px 0;
}

h1.red {
color: #D77;
}

h1.gray {
color: #666;
}

h1.olive {
color: #b7b76f;
}

h1.gold {
color: #ffcc33;
}

h1.blue {
color: #69c;
}

h2 {
font: 14px/16px Arial, Helvetica, sans-serif; 
color: #666;
font-weight: bold;
}


/* BACKGROUNDS */

.bkgd_red {
background-color: #D77;
}

.bkgd_gray {
background-color: #666;
}

.bkgd_olive {
background-color: #b7b76f;
}

.bkgd_gold {
background-color: #ffcc33;
}

.bkgd_blue {
background-color: #69c;
}

/* GENERAL TYPOGRAPHY */

.birdseed, .birdseed a, .birdseed a:hover, .birdseed a:visited, .birdseed a:active {
font-size: 9px;
color: #fff;
}

.blue_callout {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #69c;
}

.red_callout {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #D77;
}

.olive_callout {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #996;
}

.gold_callout {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffcc33;
}

.grey_callout {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
}

/* POSITIONING */

#body {
margin-left: 25px;
}

#main_outer {
width: 973px;
}

#main_inner {
background-color: #fff;
width: 963px;
}

#main_border_top {
background: url('images/top_header_white_arc.gif') no-repeat;
height: 38px;
}

#main_border_left {
background: url('images/fade_left_border.gif') repeat-y;
width: 10px;
}

#main_border_corner_ll {
background: url('images/fade_corner_lower_left.gif') no-repeat;
height: 10px;
}

#main_border_bottom {
background: url('images/fade_bottom_border.gif') repeat-x;
height: 10px;
}

#leftnav {
float: left;
margin-top: 20px;
width: 244px;
padding: 0;
background-color: #fff;
}

#content {
float: left;
width: 548px;
margin-top: 20px;
padding: 15px 100px 45px 60px;
margin: 0;
}

#footer {
width: 770px;
padding: 45px 100px 0 100px;
color: #fff;
}