/***************************************
*		Global Styles                  *
***************************************/

/*  Sets all margins and padding to 0 */

* {
	padding: 0px;
	margin: 0px;
}

body{
	background-color: rgb(239, 233, 229);
	font-family: Arial, sans-serif;
}

/* The following rules define the style of the header*/
#header {
	border: 1px solid rgb(106,115,123);
	margin-top: .2em;
	box-shadow: 2px 3px 3px rgba(140, 140, 140, 1);
}

#banner {	
	/*padding: .1em 1em .1em 2em;*/
	background-color: white;
	text-align: center;
}

/* Navigation menu styles */
#navigation{
	background-color: rgb(121, 189,232);
	text-align: center;
}

ul.nav_menu {
	color: white;
}

.nav_menu li a.home_button {
	background-color: #852537;
}

.nav_menu li a.research_button {
	background-color: #D9000A;
}

.nav_menu li a.people_button {
	background-color: #FF6B13;
}

.nav_menu li a.publications_button {
	background-color: #3C9D24;
}

.nav_menu li a.parents_button {
	background-color: #1139CC;
}

.nav_menu li a.students_button {
	background-color: #70147B;
}

.nav_menu li a.directions_button {
	background-color: #C767BA;
}

.nav_menu li a.home_button:hover {
	background-color: #CF3A56;
}

.nav_menu li a.research_button:hover {
	background-color: #D9525F;
}

.nav_menu li a.people_button:hover {
	background-color: #FF9C1C;
}

.nav_menu li a.publications_button:hover {
	background-color: #5AC763;
}

.nav_menu li a.parents_button:hover {
	background-color: #119ECC;
}

.nav_menu li a.students_button:hover {
	background-color: #975EA6;
}

.nav_menu li a.directions_button:hover {
	background-color: #E094D2;
}

span.underline {
	border-bottom: .2em solid white;	
}

/* Styles for main content area*/
#main>p {
	margin: 0em 0em 1em;
}

#main>p.indent {
	margin: 0em 0em 1em .5em;
}

#main>p.outdent {
	text-indent: -2em;
	padding-left: 2em;
	padding-bottom: 0.5ex;
}

#main>h2 {
	margin: 0em 0em 1em;
	font-weight: normal;
	font-size: 1.2em;
	font-weight: bold;
	padding: .2em .5em;
}

h2.home_header {
	background-color: #852537;
	color: white;
}

h2.research_header {
	background-color: #D9000A;
	color: white;
}

h2.people_header {
	background-color: #FF6B13;
	color: white;
}

h2.publications_header {
	background-color: #3C9D24;
	color: white;
}

h2.parents_header {
	background-color: #1139CC;
	color: white;
}

h2.students_header {
	background-color: #70147B;
	color: white;
}

h2.directions_header {
	background-color: #C767BA;
	color: white;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .2em;
}

h3.special {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 135%;
	margin-bottom: .2em;
}

#main>div {
	margin: 0em 0em 1em;
}

#main>ul.plain_list {
	margin: 0em 0em 1em .5em;
	list-style-type: none;
}

/* Styles for publications page */
#main>div.bibentry {
	margin: 0em 0em 1em 2em;
	text-indent: -2em;
}

.title {
	font-style: italic;
}

/* The following rules define the styles for the homepage */

div.home_text p {
	font-size: 1.2em;
	padding-top: .4em;
	padding-bottom:.4em;
}

/* The following rules define the rules specific to the research page */

.topic{
	margin-bottom: 1em;
}

.topic_name {
	font-variant: small-caps;
	font-weight: bold;
}

.topic_description {
	margin-left:.5em;
}

#main div.image_right img {
	box-shadow: 2px 3px 3px rgb(140, 140, 140);
}

.caption {
	padding: .2em;
	font-size: smaller;
}

#main p.image_center {
	text-align: center;
}

#main p.image_center  img{
	box-shadow: 2px 3px 3px rgb(140, 140, 140);
}

/* Styles for people page */
div.bio {
	padding-bottom: 2em;
}

div.clear {
	clear: left;
}

div.clear_right {
	clear: right;
}

/* Styling for form */
div.new_unit {
	padding-top: .5em;
}

.explanation {
	font-style: italic;
}

.asterisk {
	color: red;
}

.sublabel {
	font-size: smaller;
	font-style: italic;
}

span.notification {
	color: red;
	margin-left: 1em;
}

input.submitButton {
	padding: .5em 2em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: .2em solid #1139CC;
	margin: 1em;
	background-color: white;
	color: #1139CC;
	font-weight: bold;
	box-shadow: 2px 3px 3px rgba(140, 140, 140, 1);
}

input.submitButton:hover{
	background-color: #F7FFDD;
	color: #1773E8;
}


/***************************************
*		Changing Styles                *
***************************************/

/* container for webpage */
#container {
	width: 60em;
	position: relative;
	margin-right: auto;
	margin-left: auto;	
}

/* Navigation menu styles */
#navigation{
	padding: 1em 4.8em 1em 5em;
}

.nav_menu li{
	display: inline-block;
	margin-right: .2em;
}

.nav_menu li a {
	padding: .5em;
	height: 100%;
	color: white;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: .5em;
}

/*The following rules define the style for the main content area*/

#main {
	position: relative;
	padding: 2em 6em 2em;
}

#main>ol {
	margin: 1em 3em;
	list-style-type: lower-latin;
	list-style-position: outside;
}

/* The following rules define the styles for the homepage */

div.home_text{
	float: left;
	width: 21em;
}

div.divider {
	border-bottom: .1em solid #852537;
	width: 70%;
	margin: 0em auto 1em;
}	

/* Styles for positioning of pictures */
div.home_container {
	min-height: 500px;
}

div.home_pics {
	float: right;
	position: relative;
	width: 22em;
}

.home1 {
	position: absolute;
	top: 0px;
	right: 200px;
}

.home2 {
	position: absolute;
	top: 150px;
	right:227px;
}

.home3 {
	position: absolute;
	top: 323px;
	right: 200px;
}

.home4 {
	position: absolute;
	right: 0px;
	top: 30px;
}

.home5 {
	position: absolute;
	right: 17px;
	top: 196px;
}

.home6 {
	position: absolute;
	right: 0px;
	top: 369px;
}


/* The following rules define the rules specific to the research page */

#main div.research_topics {
	padding-left: 5em;
	padding-right: 5em;
}

#main div.image_right {
	float: right;
	width: 309px;
	margin-right: 0em;
	margin-left: 1.5em;
	margin-bottom: 1em;	
}

/* Styles for people page */
 
.biopic {
	float: left;
	border: 1px solid #white;
	margin-bottom: 5px;
	box-shadow: 2px 3px 3px rgb(140, 140, 140);
}


div.bio div.bio_name {
	font-size: 1.05em;
	font-weight: bold;
	margin-left: 9.14em;
}

div.bio div.bio_position {
	font-size: 1.05em;
	font-style: italic;
	margin-left: 9.14em;
	margin-bottom: .5em;
}

div.bio div.bio_contact_info{
	margin-top: 1em;
	margin-left: 9.75em;
}

div.bio p {
	margin-left: 9.75em;
}


div.alum div.alum_name {
	font-weight: bold;
	margin-top: 2ex;
}
div.alum div.alum_position {
	font-style: italic;
	font-size: 90%;
	/* margin-bottom: 1ex; */
	margin-left: 1em;
}
div.alum p.alum_bio {
	font-size: 90%;
	margin-left: 1em;
}

/* Styles for directions page */
#main img.map {
	z-index: 10;
	float: right;
	border: 1px solid black;
	padding: 2px;
	margin-top:0em;
	margin-left: 2em;
	margin-right: 0em;
	margin-bottom: 2em;
	box-shadow: 2px 3px 3px rgb(140, 140, 140);
}

/* Styling for form */

#main div.contact_sidebar {
	font-size: .9em;
	float: right;
	width: 15em;
	margin-top: 1em;
	margin-right: 0em;
	background-color: white;
	border: 2px solid #1139CC;
	border-radius: 1em;
	padding: 1em;
}

#labForm {
	width: 32em;
	float: left;
}

.invisible {
	display: none;
}

.first-column {
	float: left;
	width: 8em;
	padding-right:.5em;
}

.second-column {
	float: left;
	width: 23em;
	padding-right:.5em;
}

/*The following rules define style of footer*/

#footer {
	padding-top: .5em;
	padding-left: -1em;
	margin-bottom: .5em;
	border: 1px solid rgb(106,115,123);
	background-color: white;
	color: black;
	box-shadow: 2px 3px 3px rgba(140, 140, 140, 1);
	overflow: hidden;
}

.updated {
	float: left;
	margin: .5em .5em;
	text-align: right;
	font-size: 75%;
}

.attribution {
	float: right;
	margin: .5em .5em;
	text-align: right;
	font-size: 75%;
}

.centered {
	width: 100%;
	text-align: center;
}