/*----------------------------------------------------------------------

Nylira LLC
Peng Zhong
http://nylira.com

----------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body { line-height:1.5; }
table {
	border-collapse:separate;
	border-spacing:0;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
hr { margin:0; }
img {vertical-align: top}
/*----------------------------------------------------------------------

T Y P O G R A P H Y

----------------------------------------------------------------------*/

body {
	font: 14px/1.5 Arial, sans-serif;
	color: rgb(51,51,51);
	background:#fff;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	margin-bottom: 1em;
}
h1, h2, h5, h6 { color:#9b2d23; }
h1 {
	font-size:2.5em;
	letter-spacing:-0.05em;
	text-align:center;
		margin-bottom: 0.5em;
}
h2 {
	font-size:1.7em;
	letter-spacing:-0.05em;
		margin-bottom: 0.5em;
}
h3 { font-size:1em; }
h4 { font-size:1.25em; line-height: 1.5em;}
h5 {
	font-size:1.5em;
	letter-spacing:-0.05em;
}
p { margin:0 0 1.5em; }
body.jeffblack p, body.jeffblack ul, body.jeffblack ol {
	font: 18px/1.5 Arial, sans-serif;
	
}


 .instructions-help {
    background-image: url('../images/info.png');
    background-position: 0 0;
	cursor: help;
    display: block;
    height: 13px;
    width: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
	


.tooltip{
    display: inline;
    position: relative;
}

	

.tooltip:hover:after{
    background: #fde8d7;
    border-radius: 5px;
    bottom: 26px;
    color: #000;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 200px;
	font-size:1em;
	
}



.tooltip:hover:before{
    border: solid;
    border-color: #fde8d7 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}




	
	
 }


body.jeffblack h4 { font-size:1.6em; line-height: 1.5em; color:#9b2d23;}
body.jeffblack h6 { float:left;	padding-left:15px;	margin-bottom:0; font-size:1.3em; line-height: 1.5em; color: rgb(51,51,51);}
table.jeffblack td
{
text-align: left;

}

table#jeffblack  th
{
text-align: center;
padding: 0 25px 0 5px;
}

table#jeffblack  td#td1
{
text-align: left;
padding: 0 25px 0 5px;
}

table#jeffblack  td#td2
{
vertical-align:center;
text-align:center;

}

table#jeffblack
{
font-weight: normal;
font-size: 18px;
width: 560px;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}


/*----------------------------------------------------------------------

L A Y O U T

----------------------------------------------------------------------*/

#hsuwrap { background:#472116; }
#hsu {
	width:760px;
	height:30px;
	margin:0 auto;
}
#hsu h1 {
	display:block;
	float:left;
	width:800px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:0;
}
#hsu h1 a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images2/hsu.png) no-repeat 30px 0;
}
#hsu h1 a:hover { background:url(../images2/hsu.png) no-repeat 30px -30px; }
#header-black {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-black.png) no-repeat center center;
	height:200px;
}
#header-bean {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-bean.png) no-repeat center center;
	height:200px;
}

#header-botzler {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-botzler.png) no-repeat center center;
	height:200px;
}
#header-brown {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-brown.png) no-repeat center center;
	height:200px;
}

#header-clucas {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-clucas.png) no-repeat center center;
	height:200px;
}


#header-colwell {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-colwell.png) no-repeat center center;
	height:200px;
}
#header-george {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-george.png) no-repeat center center;
	height:200px;
}
#header-golightly {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-golightly.png) no-repeat center center;
	height:200px;
}
#header-johnson {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-johnson.png) no-repeat center center;
	height:200px;
}
#header-kitchen {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-kitchen.png) no-repeat center center;
	height:200px;
}
#header-gunther {
	margin:0 auto;
	clear:both;
	display:block;
	background:#472116 url(../images2/header-gunther.png) no-repeat center center;
	height:200px;
}

/*----------------------------------------------------------------------

N A V I G A T I O N

----------------------------------------------------------------------*/

#navbg {
	background:url(../images2/nav-bg.png) repeat-x;
	height:70px;
}
#nav {
	width:760px;
	margin:0 auto;
}
#nav h1 {
	display:block;
	float:left;
	width:190px;
	height:70px;
	text-indent:-9999px;
	margin-bottom:0;
}
#nav h1 a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images2/nav-wildlife.png) no-repeat 20px 0;
}
#nav h1 a:hover { background:url(../images2/nav-wildlife.png) no-repeat 20px -70px; }
#nav ul {
	display:block;
	float:right;
	height:70px;
	list-style:none;
	background:url(../images2/nav-sprite.png) no-repeat 0 0;
	margin-right:10px;
}
#nav ul li {
	display:block;
	height:70px;
	float:left;
}
#nav ul li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#academics { width:97px; }
#students { width:78px; }
#faculty { width:65px; }
#alumni { width:67px; }
#facilities { width:73px; }
#contact { width:70px; }
li#academics a:hover { background:url(../images2/nav-sprite.png) no-repeat 0px -70px; }
li#students a:hover { background:url(../images2/nav-sprite.png) no-repeat -97px -70px; }
li#faculty a:hover { background:url(../images2/nav-sprite.png) no-repeat -175px -70px; }
li#alumni a:hover { background:url(../images2/nav-sprite.png) no-repeat -240px -70px; }
li#facilities a:hover { background:url(../images2/nav-sprite.png) no-repeat -307px -70px; }
li#contact a:hover { background:url(../images2/nav-sprite.png) no-repeat -380px -70px; }
#smallnav {
	width: 760px;
	margin: 0 auto;
}
#smallnav ul {
	float: left;
	margin: 105px 0 0 80px;
}
#smallnav ul li {
	display: block;
	float: left;
}
#smallnav ul li a {
	height: 25px;
	display: block;
	line-height: 25px;
	padding: 0 15px;
	background: rgb(114,86,77);
	color: rgb(255,255,255);
}
#smallnav ul li a:hover, #mainb #main a, #coursesb #courses a, #researchb #research a, #publicationsb #publications a, #vitaeb #vitae a, #graduateb #graduate a, #linksb #links a {
	background: rgb(190,160,130);
	color: #4b337c;
}
#wrapbg {
	background:#d3b196 url(../images2/footer_int.jpg) no-repeat top center;
	padding-top:20px;
}

/*----------------------------------------------------------------------

F A C U L T Y   S P E C I F I C

----------------------------------------------------------------------*/

#currentbig {
	background:url(../images2/currentbig-bg.png) repeat-x;
	height:130px;
}
#currentbigfaculty {
	width:600px;
	height:130px;
	margin:0 auto;
}
#currentbigfaculty h2 {
	float:left;
	padding:15px 0 0 15px;
	font-size:2.5em;
	margin-bottom:5px;
}
#currentbigfaculty h4 {
	float:left;
	padding-left:15px;
	margin-bottom:0;
}
#current {
	background:url(../images2/current-bg.png) repeat-x;
	height:60px;
}
#currentfaculty {
	width:600px;
	height:60px;
	margin:0 auto;
}
#currentfaculty h2 {
	float:left;
	padding:18px 0 0 10px;
}
#currentfaculty p {
	line-height: 18px !important;
	text-align:right;
	padding-top:12px;
}

#black-big {background:url(../images2/faculty/blackbw-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#black-small {background:url(../images2/faculty/blackbw-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#botzler-big {background:url(../images2/faculty/botzler-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#botzler-small {background:url(../images2/faculty/botzler-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#brown-big {background:url(../images2/faculty/brown-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#brown-small {background:url(../images2/faculty/brown-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#colwell-big {background:url(../images2/faculty/colwell-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#colwell-small {background:url(../images2/faculty/colwell-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#george-big {background:url(../images2/faculty/george-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#george-small {background:url(../images2/faculty/george-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#golightly-big {background:url(../images2/faculty/golightly-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#golightly-small {background:url(../images2/faculty/golightly-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#johnson-big {background:url(../images2/faculty/mjohnson-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#johnson-small {background:url(../images2/faculty/mjohnson-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#kitchen-big {background:url(../images2/faculty/kitchen-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left}
#kitchen-small {background:url(../images2/faculty/kitchen-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#gunther-big {background:url(../images2/faculty/gunther-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#gunther-small {background:url(../images2/faculty/gunther-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#clucas-big {background:url(../images2/faculty/clucas-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#clucas-small {background:url(../images2/faculty/clucas-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
#bean-big {background:url(../images2/faculty/tbean-big.jpg) no-repeat 0 0;height:130px;width:100px;float:left;}
#bean-small {background:url(../images2/faculty/tbean-small.jpg) no-repeat 0 0;height:60px;width:60px;float:left;}
/*----------------------------------------------------------------------

C O N T E N T

----------------------------------------------------------------------*/

#wrapper {
	clear:both;
	width:760px;
	margin:0 auto;
	overflow: hidden;
}
#content {
	margin:0px 80px 0px;
	padding:30px 0;
}
#content ul {
	margin:0 0 1.5em 2em;
	list-style:square;
}
#content ol { margin:0 0 1.5em 2em; }
.upper-alpha { list-style:upper-alpha; }
.lower-alpha { list-style:lower-alpha; }
.equation {
	display:block;
	margin-bottom:1.5em;
	padding:.5em;
	background:url(../images2/current-bg.png) repeat;
}
.inline { display:inline-block; }
#lightbar {
	height:23px;
	background:url(../images2/lightbar-bg.png) repeat-x;
	height:23px;
}
#darkbar {
	height:9px;
	background:#472116;
	margin-top:3px;
}
#footer {
	clear:both;
	height:auto;
	background:#D3B196;
}
#footer p {
	width:740px;
	margin:0 auto;
	padding:30px 30px 30px 0;
	text-align:right;
}
.clear { clear: both; }


#breadcrumb { margin-top:-20px; }

.right { float: right; margin: 0 0 0 1.5em; }
.r2 {clear: right}
.l2 {clear: left}
.left { float:left; margin: 0 1.5em 1.5em 0; }
.leftpdf { float:left; margin: 5px 1.8em 1.5em 0; }
.leftjb { float:left; margin: 5px 1.3em 1.5em 0; }

/* floats and images */
a.left, a.right {
	display: block;
	border:5px #e7d6cb solid;
}
img.left, img.right, img.center, .captioned, #content ul.gallery li {
	padding: 4px;
	background: rgb(255,255,255);
	border: 1px solid rgb(163,117,91);
}

img.leftpdf {
	padding: 4px;
	background: rgb(255,255,255);
	border: 1px solid rgb(163,117,91);
}


img.leftjb {
	padding: 0px;
	background: rgb(255,255,255);
	border: 1px solid rgb(163,117,91);
}
img.center {
	display:block;
	margin:1.5em auto 1.5em;
	clear:both;
}

.center {
margin-left: auto;
    margin-right: auto;
}


.captioned p, .gallery li p {
	font-size: 10px;
	background: #fff;
	margin: 0;
	padding: 4px 0 0;
}

#content ul.gallery {
	list-style:none;
	overflow: hidden;
	margin: 0 0 1.5em;
}
#content ul.gallery li {
	float: left;
	margin: 0 5px 5px 0;
}

#content p.jbpubs {
			text-align: left;
			font-size: 1.3em;
			padding-left: 65px; 
			}

a:focus, a:hover { color:#fff; 	border-color: #fff; }
a {
	color:#4b337c;
	text-decoration:none;
	font-weight:bold;
}

strong { font-weight:bold; }
em { font-style:italic;}
blockquote {
	quotes: "\201C" "\201D";
	margin-bottom:1.5em;
	padding:1em;
	background:url(../images2/current-bg.png) repeat;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*----------------------------------------------------------------------
T A B L E S
----------------------------------------------------------------------*/

table { margin-bottom:1.5em; }
td {
	border:1px #d3b196 solid;
	padding:.5em;
	background:url(../images2/current-bg.png) repeat;
	text-align:center;
}
.goose { width:100%; }
.goose td { text-align:left; }
.goose ol { margin-left:20px; }
.pics td { background:none; }
.pics img { border:5px #e7d6cb solid; }
.pics img:hover { border:5px #fff solid; }
.pics2 td { background:none; }
.pics2 img { border:5px #e7d6cb solid; }
.pics2 p {
	margin:0;
	font-size:.8em;
}

/*----------------------------------------------------------------------
JEFF BLACK
----------------------------------------------------------------------*/

/* slideshows */
.slideshow {
	float: right;
	margin: 0 0 1.5em 1.5em;
	background:url(../images2/current-bg.png) repeat;
	padding: 10px;
	border: 1px solid rgb(255,255,255);
}
/* data entry */
.data-entry {
	margin-left: 0 !important;
}
.data-entry li {
	list-style: none;
}
.data-entry li a {
	display:block;
	height: 28px;
	width: 270px;
	margin: 0 0 3px 0;
	background: rgba(255,255,255,.3);
	border: 1px solid #fff;
}
.data-entry li a img {
	border: 1px solid .000;
	float: left;
}
.data-entry li a span {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 28px;
	padding: 0 10px;
}
.data-entry li a:hover img { border-color: #fff; }
.data-entry li a:hover {
	background:#e7d6cb;
}
.data-entry.research {
	position: relative;
	top: 50px;
}

/* image links */
.image-link {
	display: block;
	border:5px #e7d6cb solid;
	position: relative;
}
.image-link h2 {
	font-weight: normal;
	color:#4b337c;
	padding: 5px 10px;
	background: #e7d6cb;
	background: rgba(255,255,255,.5);
	position: absolute;
	top: 0;
	right: 0;
}
.image-link p {
	height: 28px;
	font: bold 12px/28px Arial !important;
	position: absolute;
	bottom: 0;
	background: #e7d6cb;
	background: rgba(255,255,255,.5);
}
.image-link:hover { border-color: #fff; }
.image-link:hover h2 { color: #fff; }
.left {
	margin: 0 1.5em 1.5em 0;
	float: left;
}

/* jay image links */
.image-link.jay {
	width: 300px;
	height: 251px;
}
.image-link.jay p {width: 300px;}
.image-link.jay p img {
	float: left;
	margin: 0 10px;
}

/* geese image links */
.image-link.goose {
	width: 230px;
	height: 323px;
}
.image-link.goose h2 { background: rgba(0,0,0,.1)}
.image-link.goose p {
	width: 230px;
}
.image-link.goose p img {
	float: left;
	margin: 0 10px;
}

.extra {width:150px; margin: 0 1.5em 1.5em 1.5em;
	float: right;}

.jbbutton {
    background-color: #4CAF50;
    border: 1px solid black;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
   	border-radius: 5px;
}

.jbbutton:hover {
    background-color: #367D39;
 
}