/*The code in this file controls the content (ie. images, text) of each page.*/

/*Author:  Yvette Richey*/
/*Date Developed:  6/10/2006*/


/*The code below styles the pages for use on computer monitors.*/
@media screen{

	/*Controls paragraph headings.*/
	h4, h5{
		position: relative;	
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		background-color: transparent;
		color: #004c66;
		text-align: center;
		font-size: 1.6em;
		font-weight: normal;
		z-index: 1;
	}
	h5{font-size: 1.4em;}

	/*Controls common text, earlier lecture list items, and unordered lists in the body of a page.*/
	.bodytext, .bodylist, .lecturelist, .largelink{
		position: relative;
		background-color: transparent;
		margin-top: 0px;
		margin-left: 30px;
		margin-right: 25px;
		text-align: left;
		z-index: 1;
	}
	.bodylist{margin-left: 55px; list-style-type: square;}

	/*Controls sizes of earlier lecture list items.*/
	.lecturelist{font-size: 1.5em;}
	.lecturedate{font-size: .9em;}
	.lecturetext{font-size: .8em;}

	/*Controls appearance of all regular links.*/
	a{background-color: transparent; text-decoration: none;}

	/*Takes the bullets out of the site map lists.*/
	.sitemaplist{list-style-type: none;}

	/*Controls appearance of links that direct users to other pages.*/
	.backlink{
		position: relative;
		clear: both; 
		padding-bottom: 25px; 
		margin-top: 25px;
		background-color: transparent;
		text-align: center;
		z-index: 1; 
	}

	/*A stackable box for putting content in more complicated pages.*/
	.stackcontent{position: relative; clear: both; margin-top: 15px;}

	/*Controls images on the left side of a page and their captions.*/
	 .leftimage{
		float: left; 
		margin-top: 15px;
		margin-right: 25px; 
		margin-bottom: 15px;
		margin-left: 25px;
		text-align: center; 
		border: 0px none #000;
	}

	/*Controls images on the right side of a page and their captions.*/
	 .rightimage{float: right; margin-right: 25px; margin-left: 25px; text-align: center;}
	
	/*Gets rid of borders around images used as links.*/
	 .leftimage img, .rightimage img{border: 0px none #000;}

	/*Formats text that shows sponsor.*/
	.sponsor{font-size: .9em; text-align: center; margin-left: 25px;}

	/*Basic table formatting.*/
	.contactustableleft, .contactustableright{
		position: relative;
		margin-right: auto; 
		margin-left: auto; 
		padding-bottom: 15px;
		width: 90%;
		background-color: #e6feee;
		color: #000;
		z-index: 1;
	}

	.contactustableleft caption, .contactustableright caption{display: none;}
	/*More granular formatting, specifically how a table in the middle column
	should look and how a table in the rightmost column should look.*/
	.contactustableleft{margin-left: 30px; width: 275px;}
	.contactustableright{background-color: #e6fdfa;}

	/*Controls heading of tables*/
	.theading{background-color: #fff; color: #000; font-size: 16px; text-align: center;}
	
	/*Controls bodies of tables.*/
	.tbody{padding-top: 15px; padding-left: 15px; font-size: 12px;}

	/*Controls footer of table.*/
	.tfooter{height: 15px;}
}