body {margin: 0px auto; padding: 0px; background-repeat:repeat;background-position: left top; font-family: Verdana, Arial, sans-serif; background-color: #FFFFF9; background-image: url(http://www.life.uiuc.edu/plantbio/images/Testomata06.jpg); width: 850px; font-weight: normal; font-size: .7em; line-height: 1.3em;}


/*Crop the overflowing sidebar and content section of the page */
#container, #navigation{
overflow:hidden;
}


/*
div#container {background-color: #FFFFF9; }
*/

div#container {background-color: #5F7956; }


img {border-style: none;}
a:link, a:visited {font-weight: normal; text-decoration: none;}
a:hover, a:focus {font-weight: normal; text-decoration: underline;}

/*
.anchorFix { position: absolute; width: 1px; }
*/


#banner { margin: 0px; margin-left: 170px; background-color: #c9e9e5; height: 110px; background-repeat: no-repeat; background-image: url(http://www.life.uiuc.edu/plantbio/images/PlantBioTitle.jpg);}
#banner a:link, #banner a:visited {margin: 0px; padding: 0px; font-weight: normal;}
#banner a:hover { margin: 0px; padding: 0px; text-decoration: underline;  font-weight: normal;}

#banner #logo a {background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; display: block; height: 34px; width: 26px; float: right; margin-top: 15px; margin-right: 10px; margin-bottom: 0; padding-bottom: 0;}
#banner #logo a:link, #banner #logo a:visited {background-image: url(../images/blacklogo.gif);}
#banner #logo a:hover, #banner #logo a:active {background-image: url(../images/blacklogo.gif);}
#banner #logo a span {display: none;}

#banner #school {
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	font-size: 10pt;
	text-align: justify;
}
#banner #department {display: none;}
#banner #college {
	float: left;
	margin-left: 10px;
	margin-top: 55px;
	font-size: 10pt;
	text-align: justify;
	clear:left;
}
#banner #university {
	float: right;
	margin-right: -28px;
	margin-left: 28px;
	margin-top: 42px;
	font-size: 10pt;
	text-align: right;
}


#banner #school a:link, #banner #school a:visited {margin: 0px; padding: 0px; font-weight: normal; text-decoration: none; color: #444444;}
#banner #school a:hover { margin: 0px; padding: 0px; text-decoration: underline;  font-weight: normal;}
#banner #university a:link, #banner #university a:visited {margin: 0px; padding: 0px; font-weight: normal; text-decoration: none; color: #444444;}
#banner #university a:hover { margin: 0px; padding: 0px; text-decoration: underline;  font-weight: normal;}
#banner #college a:link, #banner #college a:visited {margin: 0px; padding: 0px; font-weight: normal; text-decoration: none; color: #444444;}
#banner #college a:hover { margin: 0px; padding: 0px; text-decoration: underline;  font-weight: normal;}

#banner img {float: right; height: 92px; clear: left; margin: 7px; border: 2px solid #B0B0B0;}

/* The green color in the sidebar image is #5F7956 and not #5e7b51 */

/*#navigation {background-color: #5e7b51; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ededed; background-image: url(http://www.life.uiuc.edu/plantbio/images/LeftWalltj04.jpg); background-repeat: no-repeat; background-position: right top; line-height: 1.4em;}*/

#navigation {background-color: #5F7956; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ededed; background-image: url(http://www.life.uiuc.edu/plantbio/images/LeftWalltj04.jpg); background-repeat: no-repeat; background-position: right top; line-height: 1.4em;}



#navigation a {display: block; text-indent: -10px; padding-left: 35px; font-size: 100%;}
#navigation a:link {color: #ededed; text-decoration: none;}
#navigation a:visited {color: #ededed;  text-decoration: none;}
#navigation a:hover {color: #ededed; text-decoration: underline;}

/**#navigation {width: 170px; padding: 0px; margin: 0px; padding-top: 110px; margin-top: -110px; float: left; padding-bottom: 20000px; margin-bottom: -20000px;}**/
#navigation {width: 170px; padding: 0px; margin: 0px; padding-top: 110px; margin-top: -110px; float: left; padding-bottom:100%; margin-bottom: -100%;}
#navigation ul {list-style-type: none; padding: 0; margin: 0;}
#navigation li {margin: 0px;  }

#navigation p { font-size: 80%; line-height: 1.4em; padding: .5em;}

#FirstItem { color: #ededed; font-weight: bold; padding-left: 0px; }
#FirstItem a {padding-left: 10px; font-weight: bold;}

#coming-soon {color: #999999;}
#coming-soon a {}
#coming-soon a:link {color: #999999;}
#coming-soon a:visited {color: #999999;}
#coming-soon a:hover {color: #999999;}

.navblock {padding: 10px; padding-left: 15px; padding-top: 0; padding-bottom: 0;}

#giving li { padding: 5px 10px; margin: 0px; background-color: #fafad2; color: #333333}
#giving a:link { font-weight: strong; color: #333333;}
#giving a:visited { font-weight: strong; color: #333333;}
#giving a:hover  { font-weight: strong; color: #333333;}

.subuls{
width: 170px; 
padding: 0px; 
margin: 0px;
font-family: Arial, Helvetica, sans-serif;  
line-height: 1.25em;
border-width: 1px; 
border-style: solid; 
display: none;
/*
position: absolute;
*/
top: 1.2em;
left: 0;
background-color: #5e7b51;

}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}



#left_menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
margin-left: 180px;
margin-top: -1.25em;
}

#left_menu li:hover>ul, li.over>ul { /* lists nested under hovered list items */
display: block;
}

#navigation #footer {  font-family: Verdana, Arial, Helvetica, sans-serif;}
#navigation #footer a:link { text-decoration: none}
#navigation #footer a:visited { text-decoration: none}
#navigation #footer a:hover { text-decoration: underline; font-weight: normal;}
#navigation #footer ul, p {margin: 0px; padding: 0px;}
#navigation #footer h2 {text-transform: uppercase;  font-weight: bold; font-size:90%; text-indent: -5px;}



#breadcrumbs {border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; border-color:#999999; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 10px; margin: 0px; background-color: #fafad2; color: #666666}
#breadcrumbs a:link { text-decoration: none; color: #000000;}
#breadcrumbs a:visited { text-decoration: none; color: #000000;}
#breadcrumbs a:hover  { text-decoration: underline; color: #000000; font-weight: normal;}



#footer {padding: 10px;}



#extra {width: 170px; float: right; padding: 1em;}


/*
* html #content { position: relative; }
*/

#content { margin-bottom: 0px; padding-right: 0px; padding-left: 0px;; padding-top: 0px; padding-bottom: 20px; background-color: #FFFFF6; width:680px; float: left; font-size: 90% }


#index_div {padding: 0; }


#top_menu {display: block; background-color: #fafad2;}
#top_menu div {background-color: #fafad2; color: #000000;}
#top_menu a:link, #top_menu a:visited { text-decoration: none; color: #000000; font-weight: normal;}
#top_menu a:hover { text-decoration: underline; color: #000000; font-weight: normal;}


#happenings {display: block; float: left; margin: 1em; color: #222222;}
#happenings p { border-bottom:1px dashed #DBD9D2; padding-bottom:1em; padding-top:1em; }
#happenings p #date {background-color: #d96207; color: #CCCCCC; font-weight: bold;}
#happenings p a:link, #happenings p a:visited, #happenings li a:link, #happenings li a:visited 
{ text-decoration: none;}
#happenings p a:hover, #happenings li a:hover { text-decoration: underline;}
#happenings a:link, #happenings a:visited
{ text-decoration: none;}
#happenings a:hover { text-decoration: underline;}

#tag, #tag:link, #tag:visited { text-decoration: none; color: #457D45; font-size: 100%;}
#tag:hover { text-decoration: underline; color: #457D45; font-size: 100%;}

#tableOfContents li, #tableOfContents ul {margin: 0;}


table {border-spacing: 0pt;}

td {padding: .3em;}
td a:link, td a:visited {text-decoration: none; font-weight: normal;}
td a:hover {text-decoration: underline; font-weight: normal;}



h1 { font-size: 200%; font-weight: bold;  margin-bottom:.5em; margin-top:0em; text-transform: none; line-height: 1.25em;}
h1 a:link { text-decoration: none}
h1 a:visited {text-decoration: none}
h1 a:hover { text-decoration: underline}

h2 { font-size: 150%; font-weight: bold;  margin-bottom:.3em; margin-top:.5em; text-transform: none; }
h2 a:link { text-decoration: none}
h2 a:visited {text-decoration: none}
h2 a:hover {text-decoration: underline}

h3 { font-size: 125%; font-weight: bold;  margin-bottom:0em; margin-top:0px; text-transform: none; }
h3 a:link { text-decoration: none}
h3 a:visited {text-decoration: none}
h3 a:hover { text-decoration: underline}



li {margin: 0em 0em .5em 1em; } /* top, right, bottom, left */ 

ol {margin-top:0px; margin-bottom:10px;}


.search { text-decoration: none}

.searchBox {width:120px; margin: 0px; padding: 0px;}

.sidebar {}



.copyright {font-size: 90%; padding-top: 5px;}
