﻿body 
{
	background:url(../images/page_bg.jpg) no-repeat center fixed;
	}
.hidden {display:none;}
.floatLeft {float:left;}
.clear {clear:both;}

img.floatLeft {     float: left;     margin: 4px; }
img.floatRight {     float: right;     margin: 4px; }

#contentWrapper {
	width:960px;
	margin:0 auto;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	}
#branding a {
	background:url(../images/branding_header.png) no-repeat center;
	display:block;
	height:141px;
	width:960px;
	}
#nav
{
	background:url(../images/nav_bg.jpg) no-repeat center;
	height:39px;
	}
#menu{}

#menu .menumain {
	padding:0 1em;
	text-decoration:none;
	color:#01168e;
	font-size:12px; 
	line-height:39px;
	padding-left: 20px;

	}
/*.sf-menu {
	float:left;
	
}*/
#menu .menulink{
	padding:0 1em;
	text-decoration:none;
	color:#01168e;
	font-size:12px;/*14px; */ 
	line-height:39px;

}
#menu .zstyle 
{
z-index: 100;
}
#menu .menusub {
	background:		#dee7ff;
	height:39px;
	padding:0 1em;
	text-decoration:none;
	color:#01168e;
	font-size:12px;/*14px; */ 
	line-height:39px;
	
}
#menu .menusubsub {
	background:		#9AAEDB;

	
}
.menublank{background-color: transparent;}
#menu .menumouseover {
  
	background:url(../images/nav_hover_bg.jpg) repeat-x;
 outline:		0;
 
}
#menu a, #menu a:visited { /* needed to stop the shadow */
          background: transparent ! important;
          display: block;
         
        
}
#menu a:active, #menu a:focus{ /* needed to stop the shadow */
          background: transparent ! important;
        /*  display: block;*/
        
      
}

	
	
.sf-menu li ul li:hover, .sf-menu li ul li.sfhover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {background:#94b1ff;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	
}
menu-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
menuborder {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
menu-border-of {
	background: transparent;
}

/* INDEX CONTENT STYLING */

#mainPromo {
	padding-top:20px;
	padding-left:50px;
	}
	.indexPromoTxt {
		margin-left:20px;
		width:270px;
		}
	h2.BARDNews {
		background:url(../images/news_title.gif) no-repeat left top;
		display:block;
		height:65px;
		width:227px;
		}
		.indexPromoTxt ul 
		{
		   
			margin-left:40px;
			line-height:34px;
			}
			.indexPromoTxt ul li 
			{
			font-family:Tahoma, Verdana, Arial, sans-serif;
	        font-size:12px;/*14px; */ 
	        color:#000;
			padding-left:25px;
			background:url(../images/page_white_acrobat.png) no-repeat left 10px;
			}
			.indexPromoTxt ul li a {
			color:#000;
			}
			.indexPromoTxt ul li a:hover {
			color:#2135A5;
			}
.indexDivider {
	background:url(../images/divider.png) repeat-x;
	display:block;
	height:2px;
	margin:20px 0;
	width:100%;
	}
#indexSubPromos {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;/*14px; */ 
	color:#000;
	}
.indexPromoTitle {display:none;}
#indexSub1 {
	background:url(../images/deadlines_bg.png) no-repeat top left;
	height:276px;
	width:270px;
	margin-left:27px;
	}
#indexSub2 {
	background:url(../images/eval_bg.png) no-repeat top left;
	height:276px;
	width:270px;
	margin-left:20px;
	}
#indexSub3 {
	background:url(../images/research_bg.png) no-repeat top left;
	height:276px;
	width:270px;
	margin-left:20px;
	}
.subcontainer {
	padding:75px 10px 0 35px;
	}
	.subcontainer ul li {
		padding-bottom:10px;
		line-height:1.2em;
		}
		li.dates {
			padding-left:25px;
			background:url(../images/calendar.png) no-repeat left top;
			}
		li.pdf {
			padding-left:25px;
			background:url(../images/page_white_acrobat.png) no-repeat left top;
			}
	.subPromoTitle {
		font-weight:bold;
		}
	.subPromoTitle a {
		color:#000;
		}
a.moreLink {color:#000;}
a.moreLink:hover {color:#FFF;}

/* ---- TEMPLATE PAGES ---- */
#cph {
	margin:0 auto;
	width:760px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	}
	#cph h1 {
		background:#2135a5;
		border:1px solid #2135a5;
		color:#FFF;
		font-size:20px;
		font-weight:normal;
		margin:10px auto 20px auto;
		text-transform:uppercase;
		text-align:center;
		width:75%;
		}
			#cph h1 {
		background:#2135a5;
		border:1px solid #2135a5;
		color:#FFF;
		font-size:20px;
		font-weight:normal;
		margin:10px auto 20px auto;
		text-transform:uppercase;
		text-align:center;
		width:75%;
		}
	#cph h2 {
		font-size:18px;
		margin:0 0 10px 0;
		}
	#cph h3 {
		background:#858bb0;
		border:1px solid #FFF;
		color:#FFF;
		font-weight:normal;
		margin-bottom:10px;
		padding:4px 0;
		text-align:center;
		}
	#cph .box {
		background:#c7cce8;
		border:1px solid #c7cce8;
		margin-right:10px;
		}
	#cph .board {
		border:1px solid #FFF;
		padding:20px;
		width:310px;
		}
	#cph .spaceleft {
           text-align: left;
            margin-left: 13px;
           padding-left:5px;
        }
	#cph p {
		font-size:14px;
		line-height:1.4em;
		margin-bottom:10px;
		}
	
	    
	#cph p a {
		color:#000;
		}
		#cph p a.emailLink {
			background:url(../images/mail.png) no-repeat left top;
			padding-left:22px;
			}
		#cph p a:hover, #cph p a:active {
			color:#2135a5;
			}
	#cph table 	{
	    font-size:14px;
		line-height:1.4em;
		margin-bottom:10px;
	    }
	#cph span.title {
		font-style:italic;
		}
	#cph .listBox {
		background:#c7cce8;
		border:1px solid #c7cce8;
		color:#01168e;
		font-size:14px;
		margin:10px auto;
		width:75%;
		}
	#cph ul.textList {
			border:1px solid #FFF;
			line-height:1.4em;
			padding:10px;
			}
	#cph		ul.textList li {
				background:url(../images/text_bullet.png) no-repeat left top;
				padding-left:16px;
				margin-bottom:10px;
				}
   
	#cph	ul.fundingList {
			border:1px solid #FFF;
			line-height:1.6em;
			padding:10px;
			}
	#cph	ul.fundingList li {
				background:url(../images/document_icon.png) no-repeat left center;
				padding-left:20px;
				margin-bottom:10px;
                
				}
	#cph		ul.fundingList li a.moreBtn {
					background:url(../images/more_btn.png) no-repeat top;
					color:#01168e;
					display:inline-block;
					height:15px;
					width:45px;
					}
	#cph			ul.fundingList li a.moreBtn:hover {background-position:0 -15px;}
     #cph       ul.fundingList li.selclass a{
         background-color: yellow;
				padding-left:2px;
				margin-bottom:10px;
         color: red;

     }
	#cph			a.moreBtn span {display:none;}
	.fundingListBox, .fundingExpandBox {
		background:#c7cce8;
		border:1px solid #c7cce8;
		color:#01168e;
		margin:10px auto;
		float:left;
		width:48%;
		}
	.fundingListBox {
		font-size:14px;
		}
		ul.fundingList {
			border:1px solid #FFF;
			line-height:1.6em;
			padding:10px;
			}
			ul.fundingList li {
				background:url(../images/document_icon.png) no-repeat left center;
				padding-left:20px;
				margin-bottom:10px;
				}
				ul.fundingList li a.moreBtn {
					background:url(../images/more_btn.png) no-repeat top;
					color:#01168e;
					display:inline-block;
					height:15px;
					width:45px;
					}
					ul.fundingList li a.moreBtn:hover {background-position:0 -15px;}
					a.moreBtn span {display:none;}
	.fundingExpandBox {
		margin-left:10px;
		}
	.fundingExpand {
			border:1px solid #FFF;
			line-height:1.6em;
			padding:10px;
			}
			.fundingExpand p {
				color:#000;
				}
			.fundingExpand ul {
				color:#000;
				list-style-type:disc;
				width:80%;
				margin:10px auto;
				font-size:12px;
				line-height:1.4em;
				}
				.fundingExpand ul li {
					margin-bottom:8px;
					}
			p.duration, p.award, p.deadline {
				padding-left:25px;
				font-size:12px;
				}
			p.duration {
				background:url(../images/calendar.png) no-repeat left top;
				}
			p.award {
				background:url(../images/money.png) no-repeat left top;
				}				
			p.deadline {
				background:url(../images/exclamation.png) no-repeat left top;
				}
	.board dl {
		margin-bottom:15px;
		margin-left:10px;
		font-size:14px;
		line-height:1.4em;
		}
		.board dt {
			font-weight:bold;
			}
		.board dd {
			margin-bottom:10px;
			}
			span.boardTitle {font-style:italic;}
.divborder {border-top-style: solid;
            border-top-width: medium;
}
.mytd {
    padding-left: 2px;
    padding-right: 2px;
}

/* ---- FOOTER ---- */

#footer {background:url(../images/footer_logo.png) no-repeat left center; margin:20px 0 0 0;clear:both;}
#footer ul {list-style-type:none;padding-left:65px;}
#footer ul li {float:left;line-height:40px;font-size:11px;}
#footer ul li a {color:#333;text-transform:uppercase;}
#footer ul li a:hover {color:#000;}
.footerDivider {
	background:url(../images/divider.png) repeat-x;
	display:block;
	height:2px;
	margin:5px 0;
	width:100%;
	}
#copyright {float:right;line-height:40px;color:#333;font-size:11px;padding-right:20px;}