/* 
	Eric Meyer's Reset 
	Autor URL: http://meyerweb.com/ 
	File URL: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	Description: attempts to iron out some of the inconsistencies across browsers
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
	tools
*/

.clear { clear: both; line-height: 0; height: 0; }
.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 15px; margin-bottom: 5px; }
.alignright { float: right; margin-left: 15px; margin-bottom: 5px; }

/*
	general
*/

em { font-style: italic; }
strong { font-weight: bold; }
a, a img { text-decoration: none; border: none; }

a { color: #7B3100; }

a:hover { color: #35291C; text-decoration: underline; }

p { line-height: 1.5em; padding-bottom: 1em; }

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, sans-serif; font-weight: bold; 
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

blockquote {}
	
textarea {}

body {
	font-family: "Gill Sans", "Gill Sans MT", sans-serif;
	text-align: center; background: #2A2015;
}

#container { width: 900px; margin: 0 auto; background: #35291C; text-align: center; padding-top: 20px; }

#top { position: relative; width: 850px; height: 55px; background: url(img/top-bg.jpg) 0 0 no-repeat; margin: 0 auto; }
	
	#wordmark { position: absolute; top: 10px; left: 70px; }
	
	#logo { position: absolute; top: -25px; left: 500px; }
	
#header .middle { height: 110px !important; border: none !important; padding-bottom: 0; }



/* nav */

#nav-wrap { position: relative; margin-left: 31px; padding-bottom:1px; }

#nav {  margin: 0 auto; }

#nav a { 
	font-family: "Gill Sans", "Gill Sans MT", sans-serif; color: #FF6; 
	display: inline-block; height: 37px; line-height: 37px;
}

#nav li {
	float:left; position: relative; height: 37px; background: #CCC; cursor: pointer;
}

#nav li ul { position: absolute; top: 35px; left: 0; }

/* #nav li:hover > ul { display: block; } */

#nav li ul li { 
	display: block; width: 112px; text-align: left; height: 35px; background: #493F34; 
	padding-left: 15px; padding-right: 15px; cursor: pointer;
	line-height:35px; font-family:"Gill Sans", "Gill Sans MT", Arial, sans-serif; font-size:12px; color:#FFFFFF;
}

#nav li ul li:hover { background: #2A2015; }

#nav li ul li:hover > a { color: #FF9 !important; }

#nav li ul li a { color: #FFF; }

#nav li ul li a:hover { text-decoration: none !important; }

	#nav-home { width:88px; background:url(img/nav/home.jpg) 0 -1px !important; }
	#nav-home:hover { background:url(img/nav/home.jpg) 0 41px !important; }
	
	#nav-about { width:142px; background:url(img/nav/about.jpg) 0 -1px !important; }
	#nav-about:hover { background:url(img/nav/about.jpg) 0 41px !important; }
	
	#nav-ami { width:142px; background:url(img/nav/ami.jpg) 0 0 !important; }
	#nav-ami:hover { background:url(img/nav/ami.jpg) 0 42px !important; }
	
	#nav-news { width:124px; background:url(img/nav/press.jpg) 0 0 !important; }
	#nav-news:hover { background:url(img/nav/press.jpg) 0 42px !important; }
	
	#nav-publications { width:110px; background:url(img/nav/publications.jpg) 0 0 !important; }
	#nav-publications:hover { background:url(img/nav/publications.jpg) 0 42px !important; }
	
	#nav-links { width:182px; background:url(img/nav/links.jpg) 0 0 !important; }
	#nav-links:hover { background:url(img/nav/links.jpg) 0 42px !important; }
	
	.nav-bottom { 
		padding: 0 !important; margin: 0 !important; 
		width: 142px; height: 14px !important; line-height: 14px !important; 
		position: relative;
	}
	
	.nav-botom img { position: absolute; top: 0; left: 0; }

/* content */

.middle { 
	position: relative; width: 850px; height: auto; 
	background: url(img/middle-bg.jpg) 0 0 repeat-y; margin: 0 auto; 
	border-bottom: 1px solid #CCC; padding-bottom: 20px;
}

.padding { padding: 20px 20px 10px 20px; }

#content { 
	-moz-border-radius: 25px 0 25px 20px; -webkit-border-radius: 25px 0 25px 20px; text-align: left;
	float: right; width: 590px; border: 1px solid #CCC;  margin-top: 20px; margin-right: 31px; 
}
	#content p { 
		font-size: 15px; font-family: Garamond, "Times New Roman", serif; color: #35291C; line-height: 1.3em;
		padding-bottom: 10px; 
	}
	
	#content h2 { color: #35291C; font-size: 21px; font-weight: bold; padding-bottom: 12px;  }
	
	#content h3 { color: #7B3100; font-size: 17px; font-weight: bold; padding-bottom: 11px;  }
	
#content-full { 
	-moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: left;
	 border: 1px solid #CCC; margin:20px auto; width: 786px;
}
	#content-full p { 
		font-size: 15px; font-family: Garamond, "Times New Roman", serif; color: #35291C; line-height: 1.3em;
		padding-bottom: 10px; 
	}
	
	#content-full h2 { color: #35291C; font-size: 21px; font-weight: bold; padding-bottom: 12px;  }
	
	#content-full h3 { color: #7B3100; font-size: 15px; font-weight: bold; padding-bottom: 11px;  }
	
	#content-full .col50 { float:left; width:50%; padding-bottom: 8px; }
	
	#content ol li, #content-full ol li { 
		font-family: Garamond, Times serif !important;
		list-style:decimal !important; margin-left: 30px; }

	#video-links { padding-bottom: 15px;}

	#video-links li { display: inline; margin-right: 20px;  }

/* sidebar */

#sidebar { 
	float: left; width: 195px; min-height: 100px; margin-left: 30px; margin-top: 40px; 
}

#sidebar-menu { 
	-moz-border-radius-topleft: 25px; -moz-border-radius-bottomleft: 25px; 
	-webkit-border-radius-top-left: 25px; -webkit-border-radius-bottom-left: 25px; 
	width: 195px; border: 1px solid #CCC; min-height: 100px;
	font-family: Garamond,"Times New Roman",serif; line-height: 19px; color: #35291C; font-size: 15px;
	margin-top: 20px; text-align: left;
}

#sidebar-menu h3 { padding-bottom: 7px; } 

/* bottom */

#bottom { 
	padding-bottom: 20px;
	height: 141px; width: 850px; margin: 0 auto; background: url(img/bottom-bg.jpg) 0 0 no-repeat; 
}
	#logo-footer { float: left; margin-left: 30px; margin-top: 22px; }

	#text-footer { 
		color: #666; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.4em;  
		text-align: left; padding-top: 30px; margin-left: 30px; float: left;
	}

#signature { font-size: 14px; padding-bottom: 10px;  }

#signature a { color: #FFC; } #signature a:hover { color: #FF6; text-decoration: none;  }


/*** homepage ***/

#home-right { 
	width: 285px; float: left; text-align: left; border: 1px solid #CCC; 
	-moz-border-radius: 30px 30px 20px 20px; -webkit-border-radius: 30px;	
	font-family: Garamond,"Times New Roman",serif; line-height: 19px; color: #35291C; font-size: 15px;
	margin-top: -120px; padding-top: 10px; margin-left: -15px;
	position: relative; padding-bottom: 20px; text-align:center;
}
	#home-right h2 { padding-bottom: 10px; }
	
	#home-right h2, #home-right p { text-align:left; }

#home-left { width: 554px; float: left; text-align: center; }

#home-about, #home-ami, #home-news, #home-publications { 
	width: 200px; height: 200px; float: left; overflow: hidden;  
	cursor: pointer;
}

#home-news { width: 257px; margin-left: 30px; }

#home-about { background: url(../img/home/about.jpg) 0 0; margin: -25px 0 15px 58px; }

#home-about:hover { background: url(../img/home/about.jpg) 0 200px; }

#home-ami { background: url(../img/home/ami.jpg) 0 0; margin: -25px 0 15px 49px;  }

#home-ami:hover { background: url(../img/home/ami.jpg) 0 200px; }

#home-news { background: url(../img/home/news.jpg) 0 0; }

#home-news:hover { background: url(../img/home/news.jpg) 0 200px; margin-bottom: 20px; }

#home-publications { background: url(../img/home/publications.jpg) 0 0; margin-left: 20px; margin-bottom: 20px; }

#home-publications:hover { background: url(../img/home/publications.jpg) 0 200px; }


#home-links-p { position: relative; }

#home-links { 
	width: 212px; background: url(../img/home/links.png) 0 0; height: 212px; overflow: hidden; 
	position: absolute; left: 90px; bottom: -155px; cursor: pointer;
}

#home-links:hover { background: url(../img/home/links.png) 0 212px; } 

/*** custom buttons ***/

.exp-videos {
	overflow: hidden; width: 167px; height: 78px; background: url(../img/icons/exp-videos.jpg) 0 0;
	margin: 0 auto; cursor: pointer;
}

.exp-videos:hover { background: url(../img/icons/exp-videos.jpg) 0 78px; }

.primate-videos {
	overflow: hidden; width: 167px; height: 78px; background: url(../img/icons/primate-videos.jpg) 0 0;
	margin: 0 auto; cursor: pointer;
}

.primate-videos:hover { background: url(../img/icons/primate-videos.jpg) 0 78px; }

.child-videos {
	overflow: hidden; width: 167px; height: 78px; background: url(../img/icons/child-videos.jpg) 0 0;
	margin: 0 auto; cursor: pointer;
}

.child-videos:hover { background: url(../img/icons/child-videos.jpg) 0 78px; }

/*** announce ***/

#announce { width: 100%; background: #000; color: #FFF; text-align: center; height: 40px; }

#announce div { width: 900px; margin: 0 auto; height: auto; line-height: 40px; }

#announce div p { line-height: 40px; }


/* bnav */

#bnav { padding-bottom:10px; }

#bnav li { display: inline; background: none; margin-left:6px; margin-right:6px;  }

#bnav li a { color: #FFF; }

#content p.pdf, p.pdf a { line-height:50px; vertical-align:middle; font-family: "Gill Sans", "Gill Sans MT", sans-serif !important; }

p.pdf img { vertical-align:middle; padding-right:10px !important; }