body { background: #cccccc; font-family: Arial, Helvetica, sans-serif; }

#container { background:#ffffff; width: 800px; margin: 0 auto; margin-top: 10px; }

em { font-style:italic;}

/* Header ---
-------------------------------------------------------------- */
#header { height: 112px; background: #fff url('../images/header_bg.gif') no-repeat; margin-bottom: 7px; }
#header h1 { padding: 20px 20px 0 0; float: right; }
#header h1 a { display: block; text-indent: -5000px; width: 120px; height: 55px;  }
#print-logo { display: none; }

/* Main navigation ---
-------------------------------------------------------------- */
#main-nav {  clear: both; margin-bottom: 7px; background: #666; }
#main-nav li { display: inline; float: left; }
#main-nav a { padding: 3px 22px; font-size: 11px; color: #fff; text-decoration: none; display: block; float: left;  }
#main-nav a:hover { background: #f9b433; color: #000; }
#main-nav a.current { background: #000; color: #fff; }

/* Sidebar & Main Content ---
-------------------------------------------------------------- */
#content { margin: 7px 0; }
#sidebar h2 a {color: #fff;}
#sidebar h2 a:hover {color: #fff; text-decoration:none;}
#sidebar { width: 196px; float: left; margin: 0 7px 0 0; }
#sidebar h2 { border-left: 12px solid #525151; background: #666; font-size: 12px; color: #fff; padding: 54px 0 8px 20px; }
#sidebar h3 {  background: url('../images/sidebar_h3.gif') no-repeat; font-size: 12px; color: #fff; padding: 5px 0 5px 32px;   }
#sidebar #news { height: 377px; background: #999 url('../images/gradient_news.gif') left no-repeat; }
#sidebar #news li { font-size: 11px; color: #fff; display: block; border-top: 1px solid #ccc; padding: 8px 10px 8px 30px; }
#sidebar #news li span { display: block; }
#sidebar #news li a { display: block; color: #000; }
#side-nav li { border-bottom: 1px solid #fff;}
#side-nav a { display: block; border-left: 12px solid #767475; text-decoration: none; color: #fff; background: #999; padding: 12px 0; font-size: 12px; text-indent: 18px; }
#side-nav a:hover, #side-nav a.current { border: none; background: #000; text-indent: 30px;}
#side-nav strong a { border: none; background: #000; text-indent: 30px;}
#side-nav li.image a img {padding-left:10px;}


#sidebar fieldset { border-left: 12px solid #525151; background: #999; padding: 15px 0 15px 20px; }
#sidebar fieldset label { display: block; font-size: 12px; color: #fff; margin-bottom: 3px; text-indent: 3px; }
#sidebar fieldset li { margin-bottom: 12px; }
#sidebar fieldset select { width: 160px; padding: 2px 1px; font-size: 9px; }
#sidebar fieldset .input-button { background: #666; padding: 2px 5px; color: #ececec; border: none; cursor: pointer; margin-bottom: -7px; }
#sidebar #people { border-left: 12px solid #525151; background: #999; padding: 15px 0 15px 20px; margin-top: 1px; }
#sidebar #people li {  font-size: 12px; color: #fff; margin-bottom: 10px; }
#sidebar #people li a { display: block; color: #fff; text-decoration: underline; }

#sidebar-content { margin-top: 15px; margin-left:15px;}
#main-content { width: 597px; float: left; }
#main-content #fade { width: 597px; height: 453px; }
#main-content pre { display:none }
#main-content p, #project-page td, #main-content ul, #sidebar-content p, #sidebar-content ul { font-size: 12px; margin-bottom: 12px; }
#main-content p strong, #sidebar-content p strong { font-weight: bold; }
#main-content h2, #sidebar-content h3 { font-weight: bold; margin-bottom: 12px; }
#main-content .text-content { margin: 20px 0px 20px 7px; padding-right: 10px; }
#main-content a, #sidebar-content a { color: #000; }
#main-content a:hover, #sidebar-content a:hover { text-decoration:none;}
#main-content .img-left { float: left; display: inline; margin-right: 15px; }
#main-content .bio-info { margin-bottom: 20px; }
#main-content .bio-info .img-left { width: 114px; height: 169px; margin-bottom:20px; }
#main-content #project-page.text-content { width: 380px; float: left; }
#main-content #project-page ul { margin-bottom: 14px; margin-left: 10px; }
#main-content #project-page ul li { font-size: 12px; list-style-type: disc; margin-left: 14px; }
#main-content #project-higlight { width: 150px; padding: 14px; background: #f8b333; float: right; margin-top: 7px; }
#main-content #project-higlight h3 { font-size: 12px; font-weight: bold; margin-bottom: 14px; }
#main-content #project-higlight ul { margin-bottom: 14px; margin-left: 5px;}
#main-content #project-higlight ul li { font-size: 12px; list-style-type: disc; margin-left: 14px; }
#main-content #project-higlight ul li ul { margin: 0px; }
#main-content #project-higlight ul li ul li { list-style-type: circle; }

#main-content #featured-projects, #main-content #people-list { margin-bottom: 30px; }
#main-content #featured-projects li, #main-content #people-list li { width: 260px; padding:12px; border: 1px solid #cccccc; margin: 0 5px 5px 0; float: left; list-style-type: none;}
#main-content #featured-projects li {height:155px; }
#main-content #people-list li img { width:73px; height:108px; }
#main-content #featured-projects li.last-row-item,#main-content #people-list li.last-row-item { margin-right: 0; }
#main-content #featured-projects li h3,#main-content #people-list li h3 { font-size: 12px; font-weight: bold; text-decoration: underline; margin-bottom: 10px; }
#main-content #featured-projects li img, #main-content #people-list li img { float: left; display: inline; margin-right: 12px;  }
#main-content #featured-projects li h4 { font-size: 11px; font-weight: bold; }
#main-content #featured-projects li p, #main-content #people-list li p { font-size: 11px; margin-bottom: 5px; }
#main-content #people-list li p { font-size: 12px; }
#main-content #featured-projects .categories { padding-left: 100px; }

#main-content #search-results { margin-bottom: 30px; }
#main-content #search-results th { font-size: 12px; font-weight: bold; padding: 20px 15px; border: 1px solid #ccc; }
#main-content #search-results td { font-size: 12px; padding: 15px; border: 1px solid #ccc; }
#main-content .contact-form { border-top: 1px solid #ccc; padding-top: 15px; }
#main-content .contact-form label { display: block; font-size: 12px; margin-bottom: 4px; }
#main-content .contact-form .input-text, #main-content .contact-form select { width: 270px; background: #ccc; border: 1px solid #999; font-size: 11px; padding: 3px; }
#main-content .contact-form li { list-style-type: none; float: left; margin: 0 12px 18px 0; }
#main-content .contact-form textarea { background: #ccc; border: 1px solid #999; font: 11px Arial, Helvetica, sans-serif; width: 560px; height: 100px; padding: 3px; }
#main-content .contact-form .input-button { background: url('../images/button_send.gif') no-repeat; width: 59px; height: 19px; cursor: pointer; border: none; margin-bottom: 20px; }
#main-content .contact-form p { clear: both; }

#main-content .list { font-size: 12px; margin-bottom: 20px; }
#main-content .list li { margin-left: 13px; list-style-type: disc; }
#main-content ul li { list-style-type: disc; margin-left: 20px; }
/* Footer ---
-------------------------------------------------------------- */
#footer { display: block; color: #fff; font-size: 11px; background: #666; text-align: right; padding: 4px 5px 4px 0; 
clear: both; margin-top: 7px; }
#footer a { color: #fff; text-decoration: none; margin: 0 5px; }
#footer-print { display: none; }