/*** SAC Website Version 2 CSS** */

/**Site Styles**/
body	{ 
	font-family: Helvetica, Arial, sans-serif;
	color: black;
	background-image: url(Website_Background_content_white.jpg);
	background-repeat: no-repeat;
	background-color: black;
	margin: 0px;
	width: 800px;
	}

#mainpage	{background-image: url(website_background_mainpage_copy.jpg); background-repeat: no-repeat; background-color: black;}
	
a:link IMG, a:visited IMG, a:active IMG 	{border: none;}
		
#title
		{
		position: absolute; top: 30px; left: 150px;
		font-family: "Times New Roman", serif;
		font-size: 50px;
		}
	
a:link { 
	color: white;
	}
a:visited { 
	color: white;
	}

a:active { 
	color: white;
	}

#header { 
		/*border-style: solid; border-width: 1px; border-color: red;*/
		position: absolute; top: 100px; left: 115px; z-index: 10;
		width: 783px;
		color: white;
		}	

/* These styles create the dropdown menus. */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: right;
}

#nav a {
	display: block;
	margin-left: 15px;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: black;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display: block;
	list-style-type: none;
	margin-left: 15px;
}
#nav li ul li	{
			border-style: solid; border-width: 1px; border-color: black;
			float: none;
			margin: 0px;
			padding: 0px;
			}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li li a	{
			margin-left: 0px;
			}

#nav li li a:hover 	{
				background-color: #2f4f4f;
				}

#content {
	clear: left;
		}


/*Front Page Styles*/
			
#page		{ 	
			position: absolute; top: 153px; left: 115px;
			width: 784px;
			margin: 10px;
			margin-top: -20px;
			}
			
#page a:link { 
	color: black;
	}
#page a:visited { 
	color: black;
	}

#page a:active { 
	color: black;
	}			
		
#elee

	{	position:absolute;
		left:535px;
		top:150px;
	}
		
		
			
/*Bio Page Styles*/
div.bio 		{
			font-size: 14px;
			text-align: justify;
			margin: 20px;
			}
 

div.bioPic	{
			width: 25%;
			border: thin silver solid;
			margin: 10px;
			padding: 0.5em;
			min-width: 75px;
			text-align: center;
			}
			
div.bioPic #film	{ width: 30%; }			

div.bioPic p	{
			text-align: center;
			font-style: italic;
			font-size: smaller;
			text-indent: 0;
			}			

div.bio h1	{
			font-variant: small-caps;
			}

div.bio h2	{
			font-family:  sans-serif;
			font-size: 17px;
			font-style: italic;
			color: blue;
			margin-top: -22px;
			}
			
div.bio h3.no-space
		{
			margin-bottom: -17px;
			}
			
			
div.bio p		{
			
			}

div.bio blockquote 
			{
			color: green;
			}
			
.clear		{
			clear: both;
			}
			
/*Footer Styles*/
#footer	{ 
		position: absolute; top: 763px;
		color: white;
		font-size: 12px;
		text-align: center;
		width: 1024px;
		line-height: 200%;
		}

#copyright 	{
			color: gray;
			}
		


/*Red Box Style*/
/* 
div, p 
	{ border: 1px solid red;}	*/
	
#creditsRight {
  float: right;
}
#creditsLeft {
  float: left;
}