/*******************************************************************************

	psc.edu.css
	
	This file contain style definitions that apply to all psc pages. Variations
	from these styles should be done in separate stylesheet.
	
	shandraw@psc.edu


*******************************************************************************/


/*******************************************************************************

	General: Default HTML styles


*******************************************************************************/


body {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	color: #000;
	background: #eee;
	background: #f6f6f6;
}

a { text-decoration: none; }
a:link { color: #008FCC; }

a:link:hover, a:visited:hover { }

a:visited { color: #5D889A; text-decoration: underline; }


h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: normal; }


h1 { margin: 0 0 1em 0; line-height: 1.1em;  }

h2 {
	margin: 1em 0 1em 0;
	padding: 1em 0 0 0 ;
	line-height: 1.1em;
}

h3,h4,h5,h6  {
	margin: 1.5em 0 0 0;
}

img { border: none; }

pre,code {
	font-family: courier;
	font-size: 100%;
}

pre {
	margin-right: -40%;
	padding: 0  8px 0 8px;
	background: #f9f9f9;
	border: 1px solid #eee;
}

tt {
	font-size: 1.2em;
}

hr { display: none; }

table { margin: 0 0 2em 0; font-size: 90%; border-spacing: 0; }

.clear {
	clear: both;
}


/*******************************************************************************

	Search: Site search box

	
*******************************************************************************/

div#search {
	float: right;
	margin:  0;
	padding: 0.25em 0 .25em 0;
	
	font-family: sans-serif;
	font-size: 80%;
	text-align: right;
	color: #666;
}

	div#search form { display: inline; margin: 0; padding: 0; }

	
/*******************************************************************************

	Common: about, contacts, sitemap links

	
*******************************************************************************/


div#common {
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
	
	font-family: sans-serif;
	font-size: 80%;
	color: #333;
}

	div#common ul { display: inline; margin: 0; padding: 0; }
	div#common ul li { display: inline; margin: 0; padding: 0; line-height: 1em;}

	div#common ul li a { margin: 0; padding: 0 1em 0 0; }



div#container {
	margin: 0;
	padding: 0;
	clear: both;
}




/*******************************************************************************

	Head: Masthead


*******************************************************************************/


 #head
 {
	margin: 0;
	padding: 0.5em;
	clear: both;
	
	font-family: "Georgia", serif;
	color: #000;
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #fc0;
 }

	/* Hide me \ hack 
	*/ #container>#head {
		background-image: url(/images/light-gradient-bg.png);
		}

	#head a { color: #000; }
	#head a:visited { color: #000; border: none; text-decoration: none; }

	#wrap { padding: 0 1em; border: thin solid white; }
	
	
	#title {
	margin: 0 0 0 0;
	padding: 0.5em;
	text-align: right;
	}
	
	#titlecast {
	margin: 0 0 0 0;
	padding: 0.5em;
	text-align: right;
	font-size: 9pt;
	}




	
/*******************************************************************************

	Tabs: top level navigation tabs


*******************************************************************************/


#tabs {
   width: 100%;
   margin: 0;
   padding: 0 0 0 0;
}

	#tabs ul {
		display: inline;
		width: 100%;
		margin: 0;
		padding: 0;
		float: left;
		
		font-family: sans-serif;
		list-style-type: none;

		background-color: #eee;
		/*background-image: url(/images/tabs-bg.jpg);
		background-position: top left;
		background-repeat: repeat-x;*/
	}
	
	/**********
	Special Cast tab background
	************/
	
	#tabs ul.cast {
		background-color: #f3f3f3;
		}
	
	/***** End Cast special *****/


	#tabs ul li {
		display: inline;
		margin: 0;
		padding: 0;
		font-size : 80%;
	}
	
		#tabs a:link, #tabs a:visited	{
			float: left;
			margin-right: 0px;
			padding: 0.4em 1em 0.25em 1em;
			
			font-weight : bold;
			color : #000;
			text-decoration : none;
			border-right: 1px solid #ccc;
			border-bottom: none;
		}
	
	
		#tabs a:link.active, #tabs a:visited.active	{
			margin: 0;
			padding: 0.4em 1em 0.25em 1em;
			
			font-weight : bold;
			color : #000;

			background : #ffffff;
			border-top: 1px solid #666;
			border-right: 1px solid #666;
		}

		#tabs a:link:hover, #tabs a:visited:hover {
			margin: 0px 0px;
			padding: 0.4em 1em 0.25em 1em;
			
			font-weight : bold;

			color: #3DA1CC;
			border-right: 1px solid #fff;
		}
		
		#tabs a.selected {
			background: #B3E8FF;
		}
	
		#tabs a.selected:hover {
			color : #666;
			background: #B3E8FF;
		}
		
		
		#tabs li#hometab a:link, #tabs li#hometab a:visited {
			padding: 0.4em 2em 0.25em 1.5em;
			
			font-weight: bold;
			color: white;
			background: black;
			background: black url(/images/hometab-arrow.png) right center no-repeat;

			border-right: none;
			border-left: 1px solid #000;
		}
		
		#tabs li#hometab a:link:hover, #tabs li#hometab a:visited:hover {
			padding: 0.4em 2em 0.25em 1.5em;

			font-weight: bolder;
			color: white;
			color: #B3E8FF;

			border-right: none;
			border-left: 1px solid #000;
		}
		
		



/*******************************************************************************

	Main page: page wrapper, sidebar, actual content


*******************************************************************************/


#page { 
	clear: both;
	margin: 0;
	padding: 1em 1em 2em 1em; 
	border-bottom: thin solid #999;
	background: #fff;
}


	/***************************************************************************
	
		Sidebar: sidebar content styles
	
	
	***************************************************************************/

		


	#sidebar
	{
		margin: 0 0 0 75%;
		padding: 8em 0 0 2em;
		
		font-family: Verdana, sans-serif;
		font-size: 78%;
		
		color: #454c35;
		
	}
	
	
		#sidebar h4 {
			margin: 0px;
			padding: 0px 16px 0px 0px;
			
			font-family: sans-serif;
			font-weight: bold;
			text-align: left;
		}
	
/*
		div#sidebar p {
			font-size: x-small;
		}
*/

		div#sidebar ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		div#sidebar ul li {
			margin: 0 0 0.5em 0;
		}
	
		div#sidebar dl {
			margin: 0 0 0 0;
		}
		
		div#sidebar dt {
			font-weight: bold;
		}
		
		div#sidebar dd {
			margin: 0;
		}
		
		div#sidebar #soundbyte {
			width: 97%;
		}
		
		div.sidebarText {
			margin: 0 0 2em 0;
			padding: 0.25em;
			line-height: 1.2em;
			color: #000000;
			background: #fffff3;
		}
		
		div.sidehead {
			font-family: Georgia, serif;
			font-size: 100%;
			font-weight: bold;
		}
		
		div.subsidehead {
			font-family: Verdana, sans-serif;
			font-size: x-small;
			line-height: 1em;
		}
		
		div#sidebar img {
			width: 87%;
		}
		
		div#sidebar img.spec {
			width: 100px;
			padding-left: 20%;
		}
	
		#menu {
			margin: 1em 0;
			padding: 0;
			
			font-family: sans-serif;
			font-size: 100%;
			text-align: left;
			
			background-color: #f8f8f8;
/*			background-image: url(/images/secmen_bg-01.png); */
			background-repeat: repeat-y;
			background-position: top right;
			border: 1px solid #666;	
		}
		
			#menu h4 {
				padding: 4px;
				
				text-align: center;
				
				background: #ffffff;	
				border-bottom: 1pt solid #ddd;	
			}
			
			#menu ul {
				margin: 0px;
				padding: 4px 16px 16px 0px;
				
				list-style: none;
			}
			
			#menu ul li {
				padding: 2px;
				margin-left: 10px;
			}
			
			#menu ul a {
				font-weight: bold;
			}
		
			#menu ul a:visited {
				font-weight: normal;
			}
		
			#menu ul a:hover {
				background: #fff;
			}

                        #menu p  { 
                                 padding: 0 5px 0 5px; 
                         }

		
		div.contact {
		
		}
		
		.textblurb {
			margin: 0px;
			padding: 0px 16px 16px 0px;
			
			font-family: sans-serif;
			text-align: left;			
		}
		
		
			.textblurb p {
				margin: 0px;
				padding: 0px 16px 8px 0px;
				
				font-family: Georgia, serif;
				line-height: 1em;
				text-align: left;			
			}

		
	/***************************************************************************
	
		Content: the real content of the page
	
	
	***************************************************************************/

		
		
	#content
	{
		width: 65%;
		float: left;
		margin: 0;
		padding: 0.5em 2em 2em 2em;
		
		font-family: "Georgia", serif;
		font-size: 100%;
		line-height: 1.2em;
		text-align: left;
	
		background: #ffffff;
	}
	
	
	#mykey1 {
		width: 50%;
		border: 1px solid #ccc;
		
	}
	
		#breadcrumb {
			margin: 0 0 0 0;
			padding: 0.2em;
			
			font-family: sans-serif;
			font-size: x-small;
			
			color: #999;
		}
		
		#breadcrumb li {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		#breadcrumb li:after {
			content: " \00BB \0020";
		}
		
		#breadcrumb li.last:after {
			content: "";
		}
		
		#breadcrumbAlt {
			margin: 0 0 0 0;
			padding: 0.5em;
			
			font-family: sans-serif;
			font-size: x-small;
			
			color: #999;
		}
		
		#breadcrumbAlt li {
			display: inline;
			margin: 0;
			padding: 0;
		}
		
		#breadcrumbAlt li:after {
			content: " \00BB \0020";
		}
		
		#breadcrumbAlt li.last:after {
			content: "";
		}
		
		#subhead {
			margin: -32px 0 32px 0;
			font-family: sans-serif;
			font-weight: bold;
			text-align: justify;
		}
		
		ul#toc {
			list-style: none;
			font-size: x-small;
		}
		
		ul#toc:before {
			content: "Contents: ";
		}
		
		#thispage {
		visibility: hidden;
			margin: -32px 16px 32px 50%;
			padding: 0.2em;
			width: 50%;
			
			font-family: sans-serif;
			font-size: 90%;
			text-align: right;
			line-height: 1.2em;
			
			color: #999;
		}
		
			#thispage ul, #thispage li {
				display: inline;
				margin: 0;
				padding: 0;
				
				line-height: 1.2em;
			}
			
			#thispage li:after {
				content: ", ";
			}
			
			#thispage li.last:after {
				content: ". ";
			}
		
		div.subh1 {
			max-width: 36em;
			margin: 0 0 2em 0;
			
			font-family: sans-serif;
			font-size: larger;
			color: #666;
			
		}


	
	/*	
		#content p {
			margin: 0 0 1.5em 0;
			max-width: 36em;
			line-height: 1.3em;
		}
	*/
		#content p {
			line-height: 1.3em;
		}
		
		#content dt {
			margin: 2em 0 0 0;
		}
		
		#content dd {
			margin: 0 0 0 8px;
			padding: 4px;
			max-width: 36em;
			
			font-size:90%;
			border-bottom: 1pt solid #eee;
		}
		
		#content div.figure150 {
			
			float: right;
			margin: 4px 0 12px 12px;
			padding: 8px;
			
			text-align: left;
			
			border: 1px solid #666666;	
		}
		
			#content div.figure150 p {
				width: 150px;
				margin: 8px 0 0px 0px;
				
				font-family: sans-serif;
				font-size: 90%;
				font-style: italic;
			}
					
		#content div.figure240 {
			
			float: right;
			margin: 4px 0 12px 12px;
			padding: 8px;
			
			text-align: left;
			
			border: 1px solid #666666;	
		}
		
			#content div.figure240 p {
				width: 240px;
				margin: 8px 0 0px 0px;
				
				font-family: sans-serif;
				font-size: 90%;
				font-style: italic;
			}
			
		sup { line-height: .5em;}
		
		.authors {
			margin: 1em 0 1em 0;
			font-size: 80%;
			font-weight: bold;
		}
		
		.note {
			margin: 0;
			padding: 0;
			font-size: smaller;
			line-height: 1em;
			font-family: sans-serif;
		}
		
		ol.footnotes {
			margin: 0 0 0 0;
	
			font-size: 90%;
			line-height: 1em;
			
			background: #eee;
			border: 1pt solid #666;
		}
		
		ol.footnotes li {
			margin: 0 0 0 0;
		}
	
	
		div.triptych {
			clear: both;
			width: 100%;
			margin: 1em 0;
			padding: 1em 0 1em 0;
			background: #ccc;
		}
		
		div.triptych h4 {
			margin: 0;
		}
		
		div.triptych ul {
			margin: 1em 0 0 0;
			padding: 0;
			list-style: none;
		}
		
		div.triptych ul li {
			padding: 0 0.5em 0.5em 0;
			line-height: 1em;
		}
	
		div.triptych #panel1 {
			width: 30%;
			padding: 0 1% 0 2%;
			float: left;
		}
		
		div.triptych #panel2 {
			width: 30%;
			padding: 0 2% 0 2%;
			float: left;
		}
		
		div.triptych #panel3 {
			width: 30%;
			padding: 0 2% 0 1%;
			float: left;
		}
		
		div.triptych #apply {
			clear: both;
			margin: 0.25em;
			padding: 0.5em 0.25em 0  0.25em;
			
			border-top: thin dashed #ccc;
		}

	/**********		           Figures      	                   ********/
	
	div.figureRight144 {
		width: 144px;
		margin: 0 0 0 1em;
		float: right;
		
		font-family: Lucida Grande, sans-serif;
	}
		div.figureRight144>p {
			font-size: x-small;
		}
	
		div.figureRight144 img {
			margin-bottom: 1em;
		}
	
	div.figureRight216 {
		width: 216px;
		padding: 1em;
		margin: 0 0 1em 2em;
		float: right;
		
		font-family: Lucida Grande, sans-serif;
	}
		div.figureRight216>p {
			font-size: x-small;
		}
		
		div.figureRight216 img {
			margin-bottom: 1em;
		}
	
	div.figureRight400 {
		width: 400px;
		padding: 1em;
		margin: 0 0 1em 2em;
		float: right;
		
		font-family: Lucida Grande, sans-serif;
	}
		div.figureRight400>p {
			font-size: x-small;
		}
		
		div.figureRight400 img {
			margin-bottom: 1em;
		}
	
	div.figureCenter {
		width: 100%;
		padding: 1em;
		margin: 0;
		
		font-family: Lucida Grande, sans-serif;
		
	}
		div.figureCenter>p {
			font-size: x-small;
		}
		
		div.figureCenter img {
			margin: 0 auto 1em auto;
		}
	
		div.figureCenter > a:visited { border: none; }

	div.figureCenterspec {
		width: 100%;
		padding: 1em;
		margin: 0;
		font-family: Lucida Grande, sans-serif;
		
	}
		div.figureCenterspec>p {
			font-size: x-small;
		}
		
		div.figureCenterspec img {
			margin: 0 auto 1em auto;
			padding: 1em;
			border: 1px solid #999999;
		}
	
		div.figureCenterspec>a:visited { border: none; }


	div.moreinfo {
		padding: 1em;
		font-size: smaller;
		background: #fffff3;
		border: thin solid #ffcc00;
	}
	
	/* I originally had boilerplate text identified by an ID when it should 
		be a CLASS as some news release will have more than one. The ID form is
		left for pages that still have the ID form
	*/
	
	#boilerplate {
		margin: 2em 0 1em 0;
		font-size: smaller;
		line-height: 1.1em;
	}

	.boilerplate {
		margin: 2em 0 1em 0;
		font-size: smaller;
		line-height: 1.1em;
	}

	/**********		         		  Tables      	                   ********/

	table.legend {
		table-layout: auto;
		font-size: x-small;
		background: #fff;
		border: thin solid #fff;
	}
	
		table.legend colgroup {
			width: 50%;
		}

		table.legend colgroup col.icon {
			width: 15px;
		}

		table.legend th {
			background: #fff;
		}
		
		table.legend td {
			padding: .2em;
			vertical-align: top;
			background: #fff;
		}




	/**********		           Rounded boxes      	                   ********/
	
	
	div.roundBox {
		background-color: blue;
		color: white;
	}
	
	div.roundBox p {
		margin: 0 10px;
	}
	
/**********	div.roundBoxTop {   ********/
/**********		background: url(/images/corner_03.png) no-repeat top right;   ********/
/**********	}  ********/
	
/**********	div.roundBoxBottom {   ********/
/**********		background: url(/images/corner_07.png) no-repeat top right;    ********/
/**********	}   ********/
	
	div.roundBox img.corner {
	   width: 15px;
	   height: 15px;
	   border: none;
	   display: block !important;
	}
	
	
	/**********		           Misc.      	                   ********/
	
	
	
	img.pdficon {
		float: left;
		margin: 0 0.5em 0.5em 0;
	}
	
	
	p.logoformat {font-size: 90%;}
	p.logoformat, strong, a {color: #333;}
/*******************************************************************************

	Footer: copyright notice, page info...


*******************************************************************************/


 #footer
 {
	margin: 0;
	padding: 1em;
	clear: both;
	
	font-family: sans-serif;
	font-size: 70%;
	
	color: #666;
/*
	background: #ccc;
	border-right: thin solid #999;
	border-bottom: thin solid #999;
	border-left: thin solid #999;
*/ }

	#footer p {
		margin: 0px 0px 0.5em 0px;
		line-height: 1em;
		text-align: center;
	}





/*Testing Styles*/