@charset "utf-8";
/* CSS Document */
/****************************GENERIC STYLES**********************************/
/*most of these are covered by the yahoo labs reset.css stylesheet*/

br.clear {
clear:both;
}

html {
color:#5c5c5c;
font-family:"Trebuchet MS";
}

a, a:link, a:visited, a visited, a link, p.g a:link, p.g a:visited {color:#5c5c5c;}
a:hover, p.g a:hover {color:#F77400; }

.s a, .s a:link, .s a:visited {color:#5c5c5c;}
.s a:hover {color:#F77400; }

.n a, .n a:link, .n a:visited {color:#5c5c5c;}
.n a:hover {color:#F77400; }


.link-item
{
background:#f6f6f1;
border-bottom:1px solid #fff;
/*width:720px;*/
padding-top:8px;
padding-left:8px;
height:25px;
width:95%;
/*width:720px;*/
}


.link-item a, .link-item a:link
{
color:#5c5c5c;
}
.link-item a, link-item a:visited
{
color:#5c5c5c;
}

.link-item a a:hover{
color:#F77400;
}

div.link-item a:visited {color:#5c5c5c;}
div.link-item a:link {color:#5c5c5c;}
div.link-item a:hover {color:#F77400; }


li a, li a:link {color:#5c5c5c;}
li a:visited {color:#5c5c5c;}li 
a:hover {color:#F77400; }

.GMResultTitle
{
 font-size:larger;
	
}


/***********************IMAGE STYLES******************************************
--These rules only apply to content images.
--Give an image a class of right if its going to be right aligned.
--Left for a left aligned one
*/
img.right {
margin:20px 0 15px 20px;
float:right;
}

img.left {
margin:20px 25px 15px 0;
}

img.floatleft {
float:left;
margin:0px 10px 10px 0;
}

/****************************CONTENT STYLES**********************************/

body {background:url(images/bgrpt.gif) #525987 repeat-x top ; font-family:"Trebuchet MS"; margin:auto; vertical-align:top;}

div#container {
background:url(images/bgtop.jpg) top no-repeat #525987;
margin:auto;
}

div#page {
background-color:#fff;
border:#dfe5ca solid 1px;
margin:auto;
width:759px;
height:auto;
}

div#leftheadcont {
border-right:#dfe5ca solid 1px;
width:483px;
height:100px;
float:left;
}

div#rightheadcont {
background:#fefefd;
width:265px;
padding: 10px 10px 0 0;
height:90px;
float:right;
text-align:right;
line-height:15px;
}

div#rightheadcont span.TEXTblue {
font-size:85%;
}

div#masthead {
width:761px;
height:149px;
float:left;
}


a.masthead_text_headline_anchor
{
	font-size:220%;
	font-family:'Trebuchet MS';
	text-decoration:none;
	display:block;
}

div.masthead {
width:761px;
height:149px;
float:left;
display:block;
background-repeat:no-repeat;
}

a.masthead_text_anchor
{	
	font-size:120%;
	font-weight:bold;
	font-family:'Trebuchet MS';
	text-decoration:none;
	display:block;
}

div#breadcrumbs {	
	width:460px;
    margin-bottom:15px;
	float:left;
	padding-top:5px;
}

div#breadcrumbs a {
color:#5c5c5c;
}

div#breadcrumbs a:hover {
color:#F77400;
}

/**********************************Menu Styles*************************************************
/*pmw1 new greatly simplified menu style*/
div.menu div{
	float:left;			
	}
	
div.menu a, div.menu a:hover {
	display:block;
	padding-left:10px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	}
	
div.menu a:visited, #nav a:visited {
	display:block;
	padding-left:10px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	}

div.menu a span, #nav a span {
	display:block;
	height:26px;
	padding-right:10px;
	padding-top:4px;
	}
	
div.topmenu{
	background:#f7a417;
}
	
div.topmenu a:hover {
	background:url(images/left.gif) left top no-repeat #F77400;
	cursor:pointer;
	}

div.topmenu a:hover span {
	background:url(images/right.gif) right top no-repeat;
	}


div.topmenu a.active {
	background:url(images/left.gif) left top no-repeat #F77400;
	}

div.topmenu a.active span {
	background:url(images/right.gif) right top no-repeat;
	}



div.bottommenu{
	background:#f77400 0% 50%;
	color: #ffffff;
	float:left;
	width:759px;
}



div.bottommenu span{
	padding-right: 10px;	
	display: block;	
	padding-top: 4px;			
	}
	

div.bottommenu a:hover{
	color:black;
	cursor:pointer;
	}

div a:visited {color:#5c5c5c;}


/*-----------------------------------THIRD LEVEL NAV
--The list needs to have an id of thirdnav
--the last li needs to have a class of "last"
--the active link needs to be classed as "active"
*/

div#thirdnav {
margin-top:20px;
width:246px;
}

div#topcorner {
background:url(images/thirdnavtopleft.jpg) top left no-repeat #f77400;
padding-top:3px;
}

div#bottomcorner {
background:url(images/thirdnavbotleft.jpg) bottom left no-repeat;
padding-bottom:0px;
}

ul#thirdlevelnav {
background:url(images/thirdnavswirl.jpg) bottom right no-repeat;
margin:10px 0;
padding:0 10px;
}

ul#thirdlevelnav li {
border-bottom: solid 1px #fbbe87;
margin-bottom:10px;
padding-bottom:8px;
} 

ul#thirdlevelnav li a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

ul#thirdlevelnav li.last {
border-bottom:none;
}

ul#thirdlevelnav li.active a {
color:#334166;
}

ul#thirdlevelnav li a:hover {
color:#334166;
}


/*------------------------------------------END OF NAV STYLES
*/


/*------------------------------------PAGE NUMBERS LINKS
--each number block needs to have a class of pagenumber
--active page needs class of active too
*/

div.pagenumbers{
float:right;
display:inline;
width:209px;
}

div.pagenumbers a {
float:left;
margin-left:5px;
width:15px;
height:17px;
display:block;
text-align:center;
color:#fff;
text-decoration:none;
padding-top:2px;
}

div.pagenumbers span {
float:left;
}

div.pagenumbers a.previous {
background: url(images/previous.jpg) no-repeat center #838383;
}

div.pagenumbers a.next {
background: url(images/next.jpg) no-repeat center #838383;
}

div.pagenumbers a.pagenumber {
background:#838383;
}

div.pagenumbers a.active {
font-weight:bold;
background:#838383;
}

/*****************CONTENT STYLES
--If right column is longer than left, use class "rightcont" for the right content box and class "leftcontnoborder" for left content
to ensure the middle border stretches the full length
--If vice versa, use "rightcontnoborder" and "leftcont"
*/

div#fullcont {
background:url(images/fullwidthbg.jpg) top center no-repeat;
float:left;
width:759px;
}

div#p.last {
background:url(images/bodybg.gif) top right no-repeat;
padding: 15px 12px 20px 12px;
width:457px;
float:left;
}


div#leftcontrightborder {
background:url(images/bodybg.gif) top right no-repeat;
padding:0px 12px;
width:456px;
float:left;
border-right: 1px solid #DFE5CA;
}

/*pmw changed 20px to 50px to move the content placeholder down a bit
removed background:url(images/bodybg.gif) top right no-repeat;
*/
div#leftcontnoborder {
background:url(images/bodybg.gif) top right no-repeat;
padding:0px 12px;
width:457px;
float:left;
}

div#homeintro {
padding-bottom:20px;
border-bottom: 1px solid #dfe5ca;
}
/*pmw changed first setting of padding from 0 to 20px*/
div#rightcont {
float:right;
width:252px;
background:url(images/rightcontbg.gif) no-repeat;
border-left:#dfe5ca solid 1px;
padding:30px 10px 20px 15px;
}

div#rightcontnoborder {
float:right;
width:252px;
background:url(images/rightcontbg.gif) no-repeat;
border-left:none;
padding:0 10px 20px 15px;
}

div#contentholder{
float:left;
background-color:white;
}


div#mainfooter {
background-color:#334166;
height:45px;
width:749px;
float:left;
/*margin-top:20px;*/
margin-bottom:5px;
padding-top:10px;
padding-left:10px;
color:#FFFFFF;
}

div#mainfooter a {
color:#FFFFFF;
font-size:89%;
text-decoration:underline;
}

div#mainfooter a:hover {
color:#F77400;
}

a.Bookmark {
position:relative;
left:15px;
background:url(images/bookmark.gif) no-repeat left center;
padding-left:20px;
}

a.Print {
position:relative;
left:25px;
background:url(images/print.gif) no-repeat left center;
padding-left:20px;
}

a.RSS {
position:relative;
left:35px;
background:url(images/RSS.gif) no-repeat left center;
padding-left:20px;
}

fieldset {
border:solid 1px #dfe5ca;
padding:10px;
margin-top:15px;
}

label {
float:left;
margin-left:10px;
margin-right:20px;
margin-bottom:10px;
width:280px;
}

label span {
float:left;
}

label input {
float:right;
}

legend {
color:#5c5c5c;
}

input.submit{
float:left;
clear:both;
margin-right:50px;
margin-top:20px;
position:relative;
left:535px;
top:-10px;
}

div#searchbox {
padding:20px 10px;
float:left;
margin-bottom:20px;
margin-top:20px;
width:708px;
background:#f9f9f5;
border-bottom:solid 1px #dfe5ca;
border-top:solid 1px #dfe5ca;
}

div#searchbox img {
position:relative;
top:5px;
}

div#map {
margin-top:10px;
}

/************************CALENDAR LIST STYLE
-- three list types each with a class (one, two and three)
--One has a list itme top class
--Three has a bottom class
*/
ul.calendar {
padding:8px 0;
margin-bottom:10px;
}

ul.calendar li {
padding:4px 0;
padding-left:10px;
border-bottom:1px solid #fff;
}

ul.calendar li a {
color:#5c5c5c;
text-decoration:underline;
}

ul.calendar li a:hover {
color:#F77400;
}

ul.one li {
background:#f6f6f1;
}

ul.one li.top {
border-top: 4px solid #edeee4;
}

ul.two li {
background:#edeee4;
}

ul.three li {
background:#e4e5d6;
}

ul.three li.bottom {
border-bottom:4px solid #d2d4bb;
}

/************************NEWS LIST STYLES
--
*/

ul.newslist {
/*width:730px;*/
width:100%;
margin-top:15px;
}

ul.newslist li.top {
background:#edeee4;
border-bottom:none;
padding-top:10px;
padding-left:8px;
height:28px;
}

ul.newslist li.top span.title {
text-decoration:underline;
}


ul.newslist li {
background:#f6f6f1;
border-bottom:1px solid #fff;
/*width:720px;*/
width:100%;

padding-top:8px;
padding-left:8px;
height:25px;
}

ul.newslist li a{
color:#5c5c5c;
}
ul.newslist li a:hover{
color:#F77400;
}

ul.newslist li span a:hover{
color:#F77400;
}

ul.newslist li span.RSS {
display:block;
float:right;
background: url(images/RSS.jpg) no-repeat left;
padding-left:30px;
width:30px;
height:19px;
position:relative;
top:-15px;
color:#334166;
}

ul.newslist li span.whatisRSS {
display:block;
float:right;
padding-left:10px;
width:100px;
height:19px;
position:relative;
top:-15px;
color:#334166;
text-decoration:none;
}

ul.newslist li.top span.whatisRSS a:hover {
color:#F77400;
}



/***************************FONT STYLES**************************************/
/*again, the yahoo labs font.css style sheet has set cross-browser standardized rules*/
/*NB: Most fonts use relative size, but a few use px to maintain layout*/
p {
color:#5c5c5c;
font-family:"Trebuchet MS";
margin-top:20px;
line-height:1.5;
}

/* Added by pmw to provide html editor functionality in SharePoint*/
strong {font-family:"Trebuchet MS";
font-weight:bold;
color:#141f47;
}

em {font-family:"Trebuchet MS";font-style:italic}

ul {list-style-type:disc; list-style-position:inside}
ol {list-style-type:decimal;list-style-position:inside}
ul li {list-style-type:disc;line-height:1.5;color:#5c5c5c}
ol li {list-style-type:decimal;line-height:1.5;color:#5c5c5c}

/* pmw end of Addition */

/*****************************
--Give the first <p> (under every heading) in the right side column a class of first
--Use last to give the last paragraph the grey bottom border
--Use a class of "first last" If there is only one paragraph.
*/
p.first {margin-top:15px;
}


p.last {
border-bottom:#dfe5ca solid 1px;
padding-bottom:10px;
margin-bottom:15px;
margin-top:15px;
}

p a {
color:#5c5c5c;
}

p a:hover {
color:#F77400;
}


h1 {
color:#141f47;
font-size:220%;
font-family:"Trebuchet MS";
margin-bottom:15px;
}

/********************** The blue orange and green rounded corner headers
--Give a <h1> tag a class of orange, blue or green to get the relevant color box
*/

h1.news {
color:#FFFFFF;
font-size:130%;
background:url(images/newsbg.gif) no-repeat;
width:340px;
height:30px;
padding:5px 0 0 10px;
margin-top:15px;
margin-bottom:10px;
}

h1.green {
color:#FFFFFF;
font-size:130%;
background:url(images/newsbg.gif) no-repeat;
width:340px;
height:30px;
padding:5px 0 0 10px;
margin-top:15px;
margin-bottom:10px;
}

h1.readabout {
color:#FFFFFF;
font-size:130%;
background:url(images/readabout.gif) no-repeat;
width:236px;
height:30px;
padding:5px 0 0 10px;
margin-top:20px;
margin-bottom:5px;
}

h1.orange {
color:#FFFFFF;
font-size:130%;
background:url(images/readabout.gif) no-repeat;
width:236px;
height:30px;
padding:5px 0 0 10px;
margin-top:20px;
margin-bottom:5px;
}

h1.thelatest {
color:#FFFFFF;
font-size:130%;
background:url(images/thelatest.gif) no-repeat;
width:236px;
height:30px;
padding:5px 0 0 10px;
margin-top:20px;
margin-bottom:5px;
}

h1.blue {
color:#FFFFFF;
font-size:130%;
background:url(images/thelatest.gif) no-repeat;
width:236px;
height:30px;
padding:5px 0 0 10px;
margin-top:20px;
margin-bottom:5px;
}

h2 {
color:#5c5c5c;
font-family:"Trebuchet MS";
font-size:160%;
}

h2.left {
float:left;
width:320px;
}

h2.header{
float:left;
width:320px;
margin-top:10px;
}



h3 {
color:#314163;
font-family:"Trebuchet MS";
font-size:120%;
margin-bottom:10px;
}

.BIG {
font-size:120%;
}

.orange {
color:#f7a417;
}

span.TEXTblue {
font-family:"Trebuchet MS";
font-size:90%;
font-weight:bold;
color:#141f47;
}
span.TEXTblue a {
color:#141f47;
text-decoration:underline;
}
span.TEXTblue a:hover {
color:#F77400;
text-decoration:none;
}

span.TEXTgreenBIG {
color:#a5ae6b;
font-family:"Trebuchet MS";
font-size:130%;
}

span.TEXTorangeBIG {
color:#f7a417;
font-family:"Trebuchet MS";
font-size:130%;
}

span.TEXTblueBIG {
color:#334166;
font-family:"Trebuchet MS";
font-size:130%;
}

span a:hover {
color:#F77400;
}

a.link, a.visited {
display:block;
width:100px;
margin-top:15px;
color:#5b5b5b;
padding-left:18px;
background:url(images/arrow.gif) no-repeat left center;
}

a.link:hover {
color:#F77400;
}

a.print {
display:block;
float:right;
background:url(images/printlogo.jpg) left no-repeat;
padding-left:30px;
position:relative;
top:-20px;
}

/*--------------------TABLE STYLES
--There are three different tables: search results, browse funding opportunities, funded research.
--Make sure the relevant table has the relevant class.
*/

table {
border-collapse:collapse;
}

table a {
color:#5b5b5b;
}

table a:hover {
color:#F77400;
}

/*------------------FUNDED RESEARCH TABLE
--use the relevant td class for each cell, so class="left" for cells on the left, top right for the top right cell etc
*/
table.fundedresearch {
margin:20px 0;
color:#5b5b5b;
}

table.fundedresearch td {
padding:5px;
margin:1px;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

table.fundedresearch td.left {
background:#f9f9f5;
border-right:7px solid #fff;
}

table.fundedresearch td.right {
background:#f4f5ee;
}

table.fundedresearch td.topleft {
background: url(images/f2f2ebrpt.gif) repeat-x top #f9f9f5;
border-right:7px solid #fff;
padding-bottom:4px;
height:28px;
}
table.fundedresearch td.bottomleft {
background: url(images/f2f2ebrpt.gif) repeat-x bottom #f9f9f5;
border-right:7px solid #fff;
padding-top:4px;
height:28px;
}
table.fundedresearch td.topright {
background: url(images/e9eaddrpt.gif) repeat-x top #f4f5ee;
padding-top:4px;
height:28px;
}
table.fundedresearch td.bottomright {
background: url(images/e9eaddrpt.gif) repeat-x bottom #f4f5ee;
padding-top:4px;
height:28px;
}


/*------------------FUNDING OPPORTUNITIES TABLE
--Again, use headerdark for dark headers headerlight for light header cells etc
*/

table.fundingops {
float:left;
margin:20px 0;
color:#5b5b5b;
width:737px;
}

table.fundingops td {
padding:5px 3px;
}

table.fundingops th {
padding:5px 3px;
}

table.fundingops th.headerdarkarrow{
background: #e9eadd;
padding-right:5px;
border-bottom: 1px solid #fff;
border-right:5px solid #fff;
}

table.fundingops th.headerdark{
background: #e9eadd;
border-bottom: 1px solid #fff;
border-right:5px solid #fff;
}

table.fundingops th.headerlightarrow{
background:#f6f6f1;
padding-right:5px;
border-bottom: 1px solid #fff;
border-right:5px solid #fff;
}

table.fundingops th.headerlight{
background:#f6f6f1;
border-right:5px solid #fff;
border-bottom: 1px solid #fff;
}

th img.tablearrow {
float:right;
}

table.fundingops td.subheaderdark {
background: url(images/e9eaddrpt.gif) top repeat-x #f4f5ee;
border-right:5px solid #fff;
border-bottom: 1px solid #fff;
}

table.fundingops td.subheaderlight {
background: url(images/f2f2ebrpt.gif) top repeat-x #f9f9f5;
border-right:5px solid #fff;
border-bottom: 1px solid #fff;
}

table.fundingops td.dark
{
	background: #f4f5ee;
	border-color: #ffffff ;
	border-width:2px ;
	border-style:solid ;
	padding:5px 3px;
}

table.fundingops td.light {
	background: #f9f9f5;
	border-color: #ffffff ;
	border-width:2px ;
	border-style:solid ;
	padding:5px 3px;
}

table.fundingops td.bottomlight {
background: url(images/e9eaddrpt.gif) bottom repeat-x #f9f9f5;
border-right:5px solid #fff;
}

table.fundingops td.bottomdark {
background: url(images/e9eaddrpt.gif) bottom repeat-x #f4f5ee;
border-right:5px solid #fff;
}



div.SearchDivClass
	{
	white-space:nowrap;
	vertical-align:middle;
	width:14em;
	padding:2px;
	float:right;		
	text-align:right; 
	}

label.SearchLabelNoShow {
margin:0;
width:1ex;
display:none; 
}

.SearchTextboxClass
{
	width:9em;	
	vertical-align:middle;
	margin-right:2px;
	font-style:italic;
}

input.SearchButtonClass
{
	vertical-align: middle;
	width: 5em;
	overflow:visible; 
	display:inline; 
}

div.markermarkup, markermarkup
{
    display:inline;
    vertical-align:top;
    float:left;    
    white-space:nowrap;
    width:220px;
    height:90px;
    }
div.markermarkupright, markermarkupright
{
    display:inline;
    vertical-align:top;
    float:right;    
    white-space:nowrap;
    padding-right:10PT;
    }
div.markermarkupleft, markermarkupleft
{
    display:inline;
    vertical-align:top;
    float:left;    
    white-space:nowrap;
    width:140px;
    }

div.GoogleMapWebpart, .GoogleMapWebpart
{
	width: 100%;
	padding: 10px;
	display: block;
}
div.GoogleMapHeading, .GoogleMapHeading
{
	color:#5b5b5b;
	font-size:medium;
	font-weight:bolder;
	display:block;
		}

div.GoogleMap, .GoogleMap
{

	width: 97%; 
	height: 460px;
	border:#c0c0c0 solid 1px;
	display:block;

}

div.MediaWebpartCSSClass, .MediaWebpartCSSClass
{
   	 background-color:white;				

}

.ContextMenuPanel , div.ContextMenuPanel
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(/Style%20Library/images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem, .ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #5c5c5c;
	text-decoration: none;
	cursor: pointer;	
	padding:  2px 5px 2px 25px;
	white-space: nowrap;
	text-decoration:none !important;	
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
	text-decoration:none;
}

a.ContextMenuItem:hover, ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #F77400;
	border: 1px solid #D2B47A;
	padding: 3px  5px 3px 25px;
	text-decoration:underline !important;
}

a.ContextHeaderItem
{
	margin: 1px 0 1px 0;
	display: inline;
	color: #5c5c5c;
	text-decoration: none;
	cursor: pointer;	
	white-space: nowrap;
	text-align:left;
	padding: 2px 3px 3px 2px;
}

img.ContextHeaderImage, .ContextHeaderImage
{
	margin: 1px 0 1px 0;
	display: inline;
	color: #5c5c5c;
	text-decoration: none;
	cursor: pointer;	
	white-space: nowrap;
	padding: 1px 1px 1px 1px;
}

label.ResearchLabel, .ResearchLabel
{
	width:130px;
	horizontal-aligh:right !important;
	padding-right:2px !important;
	padding-left:2px !important;
	white-space:nowrap;
	margin-right:2px;
	margin-left:2px;
}

.EditorPartPanel, div.EditorPartPanel
{ 
	float:left;
	text-align:left;
	display:block;
	width:100%;
}

#pnlHomeBottomMenu, div.pnlHomeBottomMenu, .pnlHomeBottomMenu
{
	height:30px !important;

}