body {

	background-image: url('../Images/bg_grad.jpg');
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
}


#PageWrapper
{background-color: #D6DBB0;
    width: 900px;
    border-style:solid;
    border-width:1px;
    border-color:Black;
    margin-left:auto;
    margin-right:auto;   
}



#Header
{
    background-color:#f8efc5;
    width: 900px;
    height: 80px;
    
}

#Header img
{
    padding: 0px;
    margin: 0px;
}

#Header a
{
padding: 0px;
}

 .HeaderLink
{
    /* The HeaderLinks are nested in the #Header*/
    display: inline;
    border-spacing: 0px;
    border-collapse: collapse;
}


#HeadLinks
{
/* The HeadLinks are the college required links that appear below the header */
    background-color: #F8EFC5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    height: 20px;
    width: 900px;
    padding-bottom: 5px;
}

#HeadLinks a
{
    color: #AA800E;
    font-weight: bold;
    padding-right: 20px;
  
}


/*Menu Styles*/

#MenuWrapper
{
    width: 900px;
    height: 30px;
    border-bottom-style: solid;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-top-width: 1px;
    border-bottom-color: #ffcc33;
    border-top-color: #ffcc33;
    background-color: #074907;
    padding-top: 10px;
}

#MenuWrapper a
{
    /*Links in the Menu are white*/
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 65px;
    padding-left: 20px;
    
}

#MenuWrapper a:hover
{
color: #f8efc5;
}


#GPWrapper
{
    width: 900px;
    height: 150px;
    padding-top: 10px;
}

#GPWrapper a
{
    padding: none;
    
    
}

#GPWrapper img
{
    padding: 0px;
    margin: 0px;
}

/*MainContent Styles*/

#MainContent
{
    /*The main content area has a minimum height of 500pixels, but can grow if necessary*/
   
    text-align: left;
    float: left;
    width: 700px;
    min-height: 850px;
    background-color:White;
    
    }
    
        
#MainContent h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:175%;
	color: Black;
	padding: 20px 5px 5px 20px;
}

#MainContent h2     
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 130%; 
	color: #000000; 
	text-align: left;
	padding: 10px 5px 5px 20px;
	border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #666666;
}

#MainContent h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 115%;
	color: #aa800e;
	display:block;
	background-color: #F8EFC5;
	background-position: center;
	text-align: center;
	border-top: thin solid #336600;
	border-right: thin solid #F8EFC5;
	border-bottom: thin solid #F8EFC5;
	border-left: thin solid #F8EFC5;
}
	
#MainContent h4 
{
    font-family: Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size: 100%;
    color:#336633;
    padding: 10px 5px 5px 20px;
}	

#MainContent a 
{
	color: #006633;
	text-decoration: underline;
	font-size: 100%;
	
}

#MainContent a:visited 	  
{
	color: #006633;
	text-decoration: underline;
	font-size: 100%;
}

#MainContent a:hover
{
	text-decoration: none;
	color:#009933;
}


#MainContent p
{
    font-family:Arial, Helvetica, sans-serif;
    padding: 5px 5px 5px 20px;
}


#MainContent td
{
    padding: 5px 5px 10px 30px;
    
}

/* Graduate Research Progam pages styles */


#Progs
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    color: #006600;
   
}
#Progs a
{
    text-decoration: none;
    font-size: large;
    font-weight: bold;
}
  


#Progs a:hover
{
    background-color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    color: Gray;
    text-decoration: none;
}


#Progs table
{
    width: 700px;
    background-image: url(     '../Images/bg-resprogs.jpg' );
    background-repeat: no-repeat;
    
}

#Progs td
{
    padding: 5px 5px 5px 5px;
    text-align: center;
}

#Progs td:hover
{
background-color:#eee;
}




.indpeep 
{
margin-left: 40px;
}

.indpeep a
{
font-weight: bold;
}
.peeps
{
    width: 350px;
    font-size: medium;
    float:left;
}

.peeps a
{
 font-weight:bold;
}


.prgpic
{
float:right;
padding: 10px 20px 10px 5px;
}

 /* next style section */
    
.alert { 
    color: #FF0000; font-weight: bold;
    }
    
.grayimp
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: Gray;
}
    

.intro
{
    margin: 25px 25px 25px 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    text-align: left;
    padding: 0px;
}

.important {color:#FF0000; font-size:x-large; font-weight:bold;}

.impunder
{
    font-size: large;
    text-decoration: underline;
    font-weight: bold;
}


.tealimp
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #008080;
}

.grnimp
{
    border-style: none none solid none;
    border-width: thin;
    border-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: bold;
    color: #006600;
}

.sml
{
font-size: small;
}



#Grad p
{padding: 10px;}

#Grad ol li
{padding: 10px 10px 10px 10px;}

.grbig
{ font-size: x-large;
font-weight: bold;
}

.gremph
{
    font-weight: bold;
    text-decoration: underline;
}


.grimportant
{
    border: thin ridge #FF0000;
    color: #FF0000;
    font-size: xx-large;
    font-weight: bold;
    text-align: center;
    padding: 0px 20px 0px 20px;
    margin-right: 20px;
    margin-left: 20px;
}

.grinternat
{ font-size:x-large;
 color:Purple;
 font-weight: bold;
 }
 
.grital
{
    padding: 0px 20px 10px 20px;
    font-style: italic;
    font-size: small;
    text-align: center;
    color:Gray;
}

 
 
.gruscit
{ font-size:x-large;
 color:Red;
 font-weight: bold;
 }
 
 

.xtralg {font-size:x-large; font-weight:bold; text-align:center;}

.topics {background-color:#FFFFCC;}

.pandt {background-color:#CCFFFF;}

.semtitle {font-size:large; font-weight:bold;}

.faculty {font-size: large; font-weight: bold;} 

.clearfloat 
{ clear:both;
 }


.indent1
{ margin-left: 40px;
}


.pic
{
    text-align: center;
}


.lft
{ float: left;}

.lftspace
{
float: left;
padding: 5px;

}

.lftspacebig
{
float: left;
padding: 20px;
}

.smspace
{
padding: 10px;
}


.space
{
    margin: 20px;
    
    
}

.rt
{ float:right;}

.rtspace
{
float:right;
padding:10px;
}


#Spotlight
{
/*Items on the left side of the main content area*/
    width: 300px;
    float: left;
    }
    
#Spotlight ol li
{
    padding: 0px 0px 20px 0px;
}

.Story p
{
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 5px;
    font-size: 90%;
    
}

.Story p:hover
{
    background-color: #eee;
}



.Story h2     
{
    border-bottom: thin solid #666666;
    font-family: Arial, Helvetica, sans-serif;
	    font-size: 130%; 
	    color:#000000; 
	    text-align: left;
	width: 200px;
}

.Story ul
{   padding: 0px 0px 0px 20px;
    font-family: Arial, Helvetica, Sans-Serif ;
    font-size: 90%;
}


.Lftside p
{
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 5px;
    font-size: 90%;
    
}



.Lftside h2     
{
    border-bottom: thin solid #666666;
    font-family: Arial, Helvetica, sans-serif;
	    font-size: 130%; 
	    color:#000000; 
	    text-align: left;
	width: 200px;
}

.Lftside ul
{   padding: 0px 0px 0px 20px;
    font-family: Arial, Helvetica, Sans-Serif ;
    font-size: 90%;
}





#Highlights
{
    /*Items on the right side of the main content area*/
    width: 400px;
    float: right;
    }

#Highlights p
{
padding:0px 10px 0px 10px;

}

#Highlights ul li
{
padding: 0px 10px 10px 0px;

}



#Highlights ol li
{
    padding: 0px 0px 20px 0px;
}

.Events p
{
    width: 250px;
    font-family: Arial, Helvetica, Sans-Serif ;
    padding: 5px;
    font-size: 90%;
}

.Events p:hover
{
    background-color: #eee;
}

.Events h2     
{
    border-bottom: thin solid #666666;
    font-family: Arial, Helvetica, sans-serif;
	    font-size: 130%; 
	    color: #000000; 
	    text-align: left;
	width: 263px;
}

.Events ul
{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 20px;
}

.Rtside p
{
    font-family: Arial, Helvetica, Sans-Serif ;
    padding: 5px;
    font-size: 90%;
}



.Rtside h2     
{
    border-bottom: thin solid #666666;
    font-family: Arial, Helvetica, sans-serif;
	    font-size: 130%; 
	    color: #000000; 
	    text-align: left;
	width: 263px;
}

.Rtside ul
{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 20px;
}


#Footer
{
    padding: 5px 10px 5px 10px;
    background-color: #D6DBB0;
    width: 800px;
    clear: both;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    border-top:solid 1px black;
}

#Footer a
{
color: #AA800E;
}




.cntr
{
    text-align: center;
}

.dte
{ font-family: 'Times New Roman', Times, serif; 
font-size: medium; 
font-style: italic; 
color: #808080; 
text-align:right;
border-top: solid 1px Gray;
   }

.title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight:bold;
	color: #000000;
	text-align:center;
	}


.address
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
}


.nodecor img
{
 /* defines the appearance of hyperlinks without text decoration for use with images*/
    padding: 0px;
    margin: 0px;
    border-style: none;
}


.pict 
{
    padding: 5px;
    vertical-align: middle;
    
}







.goog
{ /*defines the appearance of the google search bar */
    background-color: #d6dbb0; }

 
#Sidebar
{
    background-color:#d6dbb0;
    width: 200px;
    float: left;
    height:inherit;
    
  
  }

    
#Sidebar h3
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 115%;
	color: #AA800E;
	display:block;
	background-color: #F8EFC5;
	background-position: center;
	text-align: center;
	border-top: thin solid #336600;
	border-right: thin solid #F8EFC5;
	border-bottom: thin solid #F8EFC5;
	border-left: thin solid #F8EFC5;
}   

.sidenav p
{
    /* defines appearance of sidebar paragraphs that have navigational links */
    background-color: #F8EFC5;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #074907;
    width: 200px;
    height: 30px;
    padding-top: 10px;
}

.sidenav a
{
/* defines the appearance of the sidebar navigational links*/

font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    text-transform: capitalize;
    color: #666666;
    text-decoration: none;
    }

.sidenav a:hover
{
/*defines the appearance of sidebar navigation links when hovered over*/
    color: #074907;
    font-size: medium;
    text-transform: capitalize;
    text-decoration: none;
    
}

.gpsidenav p
{
    /* defines appearance of sidebar paragraphs that have navigational links */
    background-color: #F8EFC5;
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #074907;
    width: 200px;
    min-height: 30px;
    padding-top: 10px;
    
}

.gpsidenav a
{
/* defines the appearance of the sidebar navigational links*/

font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    text-transform: capitalize;
    color: #666666;
    text-decoration: none;
    }

.gpsidenav a:hover
{
/*defines the appearance of sidebar navigation links when hovered over*/
    color: #074907;
    font-size: medium;
    text-transform: capitalize;
    text-decoration: none;
    
}


.sidecrumb p
{
    /* defines appearance of sidebar gift paragraph that have navigational links */
    background-color: #d6dbb0;
    width: 200px;
    height: 30px;
    padding-top: 10px;
}

.sidecrumb a
{
/* defines the appearance of the sidebar navigational links*/

font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    text-transform: capitalize;
    color: #000000;
    text-decoration: none;
    }
    
    .sidecrumb a:hover
{
/*defines the appearance of sidebar navigation links when hovered over*/
    color: #074907;
    font-size: medium;
    text-transform: capitalize;
    text-decoration: none;
    
}
    
 .sidetitle p
{
    /* defines appearance of sidebar paragraphs that have navigational links */
    background-color: #d6dbb0;
    font-weight:bold;
    font-size:large;
    width: 200px;
    height: 30px;
    padding-top: 10px;
}


.bullyellow 
{
list-style-image: url(~/Images/bullet_ylw.gif); 
vertical-align:bottom
}



.note
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:x-small;
    
}

/*graduate and microscopy seminar styles*/

.sem td
{
    padding: 2px;
    vertical-align: top;
   
}

.topics 
{
background-color:#FFFFCC;

}

.pandt 
{background-color:#CCFFFF;}

.semtitle 
{font-size:large; font-weight:bold;}