* { margin: 0; padding: 0; }
body { margin: 30px; font-family: arial,helvetica,sans-serif; font-size: 12px; color: #666; }
h1 { margin-bottom: .75em; font-size: 1.2em; font-weight: bold; letter-spacing: .2em; }
p { margin-bottom: 1em; text-align: justify; line-height: 1.75em; }
a { text-decoration: none; color: #133E36; }
a:hover { text-decoration: underline; color: #236F61; }
img { border: none; }
span.bold { font-weight: bold; }
span.title { font-size: 1.2em; font-weight: bold; letter-spacing: .2em; }
ul.normal { list-style: none; line-height: 1.75em; }
ul.bulleted { margin: 0 0 3em 3em; list-style: square; line-height: 1.75em; }

#main { position: absolute; left: 50%; margin-left: -425px; width: 850px; }

#header { margin-bottom: 30px; padding-bottom: 15px; height: 80px; border-bottom: 1px solid #CCC; }

#menu { width: 130px; float: left; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { padding: 1px 0; border-bottom: 1px solid #CCC; }
/*
#menu ul li a { display: block; padding: 4px 10px; letter-spacing: .075em; font-weight: bold; }
#menu ul li a:hover { text-decoration: none; background: #133E36; color: white; }
*/
#menu ul li a         { display: block; width: 100%; height: 23px; background: url(menu.gif); }
#menu ul li a#menu_company         { background-position: 0          0; }
#menu ul li a#menu_company:hover   { background-position: -130px     0; }
#menu ul li a#menu_projects        { background-position: 0      -23px; }
#menu ul li a#menu_projects:hover  { background-position: -130px -23px; }
#menu ul li a#menu_people          { background-position: 0      -46px; }
#menu ul li a#menu_people:hover    { background-position: -130px -46px; }
#menu ul li a#menu_resources       { background-position: 0      -69px; }
#menu ul li a#menu_resources:hover { background-position: -130px -69px; }
#menu ul li a#menu_contact         { background-position: 0      -92px; }
#menu ul li a#menu_contact:hover   { background-position: -130px -92px; }


#content { margin-left: 130px; padding-left: 30px; }

div.headings { margin-bottom: 2em; height: 15px; background: url(headings.gif) no-repeat; }
#company     { background-position: 0     0; }
#projects    { background-position: 0 -15px; }
#people      { background-position: 0 -30px; }
#resources   { background-position: 0 -45px; }
#contact     { background-position: 0 -60px; }
#admin       { background-position: 0 -75px; }

#logos { margin-bottom: 3em; }
#logos table { border-right: 1px solid #CCC; }
#logos td { padding: 0 30px 30px 0; text-align: center; }
#logos a { cursor: pointer; }
#descriptions { float: right; width: 422px; }
#descriptions div { position: absolute; width: 422px; }

#projectslist li.category { margin: 3em 0 1em; font-size: 1.2em; font-weight: bold; letter-spacing: .2em; }

#resources_info { line-height: 1.75em; }
#contact_info { min-height: 308px; line-height: 1.75em; background: url(map.gif) no-repeat top right; }

label { width: 15em; }
.form_row { margin-bottom: 5px; }
.form_row label { float: left; padding: .25em .5em 0 0; width: 6em; font-weight: bold; text-align: right; }
.form_row .field { padding: 2px; width: 15em; border: 1px solid #CCC; }
textarea { display: block; margin: 1em 0; width: 100%; height: 25em; border: 1px solid #CCC; }

#adminmenu { margin-top: 2em; list-style: none; }

#footer { clear: both; margin: 30px 0; padding-top: 15px; border-top: 1px solid #CCC; color: #999; text-align: center; }
#footer a { color: #999; }
#footer a:hover { color: #444; text-decoration: none; }
#footer #address { float: left; text-align: left; }
#footer #numbers { float: right; text-align: right; }