/*--general--*/
/* CSS Document */
html, body, div, span, ul, li, {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
html>body { font-size: small; } /* be nice to Opera */
/* remember to define focus styles! */
body {
font: 100% "Arial", Helvetica, Verdana, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
line-height: 1;
color: black;
background: white;
font-size: small; /*for compliant browsers */
}
ol, ul {
list-style: none;
}
a:link {
font: 100% "Arial", Helvetica, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
}
a:visited {
font: 100% Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
}
a:hover {
font: 100% Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
font-weight: bold;
}
a:active {
font: 100% Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
}
.leftimage {/* this class should be used for left hand images */
padding:0 10px 10px 0;
float:left;
}
.leftimage .border{ /* this class should be used for left hand image boarders */
border: solid #000 1px;
margin:0 0 10px 0;
}
.rightimage { /* this class should be used for right hand images */
padding:10px 0px 10px 10px;
float:right;
}
.rightimage .border{ /* this class should be used for right hand image boarders */
border: solid #000 1px;
margin:0 0 10px 0;
}
.captions {
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #FFFFFF;
font-size: 11px;
line-height: 12px;
margin-top: 2px;
font-style:italic;
}
div.UDJavascriptWarning {
width: 100%;
margin: 0px;
padding: 20px;
font: bold 16px "Arial", Helvetica, Verdana, sans-serif;
color: #060c56;
}
/*--clear content--*/
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* Content */
#maincontent {
width: 100%;
text-align: left; /* this overrides the text-align: center on the body element. */
background-color: #fff;
background: #fff url('../images/background-hm4.jpg') repeat-x;
padding-top:30px;
}
/*--shadow--*/
.welcomewrapper2 {
width: 897px;
w\idth: 940px; /*IE6 width*/
margin: 0 auto;
padding:0px 10px 20px 10px;
background-image: url('../images/shadow-bk8.png');
background-repeat: repeat-y;
}
/*--main content--*/
.topbanner {
border-bottom: 2px #fff solid;
padding:0px;
width:100%;
margin:0 auto;
background: #2F6FDD;
}
.topbanner h1{
margin:0;
padding:10px 0px;
font: bold 20px "Arial", Helvetica, Verdana, sans-serif;
color: #fff;
line-height:20px;
}
.headergraphics{
border-top: 1px #060C56 solid;
padding:20px 0 0 20px;
margin:0 auto;
}
.headergraphics h1{
font: bold 10px "Arial", Helvetica, Verdana, sans-serif;
color: #000;
line-height:4px;
text-indent: -9999px;
margin:0;
padding:0;
}
.lastupdatewrapper {
width:800px;
margin:0px auto;
}
.lastupdate {
margin:104px 0 0 195px;
position:absolute;
z-index:3500;
font: 14px "Arial", Helvetica, Verdana, sans-serif;
color: #666;
line-height:16px;
}
.lastupdated {
font: bold 12px "Arial", Helvetica, Verdana, sans-serif;
color: #666;
line-height:14px;
}
.sumbox {
float:left;
background:url(../images/sumboxbk.jpg) repeat-x;
height:159px;
width:275px;
overflow:hidden;
margin:0 0 0 10px;
}
.sumbox h1{
font: bold 4px "Arial", Helvetica, Verdana, sans-serif;
color: #000;
line-height: 4px;
padding:0;
margin:0;
}
.sumbutton a { font-weight: bold; text-decoration: none; font-size: 14px; float: left; }
.leftEnd { float: left; clear: none; }
.rightEnd { float: left; clear: none; }
.sumbutton a.sumsubscribe { color:#fff; background-image: url(../images/bluebuttonendbk.gif); height: 20px; padding: 2px 0 1px 0; }
.sumbutton a:hover { font-weight: bold; font-size: 14px; }
.sumbutton2 { float:left; width:253px; }
.leftEnd { float: left; clear: none; }
.rightEnd { float: left; clear: none; }
.funding { font-weight: bold; color:#fff; font-size: 17px; line-height:18px; background-image: url(../images/bluebuttonendbk.gif); float: left; padding: 2px 0 1px 0; height: 20px; width:120px; text-align:right; }
.dollar { color:#ccc; font-size: 17px; line-height:18px; background-image: url(../images/bluebuttonendbk.gif); float: left; padding: 2px 0 1px 0; height: 20px; width:10px; }
.proposals { font-weight: bold; color:#fff; font-size: 17px; line-height:18px; background-image: url(../images/bluebuttonendbk.gif); float: left; padding: 2px 0 1px 0; height: 20px; width:130px; text-align:right; }
.bluebutton a { font-weight: bold; text-decoration: none; font-size: 14px; float: left; line-height:18px; }
.bluebutton a.bluesubscribe { color:#fff; font-size: 14px; background-image: url(../images/bluebuttonendbk.gif); height: 20px; padding: 2px 0 1px 0; }
.bluebutton a:hover, .bluebutton a.selected { color:#fff; font-weight: bold; font-size: 14px; line-height:18px; }
.contentwrapper {
border-bottom: 8px #B6B7CB solid;
padding:0 0 20px;
width:880px;
margin:20px auto 50px;
background-color:#FFFFFF;
}
.contentwrapper h1{
margin-bottom: 10px;
font:bold 30px "Arial", Helvetica, Verdana, sans-serif;
color: #4680DC;
}
.contentwrapper h2{
margin-bottom: 10px;
font:bold 16px "Arial", Helvetica, Verdana, sans-serif;
color: #fff;
border-bottom:1px #CCC solid;
line-height:23px;
letter-spacing:2px;
padding:0 0 0 15px;
margin:0 0 20px 0;
background-color: #060C56;
}
.contentwrapper h3{
margin-bottom: 10px;
font:bold 18px "Arial", Helvetica, Verdana, sans-serif;
color: #060C56;
line-height:30px;
}
.contentwrapper h4{
font:bold 22px "Arial", Helvetica, Verdana, sans-serif;
color: #060C56;
line-height:30px;
margin:0;
padding:0;
}
.contentwrapper h4 a{
color: #060C56;
}
.contentwrapper h4 a:hover, .contentwrapper h4 a.selected {
color: #4680DC;
}
.contentwrapper h5{
margin:0px 0 10px 0;
font:normal 14px "Arial", Helvetica, Verdana, sans-serif;
color: #060C56;
line-height:14px;
padding:0;
}
.contentwrapper p{
margin:0 0 10px 0;
font: 14px "Arial", Helvetica, Verdana, sans-serif;
line-height:20px;
padding:0;
}
.contentwrapper a {
color: #4680DC;
}
.contentwrapper a:hover, .contentwrapper a.selected {
color: #060C56;
}
.intro{
width:260px;
padding:20px 0;
float:left;
margin:0 20px 20px 0;
font: 14px "Arial", Helvetica, Verdana, sans-serif;
line-height:19px;
color: #5D5D5D;
}
.contentwrapper2 {
padding:0;
width:890px;
margin:30px auto;
background-color:#FFFFFF;
}
.contentwrapper2 a {
color: #4680DC;
}
.contentwrapper3 {
padding:0;
width:880px;
margin:0px auto 30px;
background-color:#FFFFFF;
}
.contentwrapper3 a {
color: #4680DC;
}
.graph {
float:left;
}
.newswrapper{
float:left;
width:580px;
margin:0 30px 0 0;
}
.column2wrapper{
float: left;
width: 280px;
}
#opwrapper{
width: 238px;
background:url(../images/infobox.jpg);
background-repeat:no-repeat;
padding:20px;
margin-bottom:20px;
}
.ops{
border-bottom: 1px solid #0B0E52;
padding-bottom:10px;
margin-bottom:10px;
}
.ops h2{
margin:0;
padding:0;
font: bold 15px "Arial", Helvetica, Verdana, sans-serif;
line-height:18px;
color: #fff;
}
.ops p{
margin:0;
padding:4px 0;
font: bold 12px "Arial", Helvetica, Verdana, sans-serif;
line-height:14px;
color: #fff;
}
.ops a {
font: bold 14px "Arial", Helvetica, Verdana, sans-serif;
line-height:18px;
color: #fff;
}
.ops a:hover, .ops a.selected{
font: bold 14px "Arial", Helvetica, Verdana, sans-serif;
line-height:18px;
color: #fff;
text-decoration:underline;
}
.column2wrapper h3{
margin:0;
padding:0;
font: bold 16px "Arial", Helvetica, Verdana, sans-serif;
line-height:16px;
color: #5D5D5D;
}
.column2text{
margin:0;
padding:4px;
font: 12px "Arial", Helvetica, Verdana, sans-serif;
line-height:16px;
color: #5D5D5D;
}
.awardtable {
width:515px;
background: #E9EAE5;
border: 2px solid #D3D4CF;
margin:40px 0;
padding:15px;
}
.awardtable2 {
width:840px;
position:relative;
text-align:left;
background: #E9EAE5;
border: 2px solid #D3D4CF;
margin:0;
padding:15px;
}
.awardtable2 h1{
font:bold 22px "Arial", Helvetica, Verdana, sans-serif;
color: #060C56;
line-height:30px;
margin:0;
padding:0;
}
.sliderwrapper2 {
margin:20px auto;
position:relative;
text-align:left;
width:840px;
background:#fff;
margin-bottom:2em;
overflow:hidden;
}