@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	font-family:helvetica, verdana, tahoma, sans-serif;
	width:100%;
	height:100%;
	background-color:#5B5600;
	background-image:url('http://www.mnzoo.org/faces/public/images/zoo-pattern.jpg');
}

#animals{
	background-image:url('http://www.mnzoo.org/faces/public/images/pattern.png');
	background-repeat:no-repeat;
	width:1000px;
	margin:0 auto;
	margin-top:30px;
	background-color:#FFE49D;
	height:100%;
	margin-bottom:30px;
	padding:0 15px 20px 25px;
	-moz-box-shadow:3px 3px 3px #000;
	box-shadow:3px 3px 3px #000 vertical-offset -5px;
	-webkit-box-shadow:3px 3px 5px #000;
	
}


h2,h3,h4,h5,h6,span {
	
	color:#333;
	font-weight:bold;
	font-size:1.4em;
	
}


h3.indent {
	color:#FFE49D;
	font-size:1em;
	font-weight:normal;

}

span {
	padding-left:0;
}

ul#nav {
	float:right;
	clear:left;
}
 
#nav li a, #nav li {
	color:#663700;
	text-decoration:none;
	list-style:none;
	display:inline;
	padding:5px;
	margin:0;
	padding-top:20px;
	font-size:15px;
	
}



h1 {
	margin-left:-15px;
}
h1 a {
	cursor:pointer;
}
#nav  {

	margin:-100px 20px 100px 0;
}

#nav li a:hover {
	text-decoration:underline;
	color:#BF6028;
	
}

#sidebar a:active, #nav a:focus, #nav a:hover {

color:#BF6028;
font-size:1em;
 }
#african-faces-animals a#faces, #exhibit a#exhibit1, #conservation a#conservation1, #media a#media1,#contact a#contact1 {

	color:#BF6028;
	font-size:1.1em;
	
	
	
}


#header {
	width:100%;
	margin-right:60px;
	padding-right:0;
	padding-top:50px;
	padding-bottom: 10px;
	padding-left: 20px;	
}

ul li {
	list-style:none;
	line-height:1.2em;
	font-size:.8em;
	padding-left:0;
	padding:2px;
	padding-left:0;
	text-align:left;
	
}

ul li span {
	font-weight:bold;
	font-size:1em;
	text-align:left;
	text-indent:0;
}

.wrap {
	width:800px;
}


img {
	border:0;
}
* {
	outline:none;
}
#footer {
	color:#BF6028;
	text-align:center;
	height: 30px;
	margin: -20px auto 0 auto;
	font-size:.8em;	

}
#header_img {
	background-color:#CCC;
	padding:5px;
	border:2px solid #999;
	float:right;
	margin:0 30px 30px 0;
}
#content {
   height: auto !important;
   height: 100%;
   min-height: 100%;
  
}

#clearfooter {
height: 50px;
clear:both;

}

.sidebar {
	float:left;
}

/*The following defines the viewing window (.boxgrid) and sets the default position for images within it to the top left. This is important to make the overlap while sliding work. Dont’ forget that overflow:hidden makes this all possible.*/

a{ color:#C0B678;
   }
a:hover {
	color:white;
}
		
h2{ margin: 10px 10px -6px 10px; color:#FFE49D; font-size:16pt; font-weight: bold;  }
			
			.boxgrid { 
				width: 300px; 
				height: 235px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #fff; 
				overflow: hidden; 
				position: relative; 
				
					-moz-box-shadow:2px 2px 2px #333;
					box-shadow:2px 2px 2px #333 vertical-offset -5px;
					-webkit-box-shadow:10px 10px 5px #333;

				
			}
				.boxgrid img { 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p { 
					padding: 0 10px; 
					color:#fff; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption { 
				float: left; 
				position: absolute; 
				background: #662200; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 200;
 					left: 0;
 				}
				
		.boxgrid p a {
			padding-top:3px;
		}
		.boxgrid p a:hover {
			color:#ccc;
		}
/*Conservation Images */

#container {
	vertical-align:middle;
	margin-left: auto;
	 margin-right: auto;
	text-align:center;	
}


#conservation #container img {
	float:left;
	margin-left:50px;
}

#container h3,#container p {
	margin-left:50px;
	color:#663700;
	
}

#container h3 {
	color:#BF6028;
	font-size:1em;
	text-align:left;
	margin-bottom:0;
}

#container p {
	font-size:.9em;
	padding:0;
	text-align:left;
	width:500px;
	margin-top:2px;
}

#container img{
	
	 
		-moz-box-shadow:2px 2px 2px #333;
		box-shadow:2px 2px 2px #333 vertical-offset -5px;
		-webkit-box-shadow:10px 10px 5px #333;
		
}

#container .intro-title {
	text-align:left;
	font-size:1.4em;
	margin-left:50px;
}
span {
	font-size:1em;
	color:#663700;
	width:1000px;
	margin:auto 5px 10px 10px;
	
}
#intro {
	background-image: url("public/uganda.jpg")no-repeat;
}
.intro-title {
	
	font-weight:bold;
	color:#663700;
	font-size:1.2em;
	margin:15px 5px 10px 10px;
}
.intro-title span {
	color:#BF6028;
	font-style:italic;
	font-size:.7em;
	font-weight:normal;
}

#contact {
	color:#663700;
}

.bold {
	font-weight:bold;
	font-size:1em;
}

#main-img {
	float:left;

}


#animal_description2  {
	float:left;
	width:590px;
	padding:0 20px 0 30px;
	color:#663700;
	line-height:1.2em;
	
}

#animal_description2 a {
	color:#5B5600;
		
}

#animal_description2 a:hover {
	color:#C0B678;
}
#animal_description2 h3 {
margin-top:0;
color:#663700;
}

#media #animal_description2 {
	margin-left:30px;
}