@charset "utf-8";
/* CSS Document for TSNRP Website */

html { 
    overflow: -moz-scrollbars-vertical;
	overflow-y:scroll;
	/* This is not valid CSS, but it gets rid of the shift due to vertical scroll bars in Safari and FF */ 
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bkgd_grey.jpg);
	background-position:top right;
	background-repeat:repeat-y;	
	background-color:#c2c0c1; 
}

#bottomhalf {
	padding:0px;
	margin:0px;
	top:none;
	height:auto;
	min-height: 433px;
}

#wrapper, #wrapper2 {
	padding: 0px;
	width: 808px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper {
	padding-top: 0px;
    margin-top: 0px;
	margin-bottom: 15px;
}

#wrapper2 { 
    padding-top:15px; 	
    margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom:0px;
}

#home_wrapper {
	padding: 15px;
	width: 808px;
	margin: 0px auto;
}

#sec_one { position:relative; }

#header { 
	height: 21px;
	text-align:right;
	padding:0px;
	margin:0px;
}

#header img {
	border:none;
	padding:0px; 
	margin:0px;
	float:right;
}

#header ul {
	padding:0px;
	margin:0px;
	list-style: none;	
}

#header ul li { 
    padding:0px;
	margin:0px;
	display:inline; 
}

#banner {
	background-color:#ffffff;
	height: 128px;
}

form#searchform { 
    right: 0px;
	width: 220px;
	position: absolute;
	padding-top: 15px;
	padding-right: 25px;
}

form#searchform input#goButton {
	border: none;
	padding:0px;
	margin-top:0px;
	vertical-align:middle;
}

/*** Nav bar styles ***/
div#navigation {
	padding:0px;
	margin:0px;
	width: 806px;
	background-color:#ffffff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #003366;
	border-left-color: #003366;
	height:100%;
}

ul.nav,
.nav ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
}

ul.nav{
	padding-left: 28px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	margin: 0px;
	height:30px;
	list-style: none;
	background-color:#ffffff;
}

ul.nav>li{
	margin: 0;
	padding: 0;
	display:inline;
	font-size:0.75em;
}

ul.nav img {
	border:none;
	padding:0px;
	margin:0px;
	float:left;
}

ul.nav li>ul{
	/*display: none;  This would make the hover work*/
	position: absolute;
	width: 740px;
	left: 0px;
	margin-top: 30px;
	margin-left: 40px;
	background-color: #003366;
}

ul.nav li:hover>ul{
	display : block;
}

.nav ul li a{
	display: block;
	padding: 2px 10px;
}

.nav ul,
.nav ul li a{
	background-color: #003366;
	color: #ffffff;
}

ul.nav {
	background-color: #ffffff;
}

ul.nav li:hover,
.nav ul li a:hover{
	background-color: #ffffff;
	color: #003366;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #ffffff;
	color: #003366;
}

.nav a{
	text-decoration: none;
}

.nav ul li {
	float:left; 
	position:relative; 
	padding:5px;
}

ul.nav li ul li.active a { 
	color:#cc3333;
}

#sec_two {
	border-left: 1px solid #003366;
	background-color:#ffffff;
	border-right: 1px solid #003366;
	padding-top:40px;
	padding-left:0px;
	margin-top: 0px;
	float:left;
	width:806px;
	height:100%;
	padding-bottom:0px;
	margin-bottom:0px;
}

#sec_two.lgrownav {
	padding-top:70px;
}

#ltcol { 
    width: 155px;
	float:left;
	padding-left: 20px;
	font-size:.9em;
}

ul#leftnav {
	list-style:none; 
	padding-right: 3px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:34px;
	margin:0px;
}

ul#leftnav li {
	padding-bottom:20px;
}

ul#leftnav li.active, ul#leftnav li.active a {
	color:#cc3333;
}

ul#leftnav li a {
	color:#003366;
	text-decoration:none;
}
	
#homecol {
	width:755px; 
	padding-left:25px; 
	padding-right:20px;
	float:left;
	font-size:.9em;	
	color: #545454;
	padding-bottom:35px;	
}

#midcol, #midcol_full { 
	float:left;
	font-size:.9em;	
	color: #545454;
	padding-bottom:35px;
}

#midcol { 
    width: 402px;
}

#midcol img {
    padding-top:15px;
}

#midcol_full {
	width: 573px;
}

#home_content {
	background-color:#616570; 
	height:275px; 
	margin:0px; 
	padding:0px; 
	vertical-align:top;
}

#home_content #leftimage {
	padding-top:18px; 
	padding-left:15px; 
	width:429px; 
	float:left;
}

#home_content #announcements {
	border: 1px solid #003366; 
	float:right; 
	padding-top:18px; 
	padding-left:15px; 
	margin-top:20px; 
	width:245px; 
	height:218px; 
	margin-right:18px;
	padding-right:15px;
	color:#003366;
    background-image:url(../images/tsnrp-home-box.jpg);	
	position:relative;
}

#midcol div#A, #midcol_full div#A {
    width:50%;
	float:left;
}

#midcol div#B, #midcol_full div#B {
    width:49%;
	float:right;
}

#midcol_full div#B img#director {
	padding-top:65px;
	padding-left:10px;
}

#midcol span.breadcrumbs {
	padding-bottom: 15px;
	font-size:.6em;
}

#midcol span.breadcrumbs a {
    color:#003366;
}

#midcol h1, #midcol h2, #midcol_full h1, #midcol_full h2 {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	color:#cc3333;
}

#midcol h1, #midcol_full h1 {
	font-size:1.2em;
}

#midcol h2, #midcol_full h2 {
	font-size:1em;
	padding-top: 15px;
}

#midcol_full h2.fundedstudies, #midcol_full h3.fundedstudies {
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
	
}

#midcol_full h3.fundedstudies {
	font-size:1em;
	padding-top:0px;
	margin-top:0px;
	color:#cc3333;
	
}

#announcements h1 { 
    text-transform:uppercase;
	text-align:center;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	color:#cc3333;
	font-size:.8em;
}

#announcements h2 {
    color: #003366;
	margin-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;	
    font-size:.8em;
	padding-top: 15px;	
}

#midcol h3, #midcol_full h3 {
	font-size:.9em;
	padding-top: 15px;
}

#announcements h3 {
	font-style:italic; 
	font-size: .8em; 
	margin-top: 5px;
	padding-bottom: 0px; 
	margin-bottom: 0px; 
	padding-top:0px;
}

#announcements h3 span.normal {
	font-size:.8em;
	font-style:normal;
}

#midcol a, #midcol_full a {
	text-decoration:underline;
	/*font-style: italic; */	
	color: red;
	text-align:inherit;
}

#announcements p.link, #announcements p.link a {
	color:#cc3333;
}

#announcements p {
	font-size: .8em;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

#announcements p.date {
	font-weight: bold; 
}

#announcements p.location {
	font-style:italic;
}

#announcements p span.important {
	font-weight:bold;
}

#home_content #announcements span.navigation {
	font-size:1.4em;
	color:#cc3333;
	font-style:normal;
	padding-top:5px;
	margin-top:7px;
	padding-bottom: 0px;
	margin-bottom:0px;
	position: absolute; 
	bottom: 10px;
	left:74px; /* 6 Announcements */
	/* left:80px;  5 Announcements */
}

#announcements span.navigation a {
	color: #003366;
	text-decoration:none;
	font-style:normal;
}

#announcements span.navigation a img {
	border:none;
}

#midcol p.emphasized, #midcol_full p.emphasized {
    font-style:italic;
}

#midcol span.important, #midcol p.important, #midcol_full p.important {
	font-weight: bold;
}

#midcol_full p span.important {
	padding-left: 0px;
}

#midcol span.title {
	font-style:italic;
}

#midcol_full span {
	display:block;
	padding:5px;
	font-size:.8em;
}

#midcol_full span.title {
	display: inline;
	padding:0px;
	font-size:.9em;
	font-style:italic;
}

#midcol_full p span {
	display:inline; 
	font-size: 1em;
	font-weight: bold;
	padding-left:0px;
	padding-right:0px;
}

#midcol_full p span.emphasized {
	font-weight:normal;
	font-style:italic;
}

#midcol_full span.name {
	font-weight:bold;
}

#midcol_full #leftcol {
	width:30%; 
	float:left; 
	padding-right:8px; 
	padding-top:8px;
}

#midcol_full #centercol {
	width:30%;
	float:left;
	padding-left: 20px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

#midcol_full #rightcol {
	width:30%; 
	float:left; 
	padding-left:20px; 
	padding-top:8px; 
	padding-bottom:8px;
} 

#midcol table thead tr th, #midcol_full table thead tr th { border-bottom:1px solid #000000; }

#midcol_full table thead tr th.clear { border-right:1px solid #000000; }

#midcol table tbody tr, #midcol_full table tbody tr {
	vertical-align:top;
}

#midcol table tbody tr th, #midcol_full table tbody tr th {
	border-right:1px solid #000000;
	padding-top:8px;
}

#midcol table#triservice td, #midcol table#triservice th, #midcol_full table#staff td, #midcol_full table#staff th {
    padding:5px;
}

#midcol table#triservice td, #midcol table#triservice th, #midcol_full table#staff td, #midcol_full table#staff th {
    border-right:1px solid #000000;
    font-size: 0.8em;	
}

#midcol_full table#staff td.end, #midcol_full table#staff th.end {
    border-right:none;
}

#midcol_full table#fundedstudies {
	margin-top: 15px; 
	text-align:left;
}

#midcol_full table#gradrsrch {
	margin-top:15px;
}

#midcol_full table#advisorycouncil span{
	display:block;
}

#midcol_full #news ul {
	list-style-type: none;
}

#midcol_full #announcements span.navigation {
	display:none;
}
	
#midcol_full form#contactus label, #midcol_full form#event label {
	padding-right: 7px;
}

#midcol_full form#contactus label.radio {
    padding-right:0px;
}

#midcol_full form#contactus input.radio {
    padding-right:7px;
	margin-right:7px;
	padding-left:0px;
	margin-left:0px;
	vertical-align:bottom;
}

#midcol_full form#contactus input#results {
	background-color:#ffffff; 
	color:#f00000; 
	border:none; 
	width:200px
}

#midcol_full form#event label {
	vertical-align:top;
}

#midcol_full form#event span {
	padding-top:8px;
	padding-bottom:8px;
}

#midcol_full form#event select#event_type, #midcol_full form#event span#otherevent, #midcol_full form#event input#other_type {
	margin-left: 70px;
}

#midcol_full form#event select#dmonth {
	margin-left: 200px;
}

#midcol_full form#event input#contact {
	margin-left: 120px;
}	

#midcol_full form#event span.navigation {
	text-align:center;
}

#midcol_full form#studies_keyword span.navigation {
	margin-left: 90px;
}

#midcol_full div.priorities img {
	padding:0px; 
	margin:0px; 
	border:none;
}

#midcol_full #cycleA, #midcol_full #cycleB {
	float:left;
}

#midcol_full #cycleA div.leftsteps, #midcol_full #cycleB div.leftsteps {
	width:204px;
	padding-bottom:0px; 
	margin-bottom:0px;	
}

#midcol_full #cycleA div.rightsteps, #midcol_full #cycleB div.rightsteps {
	width:196px;	
	padding-bottom:0px; 
	margin-bottom:0px;	
}

#midcol_full div.imgheader {
	padding-top:16px; 
	padding-bottom:0px; 
	margin-bottom:0px;
}

#midcol_full div#lifecycle.imgheader img {
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#midcol_full div#deadlines.leftsteps {
	width:201px;
}

#midcol_full div#deadlines.rightsteps {
	width:193px;
}

#midcol_full div.bottomimg {
	clear:both; 
	padding:0px; 
	margin:0px;
}

#midcol_full div.bottomimg img {
	padding:0px; 
	margin:0px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#midcol_full div.imgheader img, 
#midcol_full div.leftsteps img, 
#midcol_full div.middlesteps img, 
#midcol_full div.rightsteps img {
	border:none; 
	padding:0px; 
	margin:0px; 
	float:left;
}

#midcol_full div.leftsteps {
	width:154px; 
	float:left; 
	padding:0px; 
	margin:0px;
}

#midcol_full div#lifecycle.leftsteps {
	/*border-top:1px solid #cccccc;*/
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

#midcol_full div#fellows.leftsteps {
	width:157px; 
}

#midcol_full div#opportunities.leftsteps {
	width:176px;
}

#midcol_full div#researchers.leftsteps {
	width:159px; 
}

#midcol_full div.middlesteps {
	width:144px; 
	float:left;
}

#midcol_full div#fellows.middlesteps {
	width:137px; 
}

#midcol_full div#researchers.middlesteps {
	width: 138px;
}

#midcol_full div#lifecycle.middlesteps {
	width:143px; 
	/*border-top:1px solid #cccccc;*/
	border-bottom:1px solid #cccccc;
}

#midcol_full div#opportunities.middlesteps {
	width:155px;
}

#midcol_full div.rightsteps {
	width:152px; 
	float:left;
}

#midcol_full div#lifecycle.rightsteps {
	/*border-top:1px solid #cccccc;*/
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:153px;
}


#midcol_full div.clearingdiv {
	clear:both;
}

#midcol_full div.howtopplysteps, #midcol_full div.lifecyclesteps {
	clear:both;
	padding-top:5px;
}

#midcol_full ul.fundedyears {
	list-style-type:none;
}

#midcol_full table span, #midcol table span {
	padding:0px; 
	margin:0px; 
	display: inline;
}

#midcol_full table span.important, #midcol table span.important {
	font-weight:bold; 
}

#midcol_full table span.emphasized, #midcol table span.emphasized {
	font-style:italic; 
}

#midcol_full div.event p {
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
}

#midcol_full div.event {
	margin-bottom:10px;
	margin-top:5px;
}
			
#rtcol { 
    width: 171px;
	float:right;
	font-size:.9em;	
	padding-right: 25px;
	padding-left: 5px;
	color:#003366;	
}

#rtcol a {
	color:#cc3333;
}

#rtcol h2 {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom:8px;
	margin-bottom:0px;
	font-size:1em;
	color:#003366;
	text-transform:uppercase;
	border-bottom: 1px solid #cc3333; 
	text-align: center;
}

#rtcol h3 {
	font-size:.9em;
	font-style:italic;
}

#rtcol p.emphasized {
    font-style:italic;
}

#rtcol ul {
	list-style:disc;
}

#rtcol span.srctitle {
	font-style:italic; 
}

#rtcol table th, #rtcol table td {
	padding:5px;
}

#rtcol table th {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size:.7em;
}

#rtcol table td {
	border-right: 1px solid #000000;
	font-size:.65em;
}

#rtcol table td.end, #rtcol table th.end{
	border-right: none;
}

#rtcol table#auth_app {
	text-align:center;
}

#rtcol p.year {
    color:#112c80; 
	padding-left:15px; 
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0xp;
	margin-top:3px;
	font-weight:bold;
}

#rtcol p.milestone {
	color:#d3222a; 
	padding-left:15px; 
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0xp;
	margin-bottom:6px;
}

#sec_three {
	color: #003366;
	font-size:.55em;
	margin-top: 0px;
	padding-top:0px;
	float:none;
	clear:both;
}

#footer_sec {
	text-align:center; 
	padding-bottom: 10px;
	padding-top:0px;
	/*background-image:url(../images/footer_tall.jpg);*/
	background-image:url(../images/footer_tall_logo.jpg);
	background-repeat:no-repeat;
	height:95px;	
}

#footer_sec p {
	padding-top:5px;
	margin:0px;
}

ul#footerlinks {
	line-height:16px;
	white-space: nowrap; 
	color: #003366; 
    list-style: none;
	margin:0px;
	padding-top:5px;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:0px;
	text-transform:uppercase;
}

ul#footerlinks li {
	display:inline;
	padding-top: 0px;
	padding-right: 5px;
	margin-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	height: 12px; 
}


ul#footerlinks li a {
	color: #003366; 
	text-decoration:none;
}

#footer_sec img {
	height: 30px;
	width: 165px;
	border:none;
	margin-right: 36px; 
	margin-top: -20px;
}