/*HRIF Page */
/*updated 03-09-10*/

body {
	margin: 0;
	padding: 0;
	background-color: #191970;
	color: black;
	background-image: url(Graphics/bluewat.jpg);
	background-repeat: x-repeat;
	font: small verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	background-color: #FFFAFA;
	color: black;
	margin: 30px 40px 30px 40px;
	padding: 10px;
}

#header-bottom {
	border-top: 2px solid #C0C0C0;
	border-bottom: 2px solid #c0c0c0;
	height: 1%;
}

#header-bottom ul {
	margin: 0;
	padding: 0 30px 0 0;
	text-align: right;
}

#header-bottom li {
	display: inline;
	background-color: #FFFAFA;
	color: #245185;
}

#header-bottom a:link, #header-bottom a:visited {
	text-decoration: none;
	background-color: #FFFAFA;
	color: #245185;
}

#header-bottom a:hover {
	text-decoration: none;
	color: #DAA520;
}

#tagline {
	font-weight: bold;
	background-color: #FFFAFA;
	color: #191970;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 10px;
	width: 300px;
	float: left;
}

#main {
	width: 100%;
	margin-top: 10px;
	/*background-image: url(Graphics/sidebarbg.gif);*/
	/*background-position: top right;*/
	/*background-repeat: repeat-y;*/
}

/*fix background pic when permission to redesign is granted EM-10-10-08*/

#sidebarL {
	float:left;
	width: 159px;
	border-top: 1px solid #b9d2e3;
	border-left: 1px solid #b9d2e3;
	background-color: white;
	color: black;
	margin: 0;
	padding: 0;
}

#sidebarL .inner {
	margin: 10px;
}

#sidebarL p {
	font-size: 90%;
	color: #666666;
}

#sidebarL a:link, #sidebarL a:visited {
	color: #245185;
	font-weight: bold;
}

#sidebarL h3 {
	color: #245185;
	padding: 0.2em;
	border-bottom: 1px solid #b9d2e3;
	font-size: 110%;
}
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	border-bottom: 1px solid #b9d2e3;
	padding: 0.4em 0 0.2em 0;
	font-size: 90%;
}

#nav li a:link, #nav li a:visited {
	text-decoration: none;
	color: #245185;
	font-weight: normal;
}

#nav li a:hover {
	text-decoration: none;
	color: #DAA520;
	font-weight: normal;
}

#news {
	margin: 0;
	padding: 0 0 0 5px;
}

#news h4 {
	color: #ff4e00;
	font-size: 100%;
	font-weight: bold;
}

#news h4.ship {
	color: #ff4e00;
	/*padding-left: 5px;*/
	text-align: center;
}


#news p {
	font-size: 90%;
	color: black;
	line-height: 150%;
}

#news p.more a:link, #news p.more a:visited {
	color: red;
	font-size: 110%;
	background-image: url(Graphics/star2_red.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#news ul {
	/*list-style-image: url(Graphics/star2_navy.gif);*/
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 5px;
	padding: 0 /*0 0 15px*/;
}

#news li {
	padding: 0.4em 0 0.2em 0;
}

#news li a:link, #news li a:visited {
	color: #245185;
}

/*2 column pages*/
#content {
	margin: 0 0 0 160px;
	border-top: 1px solid #b9d2e3;
	border-right: 1px solid #b9d2e3; 
	border-left: 1px solid #b9d2e3;  
	background-color: white;
	color: black;
	/*display: inline-block;*/
}


#content .intro {
	margin: 10px 20px 10px 20px;
	padding: 10px 10px 50px 10px;
	background-color: white; 
	line-height: 1.5em;
}

#content .intro h1 {
	margin: 0;
	font-weight: bold;
	font-size: 140%;
	color: #008080;
}


#content .intro ul {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: none;
}

#content .logo-image {
	float: right;
	margin: -20px 0 0 10px;
}


#content .inner {
	margin: 10px 20px 10px 20px;
}

#content .announce h2{
	color: #000080;
	text-align: center;
}

#content .announce {
	margin: 10px;
	padding: 10px;
	background-color: #87CEFA;
	border: 1px solid black;
	line-height: 1.5em;
}

#content .announce h3{
	color: #000080;
}

#content .announce p{
	line-height: 150%;
}

#content .announce p.details {
	padding-left: 25px;
	background-image: url(Graphics/star2_navy.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#content .announce ul {
	margin: 0;
	padding: 0 0 0 0.5em;
	list-style: none;
	font-style: italic;
}

#content .propdesign {
	margin: 10px 20px 10px 20px;
	padding: 10px;
	background-color: #90EE90;
	border-style: dashed;
	border-width: medium;
	border-color: black;
	line-height: 1.5em;
}

#content .propdesign h3{
	color: #000080;
}

#content .propdesign ul {
	list-style-type: decimal;
}

#content .propdesign ul ul {
	list-style-type: disc;
}

#content .program08 h3 {
	color: #000080;

}

#content .program09 h3 {
	color: #000080;

}

#content .deadline {
	margin: 10px 20px 10px 20px;
	padding: 10px;
	background-color: red;
	border: 2px dotted black;
	font-weight: bold;
	font-size: 120%;
}

#content .instructions {
	margin: 10px 20px 10px 20px;
	padding: 10px;
	background-color: #ADD8E6;
	border: 2px solid black;
}

#content .instructions h4{
	color: #000080;
}

#content .instructions p.pdf {
	margin-top: 0;
	text-align: right;
}

#content .instructions p.pdf a:link, #content .inner p.download a:visited {
	background-image: url(Graphics/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-top: 10px;
	padding-left: 25px;
	font-size: 110%;
	color: red;
}


/*end of 2column pages*/

/*table for grants*/	
table.grants {
	clear: right;
	width: 100%;
	line-height: 1.4em;
	border-collapse: collapse;
	border: 2px solid #000000; 
	color: black;
	background: #B0C4DE;
}

table.grants thead tr {
	color: white;
	background: #000080;
}

table.grants thead tr th {
	padding: 0.4em 0.6em 0.4em 0.6em;
	border: 2px solid #000000;
}

table.grants tbody tr {
	border: 2px solid #000000;
}

table.grants tbody th {
	padding: 0.6em;
	border-bottom: 2px solid #000000;
}

table.grants tbody td {
	background: #B0C4DE;
	padding-left: 0.6em;
	border-bottom: 2px solid #000000;
}

table.grants tbody tr.odd {
	background-color: #f0f0f0;
}

table.grants tbody tr.odd td {
	background-color:#f0f0f0;
	color: black;
}
/* end of table for grants' pages*/



/* All pages */

#content .spacer {
	margin: 10px 20px 10px 20px;
	padding: 10px 10px 150px 10px;
	background-color: white; 
	line-height: 1.5em;
}

#footer {
	width: 100%;
	border-top: 1px solid #b9d2e3;
	border-bottom: 1px solid #b9d2e3;
	margin-top: 10px;
	clear: both;
}

#footer p {
	font-size: 90%;
	color: #256290;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	text-align: center;
}

#main2 {
	background-image: url(Graphics/leftbg.gif);
	background-position: bottom-left;
	background-repeat: repeat-y;
}