@charset "utf-8";
/* CSS Document */



.blue-inner-content { background-color: #131a9e; text-align: center; }
.yellow-inner-content { background-color: #FC0; text-align: center; }
.black-inner-content { background-color: #000; }
.lgtblue-inner-content { background-color: #d3e7f3; }

#left-sidebar .blue-inner-content { color: #FFF; margin: 0px 0 20px 0; padding: 10px 0 7px 10px; }
#left-sidebar .blue-inner-content a { color: #FFF; text-decoration: none; }
#left-sidebar .blue-inner-content h3 { font-size: 12px; margin: 4px 0 3px 0; font-weight: bold; }
#left-sidebar .yellow-inner-content { color: #FFF; margin: 20px 0 40px 0; padding: 0px 0 25px 10px; }
#left-sidebar .yellow-inner-content a { color: #FFF; }
#left-sidebar .black-inner-content { color: #FFF; margin: 20px 0 20px 0; padding: 10px; }
#left-sidebar .black-inner-content a { color: #FFF; }
#left-sidebar .lgtblue-inner-content { color: #000000; margin: 40px 0 40px 0; padding: 10px; }
#left-sidebar .lgtblue-inner-content a { color: #000099; }

#main .blue-inner-content { clear: both; color: #ffcb02; font-size: 14px; font-weight: bold; float: right; width: 300px; margin: 40px -30px 20px 0; padding: 15px 20px 12px 20px; width: 280px; }
#main .blue-inner-content a { color: #ffcb02; font-size: 14px; font-weight: bold; text-decoration: none; }
#main .blue-inner-content p { padding-bottom: 4px; text-align: left; }
#main .yellow-inner-content { clear: both; float: right; width: 300px; margin: 4px -30px 20px 0; padding: 15px 0 12px 20px; width: 300px; }
#main .yellow-inner-content a { color: #000099; font-size: 14px; font-weight: bold; text-decoration: none; }
#main .black-inner-content { float: right; width: 300px; }

#main .center-blue-inner-content { background-color: #131a9e; margin: 40px auto; text-align: center; padding: 12px; }
#main .center-blue-inner-content table { margin: 0 auto; padding: 0; width: 80%; }
#main .center-blue-inner-content table td { color: #ffcb02; font-size: 14px; text-align: left; }


.largeBOLDarvo { 
font-family:'Arvo', serif;
font-size: 14px;
color: #131a9e;}
.xlargeBOLDarvo { 
font-family:'Arvo', serif;
font-size: 20px;
color: #131a9e;}

.large-button { margin-top: 20px; padding: 10px; }
.dynamictable{  min-height:150px;height:auto !important;height:150px;}

#ProjectCode, #Keywords, #StartDate { height: 30px; width: 160px; }

#left-sidebar { text-align: center; }
#left-sidebar table { width: 100%; }
#left-sidebar td.title { font-size: 12px; font-weight: bold; min-width: 70px; }
#left-sidebar td select { height: 30px; width: 160px; font-size: 10px; }
#left-sidebar td #ProjectCode,
#left-sidebar td #Keywords,#left-sidebar td select { height:20px;width:150px !important;}

#left-sidebar .sponsor { padding-bottom: 35px; }

#project-list div.list-item { margin: 0 0 30px 0; padding: 0; }
#project-list div.list-item img { margin: 0 4px 6px 0; }
#project-list h2 { font-size: 14px; margin: 0 0 6px 0; padding: 0; }
#project-detail h2{ font:bold 17px/18px Verdana; margin: 0 0 6px 0; padding: 0; }

#project-detail .description { margin-bottom: 60px; }

ul.detail-list { list-style: none; margin: 0; padding: 0; }
ul.detail-list li { display: block; margin: 0 0 3px 0; padding: 0; }