* { margin: 0; padding: 0; }
body { background: #6C1400 url(images/bgbody.jpg) repeat-y center top; font: normal 0.7em Verdana, sans-serif; }
div a { color: #FFF; cursor: pointer; text-decoration: none; }
h1 { color: #FD1C24; font: bold 2.2em sans-serif; margin: 18px 0 0 0; }
h2 { color: #444; font: bold 1.5em sans-serif; margin: 18px 0 0 0; }

/* structure */
.main { width: 780px; margin: 0 auto; }
.main_left { float: left; padding-top: 6px; width: 520px; }
.main_right { border-top: 6px solid #FFF; float: right; width: 254px; }
.footer { clear: both; }
/* misc */
.left { float: left; }
.right { float: right; }
.header, .link_projects, .lbl, .link_updates a { border-bottom: 6px solid #FFF; }
div.link_projects a:hover, div.link_updates a:hover, .content a:hover, div.footer div.left a:hover { background: #D7162C; color: #FFF; }
/* logo */
.header { background: #D91623 url(images/bgheader.gif) repeat-x; height: 155px; }
.header h1 { margin: 0; padding: 50px 0 0 24px; font: normal 2.8em Verdana, sans-serif; color:#FFFFFF}
.header span { margin: 0; padding: 124px 0 0 24px; font: normal 11px Verdana, sans-serif; }

/* projects */
.lbl { background: #222 url(images/bglbl.gif) repeat-x; clear: both; color: #FFF; font: normal 2em "Lucida Sans Unicode", sans-serif; height: 50px; line-height: 50px; overflow: hidden; text-align: center; }
.link_projects a { display: block; height: 100px; text-align: center; color: #FFF; padding-top: 24px; width: 124px; font-size: 0.9em; font-family: sans-serif; }
.link_projects a span { font: normal 5em sans-serif; }
a.g1 { background: #888; }
a.g2 { background: #666; border-left: 6px solid #FFF; }
/* updates */
.link_updates { background: #222 url(images/grdnt_gray.gif) repeat-x; }
.link_updates .lbl { border-top: 6px solid #FFF; height: 20px; line-height: 20px; }
.link_updates a { clear: right; display: block; font: normal 1.2em "Trebuchet MS", sans-serif; height:20px; padding: 5px 0; margin:0px; text-align: center; }
/* content */ 
.content { color: #444; font-family: Verdana, sans-serif; line-height: 1.3em; padding: 0 10px 20px 10px; }
.content a { color: #FD1C24; }
.content p { margin: 4px 0 10px 0; }
.content .descr { color: #666; margin-bottom: 6px; height:10px; }
.content li { list-style: url(images/li.gif); margin-left: 18px; }
/* footer */
.footer { color: #666; clear: both; }
.footer .left a { color: #777; }
.footer .left { border-top: 1px solid #F0F0F0; padding: 9px 0 19px 9px; width: 507px; }
.footer .right { margin-right: 8px; padding: 9px 0; text-align: right; width: 220px; }