/* GENERAL */

body {
margin: 0px;
width: 100%;
}

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: #666;
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: #666;
}

.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 {

}

#main_outer {

}

#main_inner {
background-color: #fff;
width: 963px;
}

#main_border_top {

}

#main_border_left {

}

#main_border_corner_ll {

}

#main_border_bottom {

}

#leftnav {
margin-top: 20px;
width: 244px;
padding: 0;
background-color: #fff;
}

#content {
width: 100%;

}

#footer {
width: 100%;
padding: 50px 0;
color: #666;
}
