body {
	padding: 0;
	margin: 0;
}


.edit {
	color: #f30;
	font-weight: bold;
}



/* General Styles
------------------------------------------------------------------- */
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-variant: underline;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-variant: underline;

}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-variant: underline;
	background-color: #d9e1e8;
}


td {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-variant: normal;

}

h1 { display: none; }


h2, h3, h4, h5, h6 {
	color: #013467;
	font-weight: normal;
	font-family: Arial, serif;
	margin: 2px 0 4px;
}



	h2 a, h3 a, h4 a, h5 a, h6 a {
		text-decoration: none;
	}

	h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: none;
	}
	
	
hr {
	border: 0px solid;
	border-bottom: 1px solid #e1dfec;
	margin: 30px 0 20px 0;
	height: 1px;
}

/* Main Content (mcontent)
------------------------------------------------------------------- */
#mcontent {
	color: #036;
	font-size: 12px;
	padding: 0 10px;
	width: 400px;
}

	#mcontent h2 { font-size: 24px; }
	#mcontent .subhead { font-style: italic; }
	#mcontent h4 {font-size: 18px; border-bottom: 1px solid #97aec2;}
	
	
	#mcontent .half-wrapper h3 {
		color: #013467;
		font-size: 14px;
		margin-top: 10px;
		padding: 0;
		background-color: #fff;
		border: none;
	}
	
	#mcontent .half-wrapper h4 {
		font-size: 12px;
		border: none;
	}


	#mcontent h3, #mcontent h3.portal-feature {
		color: #fff;
		padding: 5px 0 3px 10px;
		background-color: #97aec2;
		border: 1px solid #8ea0bc;
		font-size: 16px;
	}
	
	


		#mcontent h3 em {
			margin-left: 10px;
			font-style: normal;
			font-size: 12px;
		}

#mcontent .intro {
	color: #669;
	font-size: 18px;
	line-height: 18px;
}

#mcontent .notice, #sidepanel .notice {
	color: #000;
	background: #f3d2d2;
	padding: 5px;
}

#mcontent ul li {
	padding-bottom: 15px;
}


ul.pdf li, a.pdf {
	background: url(/academic/biology/img/icon-pdf-blue.gif) no-repeat center left;
	padding: 10px 0 0 40px;
	list-style: none;
}

	a.pdf { padding: 10px 0 10px 40px; }



/* Sidepanel
------------------------------------------------------------------- */

#sidepanel {
	color: #333;
	font-size: 11px;
	width: 210px;
}

/* Secondary Navigation
------------------------------------------------------------------- */
ul#secondarynav {
	font-size: 10px;
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
	width: 210px;
}
	
	ul#secondarynav li {
		margin: 0;
		padding: 0;
	}

	ul#secondarynav li a {
		display: block;
		color: #013467;
		padding: 5px 5px 5px 15px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e0e0eb;
		background: #fff;
		text-decoration: none;
	}

	ul#secondarynav li a:hover, ul#secondarynav li.current a, ul#secondarynav li ul li a.active {
		color: #fff;
		background: #99aec2;
		padding: 5px 5px 5px 15px;
		text-decoration: none;
		border-top: 1px solid #879bb6;
		border-bottom: 1px solid #879bb6;
	}
	
	/* 3rd level */
	ul#secondarynav li ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
		ul#secondarynav li ul li a {
			background: #f5f4f9;
			margin-left: 20px;
		}
		
	



/* Top Nav - Hope College styles 
------------------------------------------------------------------- */
.topnav {
	color: #fff;
	font-size: 9px;
	padding-right: 20px;
}
.topnav a {
	color: #fff;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	}
.topnav a:hover {
	color: #fff; 
	font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
	background: #669;
	text-decoration: underline; 
	}

/* Side Nav & Footer - Hope College styles 
------------------------------------------------------------------- */

#hope-nav { background: #669; }

#hope-nav tr td.bullet { 
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: #669; 
	}
#hope-nav a {text-decoration: none; font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color: #FFFFFF}
#hope-nav a:visited {text-decoration: none; font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color: #FFFFFF}
#hope-nav a:hover {text-decoration: underline; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color: #FFFFFF; background-color: #666699;}

#footer {
	color: #003366;
	padding-top: 20px;
	text-align: center;
}

	#footer a {
		color: #000;
		background: #fff;
	}

	#footer a:hover {
		color: #f60;
		background: #fff;
	}

/* Half Columns
------------------------------------------------------------------- */
.half-wrapper {
	clear: both;
	overflow: hidden;
	width: 99%;
}


.first-half, .second-half {
	width: 190px;
	margin: 10px 0;
}

	.first-half {
		float: left;
	}

	.second-half {
		float: right;
	}

		.first-half p, .second-half p {
			padding-right: 35px;
		}
	
/* Image Styles
------------------------------------------------------------------- */
.image-right, .image-left {
	overflow: hidden;
	position:relative;
	display: block;
	overflow: hidden;
}
	.image-right {
		clear: left;
		float: right;
	}
	.image-left {
		clear: right;
		float: left;
	}
	
.image-right, .caption-right {	
	margin-left: 15px;
	margin-right: 5px;
}

.image-left, .caption-left {
	margin-left: 0;
	margin-right: 15px;
}
	
.caption-left, .caption-right {
	color: #7b7ba9;
	background-color: #f5f5f8;
	display: block;
	width: 200px;
	padding: 2px 0;
	margin-top: 5px;
	font-size: 10px;
	font-style: italic;
	clear: both;
}

	.caption-small { width: 150px; }
	
	.caption-left {
		padding-left: 2%;
		border-left: 8px solid #cbcadd;
		text-align: left;
		float: left;
	}
	
	.caption-right {
		padding-right: 2%;
		border-right: 8px solid #cbcadd;
		text-align: right;
		float: right;
	}

	.border {
		border: 5px solid #E4E4E4;
	}

	img {
		border: none;
	}
	
img.shadow, .inline-image-left img, .inline-image-right img {
	color: #cac9dc;
	padding: 2px;
	border: 1px solid;
}

/* Faculty Staff
------------------------------------------------------------------- */

.faculty-staff-member h4 {
	font-size: 14px;
	margin-bottom: 0;
}

.faculty-staff-member em {
	margin: 0 0 8px 0;
	font-size: 11px;
	font-style: normal;
	display: block;
}

.faculty-staff-member img {
	float: left;
	margin-right: 15px;
}



/* Quick Links
------------------------------------------------------------------- */
#quick-links {
	margin: 30px 0 0 4px;
}

	#mcontent #quick-links h3 {
		color: #fffffd;
		background-color: #98b0c4;
		padding: 5px 5px 2px 10px;
		border-bottom: 5px solid #e0e7ed;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	/* Remove if not used */
	#quick-links h4 {
		padding-left: 10px;
		margin: 20px 0 5px 0;
		font-size: 12px;
		text-transform: uppercase;
	}
	
	#quick-links ul {
		list-style: none;
		padding: 0 0 0 10px;
		margin: 0;
	}	
		#quick-links ul li {
			padding: 0;
			margin-bottom: 2px;
		}

/* Opportunities
------------------------------------------------------------------- */
#opportunities .first-half, #opportunities .second-half {
	padding-bottom: 2000px;
	margin-bottom: -1980px;
}
	#opportunities .second-half {
		padding-top: 10px;
		padding-right: 8px;
		padding-left: 8px;
		width: 170px;
		background-color: #f6f7f9;
		border: 1px solid #e1e1eb;
	}
		
		#opportunities .second-half .first {
			margin-top: 0px;
		}
		
		#opportunities .first-half .first {
			margin-top: 11px;
		}

#opportunities h4 {
	font-weight: bold;
	margin: 10px 0;
}

#opportunities img {
	float: left;
	margin-right: 10px;
}

#opportunities span, #opportunities em {
	display: block;
}
	#opportunities em {
		font-size: 10px;
		margin-bottom: 20px;
	}

#opportunities .more {
	clear: both;
}

/* ON and OFF styles 
(used on opportunities and seminars/events)
------------------------------------------------------------------- */
.on, .off {
	color: #fff;
	width: 80px;
	padding: 1px;
	text-align: center;
	margin-top: 40px;
	font-size: 10px;
	text-transform: uppercase;
}

	.on { background-color: #ff6700; }
	.off { background-color: #003a70; }
	
	
	
	#seminars-events { margin-top: 20px; }
	#seminars-events ul { list-style: none; }
	
	#seminars-events .on, #seminars-events .off {
		float: left; 
		margin: 0 10px 0 0;
	}


/* Utility 
------------------------------------------------------------------- */

a.more, .more a {
	color: #23235d;
	font-weight: bold;
	background-color: #f5f5f8;
	border-left: 8px solid #cbcadd;
	padding: 2px 10px 2px 5px;
	text-decoration: none;
	font-size: 10px;
}
	a.more:hover, .more a:hover {
		color: #f60;
	}
	
	#sidepanel a.more {
		margin-bottom: 20px;
		display: block;
	}

.denoted {
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 0;
}


#mcontent .sub-feature {
	color: #68699c;
	background: #fff;
	padding: 0 0 5px 0;
	margin-top: 30px;
	border: none;
	border-bottom: 1px solid #e1dfec;
	font-size: 16px;
}

#mcontent ul.impulsive-nav {
	font-size: 10px;
	margin-bottom: 0;
	list-style: none;
	padding: 0;
	margin-left: 0;
}

	#mcontent ul.impulsive-nav li {
		padding: 0;
		margin-bottom: 5px;
	}
	
	.impulsive-nav li a {
		display: block;
		padding: 5px 0 10px 10px;
		color: #7b7ba9;
		background-color: #f5f5f8;
		border-right: 8px solid #cbcadd;
		text-decoration: none;
	}

/* Displayed on homepage. Not sold on the id name
------------------------------------------------------------------- */
#department-teaser {
	overflow: hidden;
	margin-bottom: 30px;
}

	#department-teaser h3 {
		font-size: 16px;
	}
		#department-teaser h3, #department-teaser p, #department-teaser .more {
			padding-left: 10px;
		}

	#department-teaser .more {
		display: block;
		clear: both;
		width: 100px;
		margin-top: 20px;
	}

	#department-teaser img {
		width: 100%;
		padding-bottom: 5px;
		border-bottom: 1px solid #e1dfec;
		margin-bottom: 10px;
	}

	#department-teaser ul {
		float: right;
		width: 150px;
		margin: 0 0 0 5px;
	}
	
	#department-teaser p {
		font-size: 10px;
		font-style: italic;
		margin-bottom: 10px;
	}