/* CSS Document */

body {
	margin: 8px;
}

#header {
	height: 174px;
	background:#1C3664 /*url(images/header.gif) no-repeat*/;
}
#header-logo {
	position: absolute; top:8px; left:8px; 
}

#innerheader {
	height: 174px;
	background:#1C3664 url(images/header_inner.gif) no-repeat
}

#container {
	background-color: #1C3664;
	margin: 0px 0px 5px 0px;
	width: 780px;
	padding: 8px 0px 15px 8px;
}

#title {
	position: absolute;
	top: 175px;
	left: 238px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	width: 450px;
}

.mission {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
	padding: 7px 10px 0 0;
	font-style: italic;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	padding: 7px 10px 0 0;
	margin: 0px 0px 0px 180px;
}

ul li{
	list-style-type:none;
}

p {
	margin: 0;
	padding: 0px 0px 10px 0px;
}	

.italic {
	font-style:italic;
}

#leftnav {
	float:left;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-size: 12px;
	margin: 2px 10px 0px -35px;
	display: inline;
}

/* normal */
#leftnav a {
	display: block;
	color: #000;
	width: 170px;
	font-weight: bold;
	padding: 2.8px 15px;
	text-decoration: none;
	border-top: 3px solid #1C3664;
	border-right: 3px solid #1C3664;
	border-bottom: 3px solid #1C3664;
	border-left: 3px solid #1C3664;
	background-color: #CCCCCC;
}
/* roll */
#leftnav a:hover {
	color:#fff;
	border-top: 3px solid #1C3664;
	border-right: 3px solid #1C3664;
	border-bottom: 3px solid #1C3664;
	border-left: 3px solid #1C3664;
	background-color: #cccccc;
}
.leftnav-here {
	display: block;
	font-style: italic;
	color: #777777;
	width: 170px;
	font-weight: bold;
	padding: 2.8px 15px;
	text-decoration: none;
	border-top: 3px solid #1C3664;
	border-right: 3px solid #1C3664;
	border-bottom: 3px solid #1C3664;
	border-left: 3px solid #1C3664;
	background-color: #CCCCCC;
}

/* roll */
#current a:link, #current a:visited, #current a:hover, #current a:active {
	border-top: 3px solid #1C3664;
	border-right: 3px solid #1C3664;
	border-bottom: 3px solid #1C3664;
	border-left: 3px solid #1C3664;
	color: #fff;
	text-decoration: none;
	}

#shiftimage {
	float: left;
	padding: 5px;
}

.image {
	float: right;
	margin: 0px 0px 5px 5px;
}

.image2 {
	float: left;
	margin: 0px 5px 5px 0px;
}


/* Styles for the Faculty & Staff page */

a.facstaff_toplinks:link, a.facstaff_toplinks:visited  {
	font-size: 0.8em; font-weight: normal;
}

#largebioholder {
	background-color: #cccccc;
}

.bioholder {
	margin: 10px 0px;
	/* 	float: left;
		clear: none; */
	background-color: #58586a; /* #1C3664; */
	width: 533px;
	min-height: 85px;	/* dw added */
}
.bio {
	/* background: #1C3664; */
	padding: 5px;
	margin: 0px 0px 0px 90px;
	color: #FFFFFF;
}

.biopic {
	width: 75px;
	/* background: #1C3664; */
	padding: 5px;
	float: left;
}

.bioname {
	font-weight: bold;
}

/* Following are for showing expanded size pictures in the faculty bios */
.bioholder_largepic {
	margin: 10px 0px;
	background-color: #58586a;
	width: 533px;
	min-height: 160px;
}
.bio_largepic {
	padding: 5px;
	margin: 0px 0px 0px 165px;
	color: #FFFFFF;
}
.biopic_largepic {
	width: 150px;
	padding: 5px;
	float: left;
}

/* bioholder for entries with no picture */
.bioholder_nopic {
	margin: 10px 0px;
	background-color: #58586a;
	width: 533px;
	min-height: 35px; 
}

#content {
	margin: 5px 0px 0px 220px;
	background-color: #cccccc;
	width: 533px;
	padding: 12px 6px 5px 10px; /* was 5 px all sides */
}
#content a {
	color: #18609f;
	font-weight: bold;
	text-decoration: none;
} 
#content a:hover {
	color: white;
} 
#content ul {
	margin-top: 0;
}

#linenav {
	position: absolute;
	top: 175px;
	left: 333px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	color: #D0D0D0;
	font-size: 13px;
	width: 450px;
}

#linenav a {
	color: #58c0ff;
	text-decoration: none;
	background-color: #1C3664;
} 
#linenav a:hover {
	color: white;
} 


#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	font-size: 13px;
	background-color: #FFFFFF;
}

#base {
	width: 780px;
}

.white {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1C3664;
} 

.subtext {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	text-decoration: none;
	/*size: 6px;*/
	font-size: 9px;
	font-style: italic;
}
.credit {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1C3664;
	font-size: 10px;
} 

.shoe {
	margin: 0px 0px 0px 40px;
}

.holder {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-size: 12px;
}




/* The events-iframe class is applied to the contents of the Events iframe. Here's how it works:

	- The Events iframe gets its content from the "Events" page in the "Home Page Content" blog.
	- The "Home Page Content" blog uses a special theme called "Watershed HomePage Events".
	- The Watershed HomePage Events theme has a specially modified version of "page.php" which:
		* references this css file (main.css) to get these class definitions, and
		* applies the "events-iframe" class to the body of any page it displays.
		
	The content area of the Art Gallery page works the same way, using an iframe to pull in
	content from the "Art" page of the "Home Page Content" blog.
*/		
.events-iframe {
	background-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Machine ITC TT", Techno;
	font-size: 13px;
}
.events-iframe a {
	color: #18609f;  
	font-weight: bold;
	text-decoration: none;
} 
.events-iframe a:hover {
	color: white;
} 
.events-iframe img {
	margin: 0px 5px;
	border-width: 0px;
}

#events {	/* This defines the "events" DIV on the home page (which contains the Events iframe) */
	min-height: 200px;
	margin: 5px 0px 0px 315px;
	width: 420px;
	padding: 5px 15px;
	background-color: #cccccc;
}

#gallery {	/* Defines the "gallery" DIV on the art page (which contains the Gallery iframe */
	min-height: 200px;
	margin: 5px 0px 0px 220px;
	width: 531px;
	padding: 5px 3px 5px 15px;
/*	padding: 12px 6px 5px 10px; */
	background-color: #cccccc;
}