/* Mac content in centre.Includes right column.  2007 Electra Communications.  */

img a:link, a:visited, a:hover { /*This can help for special IE6 issues. */
	border-style:none !important ;
}

a img {border:none;} /* works best for Firefox and IE7-8.*/



div#second_tier_main_container {
	float: left;
	position: relative;	
	width:574px;
	margin: 0 0 0 26px;
	min-height:120px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.75em;	
	color: #000000;
	background-Color: #ffffff;
	z-index:90;
}

div#second_tier_main_container a:link {	
	color: #990033;
	text-decoration: none;
}

div#second_tier_main_container a:hover {	
	color: #990033;
	text-decoration: none;
	border-bottom: 1px dotted;
}

div#second_tier_main_container a:visited {	
	color: #990033;
	text-decoration: none;
}

div#second_tier_main_container h1{ /*Acts as section title, above head*/
	color:#666666; 
	font-size: 10px; 
	font-weight:normal;
	padding:0px 0px 2px 0px;
	margin-top:18;
}

div#second_tier_main_container h2{/*  Acts as head.  */
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.875em;
	font-weight: bold;
	padding: 0;
	margin: 0px 0px 16px 0px;
	color: #990033;
}


div#second_tier_main_container h3{/* Acts as subhead  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
	padding: 0 0 2 0;
	margin: 0 0 5px 0;
	color: #990033;
	background-color: #ffffff;	
}


div#second_tier_main_container h4{/* UC SUBHEAD  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

div#second_tier_main_container h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	font-weight: bold;
	margin:5px 0;
}

#second_tier_main_container img {
	padding: 0 0 0 15px;
}


#second_tier_main_container ul {
	list-style-image:url(../navimages/bullet_maroon.gif);	
	line-height:1.3em;/*Leading (for un-ordered list)*/
}

/* Right Column starts*/


div#right_content {
	float: right;
	position: relative;	
	width:175px;
	min-height:80px;
	color: #000000;	
	background-Color: #ffffff;
}

div#right_content a {
	color: #990033;
	text-decoration: none;
}


/*   Grey Box on right*/

div#grey_box {
	float: left;
	position: relative;	
	width:175px;
	/*min-height:160px;*/
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 20px 0px;
	color: #000000;	
	background-color: #cccccc;
}

* html div#grey_box {
	height: 160px;
}

div#grey_box p {/* Head of the grey box. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 8px;
	color: #666666;	
}

 /* Bulleted items in the grey box. */
div#grey_box ul {font-size: 10px;margin:10px 10px 0 -10px;
	list-style-image:url(../navimages/bullet_maroon.gif);	
	line-height:1.3em;/*Leading (for un-ordered list)*/
}



/*   White Box on right*/


div#white_box_title {
	float: left;
	position: relative;	
	width:165px;
	min-height:37px;
	margin: 0;
	padding: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125em;	
	line-height: 37px;
	font-weight: bold;
	color: #666666;	
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	background-Color: #ffffff;
}

* html div#white_box_title {
	float: left;
	position: relative;	
	width:175px;
	height:37px;
	padding: 0 0 0 8px;	
}	


div#white_box_item {
	float: right;
	position: relative;	
	width:157px;
	padding: 0px 8px 10px 8px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;	
	min-height:20px;
	margin: 0px 0px 25px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;		
	color: #000000;
	background-Color: #ffffff;		
}


* html div#white_box {
	height:20px;
	width:173px;
	padding: 5px 8px 0 8px;	
	margin-left: 8px;
}	


/* Third Tier Content */


div#third_tier_main_container {
	float: left; 
 	position: relative;	
	width:760px;/*one more pixel, and IE6 moves this box down below the menu*/
	margin: 0 0 0 26px;
	min-height:120px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.75em;	
	color: #000000;	
	background-Color: #ffffff;
	background-position: left;
	background-repeat: repeat-y;
	z-index:90
}


div#third_tier_main_container a:link {	
	color: #990033;
	text-decoration: none;
}

div#third_tier_main_container a:hover {	
	color: #990033;
	text-decoration: none;
	border-bottom: 1px dotted;
}

div#third_tier_main_container a:visited {	
	color: #990033;
	text-decoration: none;
}


div#third_tier_main_container h1{ /*Acts as section title, above head*/
	color:#666666; 
	font-size: 10px; 
	font-weight:normal;
	padding:0px 0px 2px 0px;
	margin-top:18;

}


div#third_tier_main_container h2{/*  Acts as head.  */
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.875em;
	font-weight: bold;
	padding: 0;
	margin: 0px 0px 16px 0px;
	color: #990033;

}


div#third_tier_main_container h3{/* Acts as subhead  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
	padding: 0 0 2 0;
	margin: 0 0 5px 0;
	color: #990033;
	background-color: #ffffff;	
}


div#third_tier_main_container h4{/* UC SUBHEAD  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

div#third_tier_main_container h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990033;
	font-weight: bold;
	margin:5px 0;
}


div#third_tier_main_container ul {
	list-style-image:url(../navimages/bullet_maroon.gif);	
	line-height:1.3em;/*Leading (for un-ordered list)*/
}
div#third_tier_content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


div#third_tier_content  {

}


div#research-intro {
	padding: 0 0 20px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

div#research-intro  a:link{
	text-decoration: none;
	border-bottom: none;
	border-style:none;
}

div#research-intro  a:hover{
	text-decoration: none;
	border-bottom: none;
	border-style:none;
}

div#research-intro  a:visited{
	text-decoration: none;
	border-bottom: none;
	border-style:none;
}

div#research-areas td  {
	color:white;
	font-size:12px
}
div#research-areas td a:link  {color:white}
div#research-areas td a:visited  {color:white}
div#research-areas td a:hover  {color:white}



.research-titles {padding: 5px 0 0 5px}


div#content_callout-right {
	float: right;
	position:relative;
	padding: 10px 15px 25px 20px;
	margin: 0px 0 10px 0px;
	width: 185x;
	border:#BBB solid 1px;
	background-image:url(../navimages/Quotation-mark_callout.gif);
	background-repeat:no-repeat;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#999999;
	font-style: italic;
	font-weight: bold;
	line-height:21px;
}

.dropcap { /* Works with content_callout-right.*/
	float:left;
	padding:0px 0px 0 48px;
} 

.byline { /* Works with content_callout-right.*/
	font-size:9px;
} 


div#right_content_3rdtier {
	float: right;
	position: relative;	
	width:185px;
	min-height:120px;
	color: #000000;	
	background-Color: #ffffff;
}

div#faculty-photo_back-button {
	float:left;
	margin: 0 25px 10px 0;
}

div#faculty-photo_back-button a:hover{
	border-bottom:none;
}

div#faculty_title_contact {
	margin: 0 0 0 175px;
}


div#video_viewer {
	float:left; 
	width: 340px; 
	padding-top:17px;
}


div#video_thumbnails {
	float:right; 
	width: 400px; 
	margin-top:17px;
	padding:5px;
	border: 1px solid silver;
}


div#video_thumbnails p{
	font-size:11px;
	/*padding: 0px 0px 0px 100px;*/
	/*margin-top:-60px;*/
}

div#video_thumbnails img{
	/*margin: 0 10px 10px  0;*/
	margin:0px 8px 0px 10px;
	border: 1px solid gray;
}


.pic-right {
	float:right;
	padding: 0 0 20px 20px;
}

.pic-left {
	float:left;
	padding: 0 25px 20px 0;
}

.faculty-pic-left {
	margin: 0 0 30px 0;
	border: 1px solid #666666;
}



.subtitle_box {
	padding: 3px 7px 3px 7px;
	margin: 0 5px 0 5px;
	border:#990033 1px solid;
}

.degrees {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

/* Extra-special buttons start here. Not for left menu - for content areas*/

p.contentbutton {	/* For 1-line button items*/
	height:20px;
	width:144px;
	float:left;
	position:relative;
	padding:5px 3px 3px 3px; 
	margin:0px;
	text-align:center;
	background: url(../navimages/menubutton.gif) top left no-repeat;
}

p.contentbutton a{}

p.contentbutton:hover{background-position: bottom left;}

p.contentbutton a:hover{color:white !important;}


p.contentbutton2 {	/* For 2-line button items*/
	height:35px;
	width:150px;
	float:left;
	position:relative;
	padding:5px 3px 3px 3px; 
	margin:0px;
	text-align:center;
	background: url(../navimages/menubutton2.gif) left top no-repeat;
}

p.contentbutton2 a{}

p.contentbutton2:hover{background-position:left bottom ; }

p.contentbutton2 a:hover{color:white !important;}


p.backtotop {height:10px; width:75px; margin-left:320px; background:url(../navimages/back-to-top.gif) left top no-repeat;}

p.backtotop:hover {background:url(../navimages/back-to-top.gif) left bottom no-repeat;}

/* END extra-special buttons.*/


/* START CSS for Distinguished Faculty Gallery*/

.gallery td{padding:8px 0 8px 0; border-top:1px silver solid; }

.gallery img{padding:3px; margin-bottom:10px; border:1px silver solid; background:#DEDEDE; height:100px; width:75px;}

/* This h3 is for the faculty member's name*/
.gallery h3 { font-weight:bold; font-size:14px; font-variant:small-caps; letter-spacing:2px; line-height:16px;}

/* This h6 is for the subheadings*/
.gallery h6 { font-weight:bold; font-size:18px; text-align:center; color:#666666;font-variant:small-caps; letter-spacing:2px; margin:30px 0 20px;}

.gallery hr {border:0; width:77%; color:silver;background-color:silver;height:2px; border:none;}

.gallery p.more-space {line-height:18px;}

.details{
	background:#CCCCCC;
	color:#FFFFFF;
	font-size:9px;
	letter-spacing:2px;
	line-height:normal;
	text-decoration:none;
	text-transform:uppercase;
	padding: 3px 3px 0 3px;
	margin:0;
	border-top: 2px solid #CCCCCC;
	padding: 0 0 2px 5px;
}

.details a:link {
	color:#FFFFFF;
	font-size:10px;
	letter-spacing:2px;
	line-height:normal;
	text-decoration:none;
}

.details a:visited {/* For whatever reason, putting the a:link and a:visited together in a single statement neutered the a:visited. So they are separate.*/
	color:#FFFFFF;
	font-size:10px;
	letter-spacing:2px;
	line-height:normal;
	text-decoration:none;
}

.details a:hover {color:#FFFFFF; text-decoration:none;}

/* END CSS for Distinguished Faculty Gallery*/


/* START CSS for Donate to CE&B*/

.donate td{padding:8px; border-top:1px silver solid; }

.donate p {line-height:18px;}

.donate img{padding:3px; margin-bottom:10px; border:1px silver solid; background:#DEDEDE; height:100px; width:75px;}

/* This h3 is for the faculty member's name*/
.donate h3 { font-weight:bold; font-size:14px; font-variant:small-caps; letter-spacing:2px; line-height:16px; background-color:none;}

/* This h6 is for the subheadings*/
.donate h6 { font-weight:bold; font-size:18px; text-align:center; color:#666666;font-variant:small-caps; letter-spacing:2px; margin:30px 0 20px;}

.donate hr {border:0; width:77%; color:silver;background-color:silver;height:2px; border:none;}

.donate p.more-space {line-height:18px;}

.moreinfo{
	background:#CCCCCC;
	color:#FFFFFF;
	font-size:9px;
	letter-spacing:2px;
	line-height:normal;
	text-decoration:none;
	text-transform:uppercase;
	padding: 3px 3px 0 3px;
	margin:0;
	border-top: 2px solid #CCCCCC;
	padding: 0 0 2px 5px;
}

.moreinfo a:link {
	color:#FFFFFF;
	font-size:10px;
	letter-spacing:2px;
	line-height:normal;
	text-decoration:none;
}

.moreinfo a:visited {/* For whatever reason, putting the a:link and a:visited together in a single statement neutered the a:visited. So they are separate.*/
	color:#FFFFFF;
	font-size:10px;
	letter-spacing:2px;
	line-height:normal;
	text-decoration:none;
}

.moreinfo a:hover {color:#FFFFFF; text-decoration:none;}

/* END CSS for Donate to CE&B*/

/* START special Events buttons*/


p.eventbutton {	/* For 2-line button items*/
	height:75px;
	width:80px;
	float:left;
	position:relative;
	padding:10px 15px 15px 5px; 
	margin:10px;
	text-align:center;
	color:#666666;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:20px;
	background: url(../navimages/eventbutton.gif) left top no-repeat;
}

p.eventbutton a {color:green;}

div#third_tier_main_container p.eventbutton a:hover {	
	color: blue;
}

p.eventbutton:hover{background-position:left bottom;color:white; /*text-decoration:underline;*/}

p.eventbutton a:hover{color:white !important;}

/* END special Events buttons*/

/* START Faculty Intro Page big slideshow*/

#photo-row {width:780px; margin:0px 35px; width:780px; paddin-left:20px;overflow:hidden;}

/* END Faculty Intro Page big slideshow*/