body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #9C9E67 url("../images/bg-gradient.gif") repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #393A25;
}

img
{
	border: none;
}

p 
{
	text-align: left;
}

ul 
{
	text-align: left;
}

li 
{
	text-align: left;
}

p img[align="left"] { margin: 5px 15px 0px 10px; }
p img[align="right"] { margin: 5px 0px 15px 10px; }

h1 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;	
	line-height: 15px;
	color: #787569;
	text-align: left;
}

h2
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	line-height: 14px;
	color: ##957e27;
	text-align: left;
}

h3
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	line-height: 14px;
	color: #3b3b39;
	text-align: left;
}


h4
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	line-height: 12px;
	color: #3b3b39;
	text-align: center;
}

div#topNav
{
	display: none;
}

div#ummaLogo
{
	margin: 0px auto 0px auto;
	width: 758px;
	padding: 40px 0px 0px 0px;
	text-align:left;
}

div#topnav 
{

	display: none;
}

div#shadowTop
{
	display: none;
}


#forStudents
{
	display: none;
}

.forStudents
{
	display: none;
}

div.inline{
	display: none;
}

div.inline p.caption{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	width:200px;
	margin:1em auto;
	/* hide from IE Mac \*/
	margin:1em 0;
	/* stop hiding */
}

div.inliner{
	float:right;
	margin:0 2em;
	text-align:center;
}
div.inliner img{
	margin:1em 0;
	border:none;
}
div.inliner img.border{
	border:1px solid black;
}
div.inliner p.caption{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	width:200px;
	margin:1em auto;
	/* hide from IE Mac \*/
	margin:1em 0;
	/* stop hiding */
}

	
body.sec-index div#shadowMiddle
{
	padding: 29px 15px 0px 15px;
}

div#shadowMiddle p 
{
	margin-top: 0px;
}

#shadowBottom {
	display: none;
}

img.atTopLeft, img.atTopRight, img.atBottomLeft, img.atBottomRight {
	display: none;
}

/* **********************************
   *********** MENU START ***********
   ********************************** */
#nav
{
	display: none;
}



/* ****************************
   ******* LOCAL MENU *********
   **************************** */
ul#localNav
{
	display: none;
}

/***END MENU***/


/* ***** SUB LOCAL MENU *******
   ** As used in Resources and conservation_lab */
.subLocalNav {
	color: #9A5E12;
	font-size: 10px;
	font-family: Arial, sans-serif;
	background-color: #DDDEC8;
}



/**** END  ******/

#content 
{	
	margin: 19px 0px 0px 8px;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	border-collapse: collapse;
	width: 724px;
	height: 400px;
	min-height: 400px;    /* This works on Mozilla to set the miniumum height- hopefully future IE */
}



/*****
* Text Layout
***** */
.textArea 
{
	vertical-align: top;
	text-align: center;
	width: 724px;
	padding: 34px 70px 35px 70px;
	background-color: #FFF;
}

.textArea p.caption
{
	text-align: left;
	padding: 10px 30px 5px 30px;
	background-color: #FFF;
	line-height: 12px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

.textArea a {
	color: #935301;
	text-decoration: none;
}

.textArea a:hover, .textArea a:sfhover
{	
	text-decoration: underline;
	color: #C19357;

}

/*****
* it - Images & Text Layout
***** */
.itLeftSide 
{
	vertical-align: top;
	text-align: center;
	width: 308px;
	padding: 60px 5px 25px 5px;
	background-color: #DEDFCA;
}

.itLeftSide a
{
	color: #935301;
	text-decoration: none;
}

.itLeftSide a:hover
{
	color: #735631;
	text-decoration: underline;
}


.itLeftSide p.menu
{
   
	margin: 0;
	padding: 30px 20px 0px 30px;
	color: #935301;

}

.itLeftSide p.menu a
{
	color: #935301;
	text-decoration: none;
}

.itLeftSide  p.caption {
	padding: 10px 30px 5px 30px;
	line-height: 12px;
	line-height: 12px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

.itLeftSide  p.caption a{
	color: #935301;
	text-decoration: none;
}


.itMenu {
	margin: 0px auto 0px auto;
	text-align: right;
	color: #935301;
	border-top: solid 1px #62441D;
	border-right: solid 1px #62441D;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.itMenu a {
	color: #935301;
	text-decoration: none;
}

.itMenu a:hover {
	color: #735631;
	text-decoration: underline;
}

.itMenu td {
	padding: 2px 0px 1px 3px;
}

.itMenu td.None {
	padding-top: 5px;
	padding-right: 0px;
}

.itRightSide 
{
	vertical-align: top;
	padding: 25px 20px 25px 20px;
	width: 418px;
	background-color: #FFF;
}

.calRightSide 
{
	vertical-align: top;
	padding: 45px 5px 25px 5px;
	width: 418px;
	background-color: #FFF;
}


.itRightSide p.first {
	margin-top: 50px;
}

.itRightSide a {
	color: #935301;
	text-decoration: none;
}

.itRightSide a:hover, .itRightSide a:sfhover
{	
	text-decoration: underline;
	color: #C19357;

}




div#footer
{
	border-top: solid 1px silver;
	margin: 0px auto 0px auto;
	width: 758px;
	text-align: left;
	padding: 0px 0px 20px 0px;
}

div#footer menu
{
	margin: 0;
	padding: 0px 5px 0px 0px;
	width: 758px;
	text-align: right;
}
div#footer menu li, div#footer menu li a
{
	display: inline;
	color: #E9EAB9;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.bottomItem 
{
	padding-bottom: 10px;
	margin-bottom: 0px;
}

table.programcalendar {
	
	padding: 2px 10px 3px 10px;
	line-height: 10px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #4F512F;
	border: solid #935301 1px;
	background-color: #EBD8BF;
	vertical-align: middle;
}

/****************
* POPUP SECTION 
***************** */

body.popup {
	background-color: #fff;
	background-image: none;
	text-align: left;
}

body.popup p {
	font-size: 10px;
}

table.popupContent td p.caption {
	margin: 5px 20px 5px 30px;
	line-height: 11px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

body.popup .itLeftSide 
{
	vertical-align: top;
	text-align: center;
	width: 300px;
	margin: 50px 5px 25px 5px;	
}

body.popup h1 {
	border-bottom: solid #6E6F54 1px;
}

table.popupContent {
	border-collapse: collapse;
	border: none;
	font-size: 10px;
	line-height: 14px;
	width: 600px;
}

table.popupContent td {
	padding: 10px 10px 5px 10px;
	vertical-align: top;
}


table.popupContent td a {
	font-size: 10px;
	color: #595A42;
	font-style: italic;
	vertical-align: middle;
}

.itHalfLeftSide 
{
	vertical-align: top;
	text-align: center;
	width: 50px;
	padding: 60px 5px 25px 5px;
	background-color: #FFFFFF;
}

.itHalfRightSide p
{
	margin-right: 100px;
	background-color: #FFFFFF;
}

ul#popupSubnav
{
	display: block;
	position: absolute;
	top: 34px;
	width: 580px;
	height: 12px;
	margin: 0px auto 5px 1px;
	padding: 5px 0px 1px 10px;
	background-color: #dddec8;
	border-bottom: solid 4px #FFF;
	z-index: 5;
	background-image: url("../images/local-bottom.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	left: 1px;
}

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

ul#popupSubnav li a
{
	padding: 0px 2% 2px 1%;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #474830;
	text-decoration: none;
	text-transform: uppercase;
}

ul#popupSubnav li a:hover 
{
	color: #935301;
	border-bottom: solid 2px #935301;
}

td.popupNav {
	height: 20px;
}


td.popupNav div a, td.popupNav2 div a{
	text-decoration: none;
	font-style: normal;
	color: #595A42;
}

td.popupNav div:hover, td.popupNav2 div:hover{
	text-decoration: none;
	border-top-width: 2px;
}

td.popupNav div {
	position: fixed;
	display: block;
	width: 300px;
	bottom: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #B7B88B;
	border-top: solid 1px #A5A67D;
	font-style: normal;
	color: #595A42;
}


td.popupNav2 div {
	position: fixed;
	display: block;
	width: 270px;
	bottom: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #B7B88B;
	border-top: solid 1px #A5A67D;
}

table.popupContent td.popupNav, table.popupContent td.popupNav2
{
	text-align: left;
}


/*** misc classes added by Daniel Yoo ***/

div.backToTop {
    display: none;
}

table#popupHeader {
    width: 600px;
    border: none;
    margin: 0;
}

table.popupContent td.oneColumn {
    padding: 10px 50px;
    margin: 0;
}

.fsLeftSide h2, .sectionnav h2
{
	padding: 0 0 2px 70px;
	margin: 0;
}

.fsLeftSide h2 a, .sectionnav h2 a
{
	color: #4F512F;
	text-decoration: none;
}

.fsLeftSide p.menu
{
	margin: 0;
	padding: 30px 20px 0px 30px;
	color: #935301;
}

div.fsImage {
	text-align: right;
	margin: -20px 0 20px 0;
	padding: 0;
}

.fsRightSide h2 {
    font-size: 13px;
    margin-bottom: 3px;
}

/******************************************************************
*
*  CHANGES HISTORY
*           - Elias (Sep 20, 2004) - Started writing
*
*
*  AUTHOR:  UNIVERSITY OF MICHIGAN
*           MARKETING COMMUNICATIONS
*           CSS: Elias Asfaw-Kirby
*
*
******************************************************************/