/*  
 * Author:Jennifer Gliere, DMA (URMC)
 * Creation Date:2005-10-01
 * css/screen.css
 */

body
{
	margin-top:0;
	padding:0;
	background-color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}


/***************************************************
 *	What makes the page centred on the screen
 ***************************************************/

#CentreDiv
{
	width:914px;
	margin-left:auto;
	margin-right:auto;
	padding-left:53px;
	padding-top:0;
	background-image:url(../images/shadow.png);
	background-repeat:repeat-y;
	height:100%;
	overflow:hidden;
}

#CentreDiv sup
{
	font-variant:small-caps;
}

/**********************
 *	Header
 *********************/  

.header
{
	width:750px; /* 800 -57 for the margin -124 for the picture +1 - won't overlap picture.*/
	padding-left:60px; /* This makes the first line 10px out from the others */
	text-indent:-50px;
	height:140px;
	color:#FFF;
	font-size:large;
	background-image:url(../images/headerBKG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

	.header img /* This is the Schmitt Logo */
	{
		float:left;
		border:none;
	}


/***************************************************
 *	Red background of the navigation bar
 ***************************************************/	
#navbar
{
	width:810px;
	height:110px;
	margin-top:15px; /* Puts black margin above red bar so the image doesn't overlap the bar */
	padding-top:33px; /* Makes the links be not flush with the top of the red bar */
	background-color:#000;
	background-image:url(../images/glia.png);
	background-repeat:repeat-x;
}

	#navbar ul /* the black navigation buttons */
	{
		width:810px;
		background-color:#000;
		filter:alpha(opacity=70);
	 	opacity:.7;
		-moz-opacity:.7;
		height:5em; /* height of the black transparent background */
		padding-left:0px;
		list-style-type:none;
	}

	#navbar li
	{
 		height:5em;  /* same as height of black background */
		width:134px;
		float:left; /* makes the links horizontal instead of stacked */
		vertical-align:middle;
		text-align:center;
	}

	#navbar a
	{
		font-weight:bold;
		height:3.7em;
		padding-top:1.3em;
		padding-bottom:0;
		text-decoration:none;
		display:block;
		color:#FFF;
	}
  
	#navbar a:hover
	{
		background-color:#333;
		color:#FFF;
	}


/**********************
 *	Text header
 *********************/

h2.textHeader
{
	width:800px;
	margin-top:0;
	margin-bottom:0;
	padding:5px;
	background-color:#1F1F1F;
	height:2.5em;
	color:#CCC;
	font-size:1.8em;
	font-weight:bold;
	font-stretch:extra-expanded;
	font-style:italic; 
}

/********************************
 *	Paragraph headers - h3
 ********************************/

h3
{
	color:#036;
	text-align:left;
	font-variant:small-caps;
	font-size:1.5em;
	margin-top:0;
}

/********************************
 *  Registrtion form
 ********************************/
 
 form.registration
 {
  font-size: smaller;
 }
 
  label
 {
  color: #F00;
  width: 30%;
 }


/***************************************************
 *	Lists of years separated by a pipe
 ***************************************************/

ul.years li
{
	float:left;
	list-style-type:none;
}

	ul.years li+li:before
	{
		content:"  |  ";
	}


/* This is the main content of the page.*/
div.text
{
	overflow:auto; 
	width:800px;
	padding:5px;
	font-size:1.2em;
	background-image:url(../images/bodyBkg.jpg);
	background-repeat:repeat;


}

div.text *
{
    color: #111;
  }

	p.text
 	{
		margin-bottom:0;
 		margin-left:10px;
		margin-right:100px;
	}

	p + p
	{
		text-indent:1.5em;
		margin-top:0;
	}

	.text a
	{
		color:#036;
	}

	.text a:hover
	{

		text-decoration:none;
		color:#036;
	}

	.text a:visited
	{
		color:#036;
	}
	

/**********************
 *	History Page
 *********************/
.history
{
	overflow:auto; 
	width:800px;
	padding:5px;
	font-size:1.2em;
	background-image:url(../images/bodyBkg.jpg);
	background-repeat:repeat;
	text-align:justify;
}

	.history p
	{
		padding-right:15px;
		padding-left:15px;
	}

	
	.history h4
	{
		clear:left;
		padding-left:1em;
		margin-bottom:0;
		color:#036;
		font-variant:small-caps;
		font-size:1.2em;
	}

	.history img
	{
		position:static;
		float:left;
		margin:20px; 
		margin-left:50px;
	}
	
	.history ul.TOC
	{
		color:#036;
		clear:both;
		font-variant:small-caps;
		padding-left:50px;
		padding-top:0;
 		margin:.2em;
		font-size:1em;
	}
	
	.history ul.TOC a
	{
		color:#036;
		font-size:1em;
	}
	
	.history .wideright !important
	{
		margin-right:60px;
	}
	
	.history a.top
	{
		color:#036;
		text-indent:0;
		font-size:.9em;
		margin-top:0;
		margin-bottom:5px;
		padding-right:10px;
		text-decoration:none;
		float:right;
	} 
	

/***************************************************
 *	Support Mechanisms navigation bar
 ***************************************************/
#supportNavbar 
{
	float:left;
	margin:0;
	padding-right:10px;
	background-color:#036;
	width:275px;
	color:#FFF;
	text-align:left;
	border-style:inset;
}
	
	#supportNavbar li
	{
		clear:both;
	}
	
	#supportNavbar a
	{
 		text-decoration:none;
		color:#FFF;
		border:0;
	}

		#supportNavbar a:hover
		{
			background-color:#333;
			color:#FFF;
		}


/***************************************************
 *	Support Mechanisms right column
 ***************************************************/
.supportContent 
{
	float:left;
	padding:5px;
	padding-left:15px;
	width:475px;
}



	.supportContent a
	{
		color:#036;
		font:bold;	
	}

 		.supportContent a:hover
 		{
 			color:#1F1F1F;
			font:italic;
		}

		.supportContent a:visited
		{
			color:#036;
			font:bold;	
		}


/***************************************************
 *	Summer research Fellowships form boxes
 ***************************************************/
.highlight
{
	background-color:#036;
	border:#1F1F1F inset 2px;
	color:#FFF;
	padding:.5em;
	font-style:italic;
}

	.highlight a
	{
		color:#FFF;
		font-style:bold;
	}
  
	.highlight a:hover
	{
		font-style:italic;
		color:#000;
	}

	.highlight a:visited
	{
		color:#FFF;
		font-style:bold;
	}

a[href*="pdf"]:after
	{
		content:" [PDF]";
		font-size:smaller;
	}
    



/***************************************************
 *	Drop cap for heading paragraphs
 ***************************************************/
.dropcap
{
	float:left;
	font-size:3.5em;
	line-height:1em;
	padding-right:.1em;
} 


/*******************************************************
 *	Scholarship boxes on main page
 *******************************************************/

.scholarshipsMain
{
	float:right;
	width:195px;
	border:#1F1F1F solid 2px;
	color:#CCC;
	text-align:left;
	margin:17px 10px 0 10px; /* Top, right, bottom, Left */
	overflow:visible;
}
  
	.scholarshipsMain h2
	{
 		background-color:#1F1F1F;
		color:#CCC;
		margin:0px;
		padding-right:5px;
		padding-bottom:15px;
		padding-top:5px;
		padding-left:15px;
		text-indent:-10px;
	}

	.scholarshipsMain h4
	{
		color:#036;
		font-variant:small-caps;
		font-size:1.3em;
	}
  
	.scholarshipsMain dl
	{
 		text-align:right;
		color:#1F1F1F;
		padding:5px;
		padding-top:0;
	}

	.scholarshipsMain dt
	{
 		font-size:1em;
		font-weight:bolder;
	}
	
	.scholarshipsMain dd
	{
		margin-bottom:.7em;
		font-size:.8em;
		color:#555;
	}
	
	a.scholarshipsMain
	{
		text-align:right;
 		text-decoration:none;
		color:#1F1F1F;
		border:0;
	}



/*******************************************************
 *	Scholarship boxes on scholarships page
 *******************************************************/

.scholarships
{
	float:left;
	width:195px;
	border:#1F1F1F solid 2px;
	color:#CCC;
	text-align:left;
	margin:17px 10px 0 10px; /* Top, right, bottom, Left */
	overflow:visible;

}
  
	.scholarships h2
	{
 		background-color:#1F1F1F;
		color:#CCC;
		margin:0px;
		padding-right:5px;
		padding-bottom:15px;
		padding-top:5px;
		padding-left:15px;
		text-indent:-10px;
	}

	.scholarships h4
	{
		color:#036;
		font-variant:small-caps;
		font-size:1.3em;
	}
  
	.scholarships dl
	{
 		text-align:right;
		color:#1F1F1F;
		padding:5px;
		padding-top:0;
	}

	.scholarships dt
	{
 		font-size:1em;
		font-weight:bolder;
	}
	
	.scholarships dd
	{
		margin-bottom:.7em;
		font-size:.8em;
		color:#555;
	}
	
	a.scholarships
	{
		text-align:right;
 		text-decoration:none;
		color:#1F1F1F;
		border:0;
	}


/************************************
 *	Colloquium row of years
 ************************************/

.RowofYears
{
	text-align:right;
}

	.RowofYears a
	{
		color:#039;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		text-decoration:none;
		font-weight:bold;
	}



/***********************************
 *	Colloquium presenters 
 ***********************************/

p.speakerInfo
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:.9em;
	padding-left:.5em;
	margin-top:-.9em;	
}

h5.talkTitle
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	padding-left:25px;
	margin:0;	
}

p.abstract
{
	font-size:.9em;
}
	

img.speakerPhoto
{
	float:right;
	padding:.5em;
	padding-top:15px;
}

/***************************************
 *	Symposia/Colloquium Dates
 ***************************************/
h4.eventDate 
{
	clear:both;
	background-image:url(../images/glia.png);
	background-repeat:repeat-x;
	opacity:.7;
	overflow:hidden;
	margin-top:1.3em;
	font-size:1.5em;
	color:#FFF;
	padding:.3em;
	font-weight:normal;
}

	h4.eventDate a
	{
		color:#FFF;
		text-decoration:none;
		background-image:url(../images/glia.png);
	}

	h4.eventDate a:hover
	{
		text-decoration:none;
		color:#FFF;
	}


/********************************************************************************
 *	Symposia page - close to Colloquium page
 ********************************************************************************/


.symposia
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	color:#FFF;
	font-size:1.5em;
	padding-left:.5em;
	padding-top:.5em;
	overflow:hidden;
}

	.symposia h4
	{
		color:#900;
		font-variant:small-caps;
		font-size:1.3em;
		margin:5px;
		text-align:left;
  	}
	
	.symposia div
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		background-image:url(../images/bodyBkg.jpg);
		background-repeat:repeat;
		font-size:.7em;
		margin-left:2em;
		margin-top:0;
		padding:.7em;
		padding-bottom:0;
		padding-top:3px;
		display:block;
		color:#000;
		text-align:justify;
		overflow:hidden;
	}
	
	.symposia p.abstract
	{
		font-size:1em;
	}
	
	.symposia h3
	{
		clear:both;
		font-size:1.3em;		
	}
	
	.symposia img
	{
		padding:.3em;
		display:block;
		float:left;
		clear:left;
	}


.symposia a.top
{
	color:#036;
	text-indent:0;
	font-size:.7em;
	margin-top:0;
	margin-bottom:5px;
	padding-right:10px;
	text-decoration:none;
	float:right;
}

/***************************************
 *	Symposia Individual Pages
 ***************************************/

h4.speakers
{
	clear:both;
	background-image:url(../images/glia.png);
	background-repeat:repeat-x;
	opacity:.7;
	overflow:hidden;
	margin-top:1.3em;
	font-size:1.2em;
	color:#FFF;
	padding:.1em;
	font-weight:normal;
}

h5.faculty
{
	color:#036;
	text-align:left;
	font-variant:small-caps;
	font-size:1.1em;
	margin-top:0;
	padding-top:.4em;
}

ul.faculty
{
	color:#000;
	font-size:.8em;
	margin-top:-2em;
}

#slideshow
{
	display:block;
	margin-left:120px;
	padding-top:5em;
	position:relative;
}

/********************************
 *  Symposium registration
 ********************************/

h4.register 
{
  clear:both;
  background-image:url(../images/glia.png);
  background-repeat:repeat-x;
  opacity:.7;
  overflow:hidden;
  margin-top:1.3em;
  font-size:1.5em;
  color:#FFF;
  padding:.3em;
  font-weight:normal;
}


  .symposia fieldset span
  {
    color:#911;
    font-size:.8em;
    text-indent:2em;
  }



/********************************
 *	Research Awards
 ********************************/


.researchAwards p
{
	margin-left:25px;
	margin-right:25px;
}


.researchAwards h4 
{
	clear:both;
	background-image:url(../images/glia.png);
	background-repeat:repeat-x;
	opacity:.6;
	overflow:hidden;
	margin-top:1.3em;
	font-size:1.5em;
	color:#FFF;
	padding:.3em;
	font-weight:normal;
}

.researchAwards h5
{
	color:#036;
	font-variant:small-caps;
	font-size:1.3em;
	margin-top:25px;
	margin-left:30px;
	margin-right:30px;
	padding-top:5px;
	border-top:thin dotted #036;
}

.researchAwards p.PI 
{
	margin-left:30px;
	margin-right:30px;
	text-indent:0;
	margin-bottom:0;
}


.researchAwards ul
{
	margin-left:40px;
	margin-right:30px;
	margin-top:0;
}

.researchAwards ol
{
	margin-left:40px;
	margin-right:30px;
	margin-top:0;
}

/********************************
 *	Drop Shadow
 ********************************/	

.dropShadow
{
	display:block;
	background:url("http://www.urmc.rochester.edu/neuroscience/img/drop-shadow/ds.png") no-repeat bottom right;
	margin-top:10px;
	border:1px solid transparent;
	margin-left:10px;
}

	.dropShadow.small
	{
		margin-top:5px;
		margin-left:5px;
	}
	
	.dropShadow img
	{
		display:block;
		position:relative;
		margin:-6px 6px 1px -6px;
		border:1px solid #BBB;
		padding:3px;
		background-color:#FFF;
	}
	
		.dropShadow.small img
		{
			margin:-4px 4px 4px -4px;
			padding:2px;
		}



/********************************
 *	Image with Caption
 ********************************/
 
.captionedImage
{
	width:280px;
}

 	.captionedImage.left
	 {
	 	margin:.2em 5px .05em 2px;
		float:left;
	 }
	 
	 .captionedImage.right
	 {
	 	margin:.05em 1px .05em 3px;
		float:right;
	 }

	 .captionedImage p
	 {
	 	display:block;
	 	clear:both;
	 	color:#666;
	 	font-size:1em;
	 	text-align:center;
	 }


/******************************************
 *	linkbar at bottom of each page 
 *****************************************/
#linkbar
{
	clear:both;
	width:810px;
	height:4.5em;
	padding-top:1em;
	color:#FFF;
	background-color:#666;
}


	#linkbar ul
	{
		text-align:center;
	}

	#linkbar li
	{
		list-style-type:none;
		display:inline;
	}

		#linkbar li+li:before
		{
			content:"  |  ";
		}

	#linkbar ul a:active,
	#linkbar ul a:visited,
	#linkbar ul a:link
	{
		font-weight:bold;
		color:#CCC;
		text-decoration:none;
		width:100%;
	}
  
	#linkbar ul a:hover
	{
		background-color:#333;
		color:#FFF;
	}

/********************************
 *	Footer
 ********************************/
#footer
{
	width:800px;
	clear:both;
	color:#FFF;
	padding:10px;
	padding-top:15px;
	text-align:center;
	margin-bottom:0;
}

	#footer a:active,
	#footer a:visited,
	#footer a:link
	{
 		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}
  
	#footer a:hover
 	{
		color:#CCC;
	}
