/*-----------------------------------------------------------------------------------------------
Screen Style Scheet for: 
**TITLE OF WEB SITE**
**URL OF WEBSITE**
**ANY OTHER IMPORTANT INFORMATION ABOUT WEBSITE**

css coding by **YOUR NAME**
 
 MAIN COLORS:
 **LIST MAIN COLORS HERE**
(example -> white: #fff)
------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------
	USAGE NOTES - mostly from the W3C
------------------------------------------------------------------------------------------------*/
/* Try to use relative length units and percentages. CSS allows you to use relative units even in absolute positioning.
   Thus, you may position an image to be offset by "3em" from the top of its containing element. 
   This is a fixed distance, but is relative to the current font size, so it scales nicely.  (http://www.w3.org/TR/WCAG10-CSS-TECHS/#units)

   Try not to use absolute length units unless the physical characteristics of the output medium are known,
   such as bitmap images.  (http://www.w3.org/TR/WCAG10-CSS-TECHS/#units)
   
   "display: none;" also hides content from screen readers and should only be used to hide temporary info useful to the developer.
   We also think it is ok to use for the print style sheet.
*/

/*-----------------------------------------------------------------------------------------------
	HTML TAG-SPECIFIC STYLES
------------------------------------------------------------------------------------------------*/

body {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .7em;
}

/*******************
 CONTENT HEADERS
*******************/
/* the W3C Requests the use of em instead of pt or px - http://www.w3.org/TR/WCAG10-CSS-TECHS/#units */
/* the W3C Requests the use of em instead of pt or px - http://www.w3.org/TR/WCAG10-CSS-TECHS/#units */

h1, h2, h3, h4, h5, h6 { text-transform: lowercase;} 

.uppercase { text-transform: uppercase;} 

h1 { color: #990000;  } /* the page Header (the title of the website)*/
h2 { color: #990000; font-size: 1.7em; font-weight:100; display: inline;} /* 1st content heading */ /* display: inline prevents space between menu and page content */
h3 { color: #333333; font-size: 1.5em; font-weight:600;} /* 2nd content heading (subHeading)*/
h4 { color: #333333; font-size: 1.3em; font-weight: 600;} /* 3rd content heading (further breakdown of a category) */
h5 { color: #333333; font-size: 1.2em; font-weight: 600;} /* 4th content heading */
h6 { color: #333333; font-size: 1.1em; font-weight: 600;} /* probably don't need */

/*******************
 LINKS
*******************/
a { color: #68502C;}
a:visited { color: #68502C; }
a:hover { color: #990000; }
a:active { }

/*******************
 IMAGES
*******************/
img { border: none; }

/*******************
 TEXT
*******************/
p { }
abbr, acronym { cursor: help; }
.horizontalRule {
	margin: 0 -10px 0 -10px;
	border-top: 1px solid #CCCCCC;
	display: block;
	width: 459px;
	overflow:hidden;
	height: 1px;
}

.noBreak {
	display: inline;
}

/*******************
 FLOATER IMAGES
 *******************/
#floaterCaptionRight {
	margin:0px 10px 15px 15px;
	float:right;
	display:block;
	clear:both;
	text-align:right;
}
#floaterCaptionLeft {
	margin:0px 10px 15px 15px;
	float:left;
	display:block;
	clear:both;
	text-align:left;
}
.floaterImageRight {
	padding:5px;
	float:right; 
	margin:10px 10px 15px 15px;
	border:1px solid #999999;
}
.floaterImageLeft {
	padding:5px;
	float:left; 
	margin:10px 10px 15px 15px;
	border:1px solid #999999;
}

/*******************
 SPLASH PAGE
 *******************/
 /*ul {
 	list-style: none;
	margin-left: -20px;
 }*/
 * html ul { margin-left: 16px; } /* IE factors margin differently */

table.newsAndEvents { font-size: 1em; margin-left: 16px; width: 419px;}
.date{ color: #7B7B7B; vertical-align: top; width: 8em;}
.dateWithYear{ width: 10.2em; }
.description { }

/*******************
 OTHER
********************/

/*ul { font-family: Helvetica, sans-serif;} 
ul li { font-family: Geneva, Arial, Helvetica, sans-serif; }*/

li {
	padding-bottom: 2px;
}

ul.colloquiumSpeakers li {
	padding-bottom: 12px;
}

ul.faq-index li {
	padding-bottom: 8px;
}

ul.faq-index li a {
	text-decoration: none;
}

ul.faq-details li h4 {
	text-transform: none;
}
h3.alumniDetail, h3.facultyDetail {
	display: inline;
	color: #990000;
	text-transform: none;
}
.facultyInfoCategory {
	color: #990000;
	display: inline;
}
#alumniListContainer {
background-color: #CCCCCC;
}
#alumniListContainer .otherAlumni {
	width: 200px;
	color:#333333;
	padding: 6px 0px 0px 10px;
	height: 20px;
}
#alumniList {
	padding: 10px;
	background:#FFFFFF;
	/*height: 405px;
	overflow: auto; 
	scrollbar-base-color: #E5E3D9;*/
}
#alumniListContainer {
	border: 1px solid #CCCCCC;
	float: right;
	width: 210px;
}
#alumniDetail {
	/*border: 1px solid #CCCCCC;*/
	float: left;
	width: 220px;
	/*overflow: auto; 
	scrollbar-base-color: #E5E3D9;
	height: 425px;*/
}
#facultyListContainer {
	margin-left: -10px;
	margin-top: 0px;
}

#facultyList {
	text-indent: -9000px;
	margin: 0px;
	height: 1px;
	overflow: hidden;
}

#FacultyPhoto {
	float: left;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
}
.alumniPhoto {
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
}
#FacultyInfo {
	float: left;
}

div#Video {
	float: right;
	margin-top: 15px;
	padding: 0 0 10px 10px;
}
.headerNavImage {
    padding-left: 5px;
}