/* css for this site studied at: http://www.csszengarden.com/ */
/* All graphics copyright 2009, Marie Bohusch - hetmana */
/* Last edited: August 27th, 2006 */

/* ---------- all ---------- */

* {
	padding: 0;
	margin: 0;
	}
body	{
	background: #eee url(corner.jpg) no-repeat top left; 
	color: #777;
	font: 12px/1.4em Arial, Tahoma, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4;
	}
.legend	{
	color: #666;
	font: 11px/1.3em Verdana, Tahoma, Arial, sans-serif;
	text-align: left;
	}

acronym {
  cursor: help;
	}
hr {
	background: #F1EEE6 url(hr-fleur.png) no-repeat scroll center;
	border-style: none;
	height: 20px
	}



/* ---------- div ---------- */

#border_g {
	padding: 0 2px;
	width: 766px !important;
  width /**/: 770px;
	margin: 0 auto;
	background: #eee url(page-bound1.gif) repeat-y;
	text-align: left;
  position: relative;
	}
#pagebody {
	padding: 0px 0px 0px 158px;
	width: 766px !important;
	width /**/: 770px;
	text-align: center;
	background: #C1BCA9 url(page-bound1.gif) repeat-y;
	}

#preamble, #maintext div {
	position:absolute;
	padding: 20px 20px 22px 20px;
	width: 572px !important;
	width /**/: 612px;
	background: #eee url(page-bound2.gif) repeat-y;
	left: 158px;
	top: 258px;
	}
#preamble {
	padding-top: 20px;
	padding-bottom: 40px;
	}
#maintext #suriname {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #venezuela {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #students {
	padding-top: 11px;
	}
#maintext #nam-zoo {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #appointments {
	padding-top: 11px;
	}
#maintext #courses {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #data1 {
	padding-top: 11px;
	}
#maintext #data2 {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #data3 {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #data4 {
	padding-top: 11px;
	padding-bottom: 10px;
	}
#maintext #footer {
	padding: 440px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	}
#maintext #footer_suriname {
	padding: 379px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	}
#maintext #footer_venezuela {
	padding: 10px 10px;
	padding-bottom: 0px;
	}
#maintext #footer_students {
	padding: 50px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	} 
#maintext #footer_nam-zoo {
	padding: 343px 50px;
	padding-bottom: 250px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	}
#maintext #footer_appointments {
	padding: 379px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	}
#maintext #footer_courses {
	padding: 50px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	}
#maintext #footer_data1 {
	padding: 544px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	}
#maintext #footer_data2 {
	padding: 369px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	} 
#maintext #footer_data3 {
	padding: 369px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	} 
#maintext #footer_data4 {
	padding: 369px 50px;
	padding-bottom: 0px;
	background: url() no-repeat 50% 80%;
	text-align: center;
	} 
#mainmenu {
	background: #eee url(page-bound1.gif) repeat-y;
	position: absolute;
	width: 158px !important;
	width /**/: 158px;
	top: 258px;
	left: 0px;
	font-size: 11px;
	line-height: 1.2em;
	}

/* ---------- h1, h2, h3 ---------- */

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-size: 1.0em;
  line-height: 1.0em;
	text-indent: -2000em;
	display: block;
	}
h1 {
	width: 766px;
	height: 76px;
	background: #eee url(h1-bar.gif) no-repeat 0 100%;
	}
h2 {
	width: 766px;
	height: 182px;
	background: #ccc url(header.jpg) no-repeat;
	} 
 
#preamble h3, #maintext h3 {
	width: 0px;
	height: 0px;
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	}
#philo_links h3 {
	width: 56px;
	height: 25px;
	background-repeat: no-repeat;
	float: left;
	margin: 3px;
	} 
#bio_anthro h3 {
	width: 82px;
	height: 25px;
	background-repeat: no-repeat;
	float: left;
	margin: 3px;
	}
#primate_bioeco h3 {
	width: 82px;
	height: 25px;
	background-repeat: no-repeat;
	float: left;
	margin: 3px;
	}
#header h3 { background-image: url(header.jpg);	width: 766px;	height: 182px;} 
#header-su h3 {	background-image: url(head-brown.jpg);	width: 766px;	height: 182px;}
#header-ven h3 {	background-image: url(head-lago.jpg); width: 766px; height: 182px;}
#header-stu h3 {	background-image: url(head-grad.jpg);	width: 766px;	height: 182px;}
#header-naz h3 {	background-image: url(head-thomas.jpg); width: 766px; height: 182px;}
#header-ed h3 {	background-image: url(h-mar.jpg);	width: 766px;	height: 182px;}
#header-evo h3 {	background-image: url(head-hevo.jpg);	width: 766px;	height: 182px;}
#header-lab h3 {	background-image: url(head-hel.jpg); width: 766px; height: 182px;}
#header-hbe h3 {	background-image: url(head-hbe.jpg);	width: 766px;	height: 182px;}
#header-pri h3 {	background-image: url(head-pris.jpg); width: 766px; height: 182px;}
#header-pr2 h3 {	background-image: url(head-etho.jpg); width: 766px; height: 182px;}
#header-bio h3 {	background-image: url(head-bio.jpg); width: 766px; height: 182px;}
#header-feed h3 {	background-image: url(head-eat.jpg); width: 766px; height: 182px;}
#header-nut h3 {	background-image: url(head-pout.jpg); width: 766px;	height: 182px;}
#header-dichro h3 {	background-image: url(head-white.jpg); width: 766px;	height: 182px;}
#header-brown h3 {	background-image: url(head-brown-d.jpg); width: 766px; height: 182px;}
#preamble h3 {	background-image: url();}
#suriname h3 {	background-image: url(h3_02b.gif);}
#students h3 {	background-image: url(h3_02b.gif);}
#venezuela h3 {	background-image: url(h3_02b.gif);}
#nam-zoo h3 {	background-image: url(h3_02b.gif);}
#appointments h3 {	background-image: url(h3_03b.gif);}
#courses h3 {	background-image: url(h3_04b.gif);}
#data h3 {	background-image: url(h3_05b.gif);}

#mainmenu h3 {
	width: 156px;
	height: 34px;
	background-repeat: no-repeat;
	background-color: #f2f4d8;
	}
#mainmenu h4 {
	width: 156px;
	height: 56px;
	background-repeat: no-repeat;
	background-color: #f2f4d8;
	}
#mainmenu h5 {
	width: 156px;
	height: 34px;
	background-repeat: no-repeat;
	background-color: #f2f4d8;
	} 
.home {background-image: url(h3_home.gif); } 
.research {background-image: url(h3_research.gif); }
.appointments {background-image: url(h3_ed.gif); }
.teach {background-image: url(h3_teach.gif); }
.data {background-image: url(h3_data.gif); }
.ksu {background-image: url(h3_ksu.gif); }

/* ---------- p ---------- */

p {
	padding-top: 5px;
	}
 
/* beginning of list right under subheading */
.p1 {
	padding-top: 2px;
	line-height: 140%;
	}
	
.style4 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #8C7D5A;
}
.style5 {color: #8C7D5A}

  
/* lists */
.p2 {
	padding-top: 5px;
	}
 
/* paragraphs */
.p3 {
	padding-top: 7px;
	}
 
/* large separation subheadings */
.p4 {
	padding-top: 15px;
	}
 
/* indent_1 */
.p5 {
	padding-top: 0px;
	padding-left: 14px;
	}
 
.p5b {
	padding-top: 0px;
	padding-left: 14px;
	text-align: center;
	} 
 
 

/* ---------- ul, li ---------- */

ul, li {
  list-style: none;
	}
ul {
	border-top: 1px solid #ccc;
	}
li {
	border-bottom: 1px solid #ccc;
	}
	

#menu1 li {
	padding: 5px 7px 5px 26px;
	background: url(bullet1.gif) no-repeat;
	}
#menu1 li:hover {
	background: #d6e9dd url(hover.gif) no-repeat;
	}
#menu2 li {
	padding: 5px 7px 5px 26px;
	background: url(bullet1.gif) no-repeat;
	}
#menu2 li:hover {
	background: #d6e9dd url(hover.gif) no-repeat;
	}
#menu3 li {
	padding: 5px 7px 5px 26px;
	background: url(bullet1.gif) no-repeat;
	}
#menu3 li:hover {
	background: #d6e9dd url(hover.gif) no-repeat;
	}
#menu4 li {
	padding: 5px 7px 5px 26px;
	background: url(bullet1.gif) no-repeat;
	}
#menu4 li:hover {
	background: #d6e9dd url(hover.gif) no-repeat;
	}
#menu5 li {
	padding: 5px 7px 5px 26px;
	background: url(bullet1.gif) no-repeat;
	}
#menu5 li:hover {
	background: #d6e9dd url(hover.gif) no-repeat;
	}
#menu_home li {
	padding: 5px 7px 5px 26px;
	background: url(h3_home.gif) no-repeat;
	}
#menu_home li:hover {
	background: #d6e9dd url(h3_home.gif) no-repeat;
	} 

/* ---------- a ---------- */

a {
	text-decoration: none;
	}
#intro a, #maintext a {
	font-weight: bold;
	color: #B39F72;
	}
#footer a, #mainmenu a {
	color: #777;
	}
#menu1 a {
	display: block;
	color: #B39F72;
	}
#menu1 a.c {
	display: inline;
	color: #777;
	}
#menu2 a {
	display: block;
	color: #B39F72;
	}
#menu2 a.c {
	display: inline;
	color: #777;
	} 
#menu3 a {
	display: block;
	color: #B39F72;
	}
#menu3 a.c {
	display: inline;
	color: #777;
	}
#menu4 a {
	display: block;
	color: #B39F72;
	}
#menu4 a.c {
	display: inline;
	color: #777;
	}
#menu5 a {
	display: block;
	color: #B39F72;
	}
#menu5 a.c {
	display: inline;
	color: #777;
	}
#menu_home a {
	display: block;
	color: #B39F72;
	}
#menu_home a.c {
	display: inline;
	color: #777;
	} 

#footer a:hover, #footer a:active, #mainmenu a:hover, #mainmenu a:active, #menu1 a.c:hover, #menu1 a.c:active, #menu2 a.c:hover, #menu2 a.c:active, #menu3 a.c:hover, #menu3 a.c:active, #menu4 a.c:hover, #menu4 a.c:active, #menu5 a.c:hover, #menu5 a.c:active, #menu_home a.c:hover, #menu_home a.c:active {
	color: #ccc;
	}
#intro a:hover, #intro a:active, #maintext a:hover, #maintext a:active, #menu1 a:hover, #menu1 a:active, #menu2 a:hover, #menu2 a:active, #menu3 a:hover, #menu3 a:active, #menu4 a:hover, #menu4 a:active, #menu5 a:hover, #menu5 a:active, #menu_home a:hover, #menu_home a:active {
	color: #665735;
	}
#larchives a:hover, #larchives a:active, #lresources a:hover, #lresources a:active {
	background: #d6e9dd url(hover_arc.gif) no-repeat -156px 0;
	}
	
/* ---------------------  TYPOGRAPHY  --------------------------- */

.dropcap:first-letter {
	float: left;
	color: #404040;
	font: 4em/.8em "Times New Roman", Times, serif;
}

div.icon-download h3 {
	background: url(icon-module-download.png) no-repeat left 4px;
	padding: 2px 0 2px 5px;
}

.download {
	border-top: 2px solid #DDEDBC;
	border-bottom: 2px solid #DDEDBC;
	padding: 1em 1em 1em 4em;
	background: #F2F9E5 url(icons/icon-download.png) no-repeat 1.5em;
}

a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon-link-pdf.png) no-repeat center right;
}

a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon-link-mailto.png) no-repeat center right;
}