/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { font-size: .8em; font-family: arial, helvetica, sans-serif; color: #333; background: #999 url(images/bkgd_body.gif) repeat-x 0 0; }

body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, dl, dd, dt, address, input, form { margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; }
ul { list-style: none; position: relative; }
img { border: 0; }

/* -- General Font Settings -- */

a { color: #900; }
a:hover { text-decoration: none; }
p { margin: 1em 0; line-height: 1.3; }
h1, h2, h3 { font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; }
h1 { font-size: 140%; color: #354660; font-weight: normal; }
h2 { font-size: 120%; color: #900; font-weight: normal; margin: 1em 0; }
h3 { font-size: 100%; color: #354660; font-weight: bold; margin: 1em 0; }


/* -- Reusable Classes -- */

.img_right { float: right; margin: 0 0 10px 20px; border: 1px solid #354660; padding: 1px; }
.img_border { border: 1px solid #354660; padding: 1px; }
.pdf_bullet, .pdf_list li { background: url(images/pdf.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 1px; }
.calendar { background: url(images/calendar.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 1px; }
.bullet_list { margin: 1em 0 1em 10px; }
.bullet_list li { background: url(images/bullet_green.gif) no-repeat 0 1px; padding-left: 20px; margin: 0 0 .5em 0; }
.bullet_list li.title { padding: 5px;  background-image: none; font-weight: bold; color: #666;  }
.smalltext { font-size: 85%; color: #666; margin: 0; }
.error { background: #FFCCCC url(images/icon_error.gif) no-repeat 6px 10px; padding: 10px 10px 10px 25px; border: 1px solid #C00; color: #C00; }
.right_text { float: right; font-size: 85%; margin: 0; }
.right_text a { color: #999; }
.field { border: 1px solid #CCC; color: #333; }


/* #wrapper
----------------------------------------- */

#wrapper { width: 750px; margin: 0 auto; background: #FFF; padding: 0 1px 1px 1px; border: 1px solid #000; border-top: 0; }


/* #header
----------------------------------------- */

#header { background: #354660 url(images/bkgd_header.gif) repeat-x left bottom; padding: 20px 30px 10px; position: relative; }

/* -- #search_box -- */

#search_box { font-size: 85%; position: absolute; top: 20px; right: 10px; }
#search_box p, #search_box a { color: #FFF; }
#search_box p { margin: 0 0 0 4px; }
#search_box input.field { width: 120px; }


/* #content
----------------------------------------- */

#content { padding: 51px 0; position: relative; background: url(images/header6.jpg) no-repeat 0 0; width: 750px; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */


/* #nav
----------------------------------------- */

#nav { background: #999 url(images/bottom_nav.gif) no-repeat left bottom; width: 125px; font-family: "Trebuchet MS", sans-serif; padding: 0 0 50px 0; font-weight: bold; font-size: 90%; line-height: 1; float: left; margin-bottom: 20px; }
#nav li { border-bottom: 1px solid #666; border-top: 1px solid #CCC; }
#nav li a { color: #FFF; text-decoration: none; display: block; padding: 3px 5px 3px 10px; }
#nav li a:hover { background: #354660; }
#nav li.title { background: #666; border: 0; color: #FFF; padding: 4px 5px; text-transform: uppercase; }
#nav li.top { border-top: 0; }


/* #body
----------------------------------------- */

#body { margin-left: 125px; padding: 20px 30px; }
#home #body { margin-right: 260px; }

/* -- #note -- */

#note { float: right; margin: 0 0 10px 20px; width: 200px; background: url(images/note_top.gif) no-repeat 0 0; padding-top: 10px; border-bottom: 3px solid #354660; }
#note h2 { color: #FFF; background: #354660; padding: 0 10px 10px 10px; font-weight: bold; margin: 0; }
#note p { margin: 0 0 1em 0; }
#note p span { font-weight: bold; color: #354660; }
#note ol { margin: 0 0 1em 0; padding-left: 25px; }
#note ol li { margin-bottom: .3em; }
#note div { background: #DEDEDE; padding: 10px; font-size: 90%; }
#note .tn_bullet { background: url(images/bullet_arrow.gif) no-repeat 0 0; padding-left: 20px; padding-top: 1px; }
#note .tn_alert { background: url(images/alert_gray.gif) no-repeat 0 0; padding-left: 20px; padding-top: 1px; }


/* -- Contact Page -- */

.mailing_list dt { font-weight: bold; margin: 0 0 .1em 0; }
.mailing_list dd { margin: 0 0 .3em 0; }
.mailing_list .formbox { background: #FFF; border: 1px solid #999; border-left: 2px solid #999; color: #333; padding: 1px; }
.required { font-style: italic; font-size: 95%; color: #666; text-align: right; }
.mailing_list .submit { margin-top: .5em; text-align: center; }

.form_response { background: #CCFFCC url(images/arrow.gif) no-repeat 10px 10px; padding: 10px 10px 10px 30px; border: 1px solid #006600; color: #060; }


/* -- Calendar -- */

#calendar h2 { background: #DEDEDE; padding: 3px; }
.cal_entry { border-bottom: 1px solid #999; padding: 0 0 1em 0; margin: 0 1em 1em 1em; }
.cal_entry h3 { margin-bottom: 0; font-size: 110%; }
.cal_entry p.location { margin-top: 0; font-style: italic; color: #666; }
.bottom { border-bottom: 0; }

/* -- Project Overview -- */

.projects { margin: 1em 0; }
.projects dt { font-weight: bold; margin: 1em 0 0 0; }
.projects dd { margin: .8em 0 0 1em; }
.projects dd ul { margin: .8em 0 0 10px; }
.projects dd ul li {  }


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

#sidebar { width: 186px; position: absolute; top: 51px; right: 0; background: url(images/bkgd_sidebar.gif) no-repeat 0 0; padding: 30px; font-size: 90%; }
#sidebar img { border: 1px solid #354660; padding: 1px; }
#sidebar h2 { color: #900; font-size: 120%; }
#sidebar dl {  }
#sidebar dt, #sidebar dd { margin: 1em 0; padding: 0 0 0 22px; }
#sidebar dt { background: url(images/bullet_arrow.gif) no-repeat 0 0; padding-top: 2px; }
#sidebar dt.alert { background: url(images/alert.gif) no-repeat 0 0; }
#sidebar dt.alert span { font-weight: bold; color: #354660; }
#sidebar dt.head { color: #900; font-weight: bold; }
#sidebar dd.pdf { background: url(images/pdf.gif) no-repeat 0 0; }


/* #footer
----------------------------------------- */

#footer { background: #354660 url(images/bkgd_footer.gif) repeat-x 0 0; color: #FFF; font-size: 85%; padding: 15px 20px; border-top: 2px solid #354660; clear: both; }
#footer a { color: #FFF; }
#footer p { margin: .2em 0; }
#footer p.copyright { margin-top: 1em;  }
#footer p.logos { float: right; }
#footer p.logos img { margin: 0 5px; }