@charset "UTF-8";
/* CSS Document */

body {
margin:-15px auto;
padding:0;
font-family:Calibri;
}




h1, h2, h3, h4, h5 {
color:#000000;
text-align:left;
}
h2 {text-decoration: underline;
font-size: 1.7em;}

h3, h4, h5 {
margin-bottom: 0;
background: url(../images/slices/hbg.jpg) bottom left repeat-x;}

h5 {font-size: 1em;
margin: 2% 0 0 10%;
width: 30%;}

.h2_style_two {
	margin:10px 0 0;
	padding:0;
}

.h3_style_two {
	background:none;
	margin:0;
	padding:0;
}


p {
color:#000000; 
text-indent: 25px;
}
p.noindent {margin: 0;
padding:0;
text-indent: 0;
}

#top {height:0; width: 0; margin: 0; padding: 0;
font-size: .01em;}

.hidden {
visibility:hidden;
display:none;
margin: 0;
padding: 0;
}

.skiplink {margin: 0;
padding: 0;
font-size: .01em;}

#skip_nav {
font-size:.01em;
margin: 0;
padding: 0;
visibility: hidden;
}

/*holds everything on the page and centers it*/
#container {
margin:0 auto;
padding:30px 0 0 0;
background-image:url(../images/slices/bg_shadow.jpg);
background-repeat:repeat-y;
width:990px;
min-height:880px;
}


/* =============== UM Standard Header ================ */

#uminfo {
margin:8px 0 0 95px;
padding:0;
height: 50px;
width: 960px;

}

#uminfo h2 {
	background: none;
width:350px;
margin:0;
padding:0;
float:left;
font-size: .01em;
border: none;
}

#uminfo h2 a {
background:url(../images/slices/UM-Logo-1-line.png);
width:225px;
height:26px;
display:block;
margin:0 0 0 85px;
border: none;
}

#uminfo ul {
float:left;
margin:0 0 0 675px;
display:inline;
padding:0;
}

#uminfo ul li {
display:inline;
margin:0;
padding:0;
}

#banner {
background:url(../images/slices/banner.jpg) no-repeat top left;
height:342px;
width:1004px;
margin: 0 0 0 -67px;
padding: 0;
}

#banner h1 {padding: 0;
margin: 0;}


/* ================= Main Navigation ============ */

#navigation {
width:100%;
}

a {
font-family:"Calibri", "Verdana", "Helvetica";
text-decoration:none;
color:#993333;
}	


/*all lists*/
#nav {
width:100%;
 margin: -60px 0 0 197px;
height:25px;
font-size:1em;
}

/* ============== Level 1 navigation =========== */
#nav li {
background:url(../images/slices/nav_divider.gif) no-repeat right;
float:left;
position:relative;
text-align:center;
list-style-type:none;
z-index:5;
display:block;
padding: 0 27px;
color:#993333;
}

#nav #lastlistitem{background:none;}

#nav a {
font-family:"Calibri", "Verdana", "Helvetica";
color:#993333;
text-decoration:none;
}

#nav a:hover {

color: #333333;
text-decoration: none;
background:#b6d1f3;
}

#nav li ul {
font-size:.9em;
display: none;
position: absolute;
top:18px;
left: 5px;
background:#e2edfe;
border-bottom:inset 1px #000000;
border-left:solid 1px #333333;
border-right:solid 1px #000000;
border-top: none;
}

#nav li ul a:hover {
background:#538cc8;
}

/* ================== Level 2 navigation ============ */

#nav li li {
display:block;
float:none;
text-align:left;
background: none;
margin: 2px 0 0 2px;
}

#nav li li a {
display:block;
font-weight:normal;
height:100%;
}

#nav li li a:hover {
color:#000000;
}

#nav li:hover ul, #nav li.over ul {
display: block;
}

#about, #students, #people, #research {
padding:7px 0px 5px 0;
right:0px;
}

#about li, #students li, #people li, #research li {
padding-left:5px!important;/*so only the second level menus have the padding*/
}

/* ============= specific widths for each menu =============  */

#about {
width:280px;
}

#people {
width:170px;
}

#research {
width:170px;
background: #FFFFFF;
}

#students { width: 200px;
color:#993333;
}


/*to add a bit of space at the bottom*/
.mmhide_lastitem {
padding-bottom:5px; 
}

/* ================= Content ================== */
#content {
width:850px;
margin: 40px 0 0 67px;
border: 1px #666 solid;
padding: 10px;
float: left;

}

#content p {
text-align:left;
line-height: 1.6em;}

/*  ======== left-hand column on default page ======== */

#sidebar {
margin:0px 10px 25px 10px;
float:left;
width:300px;
background:none;
height:auto;
min-height:640px;
border:#999 dotted 1px;
padding: 15px 5px 15px 5px;
}


#sidebar h3 {background: none;}

.subtitle {font-size: .8em;
font-style: italic;
text-align: center;}


/* ======= Content area for default page (with sidebar) ========*/

#main {
float:left;
width:450px;
margin-left:10px;
height:auto;
border: 1px #999 dotted;
padding: 0 25px 25px 25px;
}



#secondary {
margin-left:150px;
width:825px;
height:auto;
}


.dividedlist {margin: 0;
padding:0;}

.dividedlist li {border-bottom: 1px  #666 solid;
padding: 10px 0 15px 0;
margin: 0;
list-style-type: none;}

#finallistitem {border-bottom: none;}


/* ------------ Slideshow CSS ------------------*/

#slideshow
{
	width: 300px;
	max-height: 175px;
	z-index:5;
	padding: 0 0 35px 0;
	
}


/* ============ Secondary Links =========== */
/* positions an optional region providing links on the secondary pages */

#secondarylinks {
	float:left;
	width:300px;
	padding:0 5px 5px 5px;
	margin:15px 15px;
	background-color:#CCCCCC;
	font-size:1.1em;
	list-style-type:none;
}

#secondarylinks a {
	color:#993333;
}

#secondarylinks a:hover {
	color:#666666;
}

#research {
list-style:none;
display:inline;
float:none;
}

/* ========= footer styles ========= */
/*necessary so the footer won't overlap the content*/
div.clear { 
height:1px;
clear:both;
margin:0;
padding-bottom: 50px;
}

#footer {
bottom: 0;
padding:0 20px;
margin:0 auto;
width:880px;
height:175px;
text-align:center;
font-size:1.0em;
}

#footer ul {
list-style-type:none;
margin:0 0;
padding:25px 0;
}

#footer li {
float:left;
padding:5px;
}

#footer img {
border:none;
}

#footer p#copy {
font-size:0.8em;
}

/* ============ Table Styles ============= */
table {
border:1px solid #FFFFFF;
border-collapse:collapse;
width:100%;}

table td, table th {
border-bottom:1px solid #FFFFFF;}

table.eminent td{
border: 2px ridge #333;
text-align:left;
padding:10px;}
ul.eminent {list-style-type:none;
margin-left: 0;
padding-left: 0;}

table.research {
border:none;}

.research tr {
height:150px;}

.research td {
width:auto;
border:none!important;}	

.research img {
padding:10px;}

table.photos {
border:none;
width:100%;}

table.photos td {
width:auto;
padding:3% 0;
text-align:center;
border:none;
vertical-align:top;}

table.photos img {
padding:5px 0;}

/*for seminar table formating*/
#seminar th{
	text-align:left;}

#seminar td{
text-align:left;
border-right: 1px #ccc solid;
}

.oddtablerow {
	background-color: #DDD;
}

/*for special characters*/
.center {
text-align:center;
}

.subscript{
font-size:0.7em;
vertical-align:sub;}

.superscript {
font-size:0.7em;
vertical-align:super}

span.publication {
font-style:italic;}

.nostyle{
line-height: 1.4em;
list-style: none;}

/* =================== Styles specific to Faculty Database elements ================ */
#facultylist table {width: 100%;
border: 2px #CCCCCC dotted;
padding: 10px 0 10px 0;}
#facultylist table th {font-weight: bold; text-align: left; border: 2px solid #999999;}
#facultylist table td {text-align: center; border: 2px solid #CCCCCC;}

 
.facultydetails img {margin:10px;
float:left;
width:150px;

border:1px solid #CCC;
padding:5px;}

.facultyimage {
	border:none;
	color:#FFF;
}
 
 .facultydetails td {
 border: 2px #CCCCCC dotted;
 }
 
.facultydetails p {text-indent: 0;
font-size: 1.1em;
margin: .5%;
padding: 2% 0 0 0;
line-height: 2.0em;
}

.facultydetails h3 {background: url(../images/slices/hbg.jpg) bottom left repeat-x;}

/* ===================== REU Specific Styles ================= */
#reubanner {
background:url(../images/slices/reubanner.jpg) no-repeat top left;
height:344px;
width:1007px;
margin: 0 0 0 -69px;
padding: 0;
}

#reubanner h1 {padding: 0;
margin: 0;}


#reunavigation {float: left; margin: 35px 0 0 55px; padding: 0; background: #4566A3; color: #000; font-weight: bold; clear: both;} 
#reunavigation a:link, #reunavigation a:visited {color: #FBD03C}
#reunavigation a:hover {color: #fff; border-bottom: dotted 1px #fff;}
#reunavigation ul {list-style-type: none; padding: 10px;}
#reunavigation ul li {line-height: 2em;}

#reunavigation address {font-weight: normal; color: #000; margin: 5px; padding-bottom: 15px; text-align: center;}

#reucontent {
width:620px;
margin: 40px 0 0 20px;
border: 1px #666 solid;
padding: 10px;
float: left;

}

textarea {max-width: 610px;}

#reucontent p {
text-align:left;
line-height: 1.6em;}


