html {
        padding: 0;
        margin: 0;
        height: 100%;
}
body {
        font-family: 'lucida grande', Helvetica, Verdana, sans-serif;
        color: #333333;
        padding: 0;
        margin: 0;
        height: 100%;
}
h1 {
    /*18px via YUI Fonts CSS foundation*/
    font-size:138.5%;
}
h2 {
    /*16px via YUI Fonts CSS foundation*/
    font-size:123.1%;
}
h3 {
    /*14px via YUI Fonts CSS foundation*/
    font-size:108%;
}
h1, h2 {
    /* top & bottom margin based on font size */
    margin:1em 0;
    color: #306CB8;
}
h1, h2, h3, h4, h5, h6, strong {
    /*bringing boldness back to headers and the strong element*/
    font-weight:bold;
}
abbr, acronym {
    /*indicating to users that more info is available */
    border-bottom:1px dotted #000;
    cursor:help;
}
em {
    /*bringing italics back to the em element*/
    font-style:italic;
}
del {
    text-decoration:line-through;
}
blockquote, ul, ol, dl {
    /*giving blockquotes and lists room to breath*/
    margin:1em;
}
ol, ul, dl {
    /*bringing lists on to the page with breathing room */
    margin-left:2em;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal outside;
}
ul li {
    /*giving UL's LIs generated disc markers*/
    list-style: disc outside;
}
dl dd {
    /*giving UL's LIs generated numbers*/
    margin-left:1em;
}
th, td {
    padding:.5em;
}
th {
    /*distinguishing table headers from data cells*/
    font-weight:bold;
    text-align:center;
}
caption {
    /*coordinated margin to match cell's padding*/
    margin-bottom:.5em;
    /*centered so it doesn't blend in to other content*/
    text-align:center;
}
p, fieldset, table, pre {
    /*so things don't run into each other*/
    margin-bottom:1em;
}

a {
        color: #306CB8; /* bright blue */
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
img {
        border: none;
}
.clear {
        clear: both;
}


/* container */
#container {
	min-height: 100%;
	position: relative;
}

/* Header */
#hd {
        padding: 0px 50px 5px 50px;
        width: 980px;
}
div.logo {
        float: left;
        margin-left: 10px;
}
div.logo img {
        vertical-align: bottom;
}
span#tagline {
        padding-left: 5px;
        line-height: 20px;
        color: #004C99; /* dark blue */;
}
ul#site_nav {
        float: right;
        margin: 0;
        padding: 0;
}
ul#site_nav li {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 2px 10px 2px 10px;
        border-right: 1px solid #ccc;
        color: black;
}
ul#site_nav li a {
	color: black;
}

ul#site_nav li.last {
        border-right: none;
}

/* body */
#bd {
	padding-left: 50px;
	padding-bottom: 60px;   /* Height of the footer */
	width: 980px;
}

/* footer */
#ft {
        color: #999;
        text-align: center;
	/*position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;*/
	padding-left: 50px;
}
.footer {
        text-align: left;
        line-height: 1.5em;
}
.footer img {
        vertical-align: middle;
}