body {
    font-family: arial;
	background-image:url(../img/grasscloth_slice.jpg);
	background-repeat:repeat;
	}
	/*background-color:#FFF9F9;*/
} 
    
.giraffetop{
	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/giraffe.jpg);
    background-repeat:no-repeat;
	background-position: 0px 0px; 
	padding: 5px;
	height:200px;
	}	
	
.topclearcut{
	background-color: black;
	border:1px solid gray;
	background-image:url(../img/unpublished.jpg);
    background-repeat:no-repeat;
	background-position: -120px 10px; 
	padding: 5px;
	height:300px;
	}	
	

	
	
	
#wrapper {
	/*background: #F5FBEF;*/
    width:822px;
    margin-left:auto;
	margin-right:auto;
	margin-top:25px;
 }	
 
 
 h1 
 {
 padding-left:14px;
 margin:0px;
 /*color:  #000000;*/
 color: black;
 }



.h1-green {
    /* your styles for the class version-one */
   
    color: green;
}



 
 h2
 {
 padding:0;
 margin:0;
 /*color: #808080;*/
 color: black;
 font-size:20px;
 /*background: blue;*/
   }
 
 h3
 {
 padding:0;
 margin:0;
 /*color: #808080;*/
 color: black;
 font-size:16px;
/*background: blue;*/   }
 
 
 
 
 
 p
{
 padding:0;
 margin:0;
 color: #0b6121;
 font-size:12px;
  }
  
  
  
  
 
p.book
{
 color: #0B6121;
 text-align: left;
}


p.wide-p
{
 color: #0B6121;
 text-align: left;
 font-size: 16;
}





.annetopimage{
	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/top_110.jpg);
    background-repeat:no-repeat;
	background-position: -130px -75px; 
	padding: 5px;
	height:300px;
	}	

 
 .liontopimage{
 	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/lion.jpg);
	background-repeat:no-repeat;
	background-position:-200px -200px;
	padding: 5px ;
	height:300px;
	width:760px;
	} 
  
  
 .hawktopimage {
	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/tophawk.jpg);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position: 0px -50px;
	padding: 5px;
	height:300px;
	} 
  
.newstopimage {
	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/docgene.jpg);
	background-position:5px 5px;
    background-repeat:no-repeat;
	background-position:0px 0px;
	overflow: hidden;
	padding: 5px;
	margin-bottom: 20px;
	height:300px;
	} 

.topfeminism {
	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/feminist-protest.jpg);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position: -100px -150px;
	padding: 5px;
	height:300px;
	} 
	

.topzoo {
	background-color: #FFF;
	border:1px solid gray;
	background-image:url(../img/anne_young_lg.jpg);
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position: -100px -150px;
	padding: 5px;
	height:300px;
	} 	
	
	
	
  
.black
{
	color: black;
	margin-bottom: 5px; }
  
 /*
 a
 {
color:  #808080;
 } */
 
ul
{
list-style-type:none;
font-weight:bold;
color:black;
margin:0;
padding:0;
position:relative;
left:330px;
top:-22px;
}

li
{
display:inline;
font-weight:bold;
padding-right:5px;
 font-size:14px;
}

li a:hover {
	font-weight:bold;
	color: #c00;
	background-color: #fff; 
	}

div.head1
{
	width:800px;
	height:500px;
	padding:10px;
	border:1px solid gray;
	margin-left:auto;
    margin-right:auto;
}

/*img.big ={height:120px}*/

img.head_img{
 	height:500px;
	width:100%;
	}
	

div.leftcol
{	float:left;
	width:390px;
	padding:10px;
	border:0px solid gray;
	margin-top:0px;
	margin-left:0px;
	/*background:#9c9;*/
}

div.rightcol
{
	float:right;
	width:390px;
	padding:10px;
	border:0px solid gray;
	/*margin-top:-500;*/
	/*margin-left:0;*/
	/*background:#c9c;*/
}

div.fullwidth
{
	clear: both;
	/*background: green;*/
	width:822px;
    margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}


div.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0B6121;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }
  
  
  
  
  
div.book
  {
  margin:10px 30px 10px 30px ;
  /*border:1px solid #0B6121;;*/
  height:430px;
  width:auto;
  float:left;
  text-align:center;
  /*background:#9c9;*/
  }
  
div.book img
  {
  display:inline;
  margin:3px;
  padding:0px;
  border:1px solid #ffffff;
  }
div.book a:hover img
  {
  border:1px solid #0000ff;
  }
div.pblshdesc
  {
  text-align:center;
  font-weight:normal;
  width:320px;
  margin:0px;
  }  
  
div.media
  {
  text-align:center;
  font-weight:normal;
  width:380px;
  margin:2px;
  } 

  div.highlight
  {
  text-align:left;
  color: #0B6121;
  font-weight:normal;
  width:320px;
  margin:0px;
  }  
   
  

#nav {
	padding:5px 10px;
	/*background:#c99*/
	}

 #nav ul {
	text-align:center;
	list-style-type:none;
	font-weight:bold;
	color:black;
	margin:0;
	padding:0;
	position:relative;
	left:0px;
	top:0px;
}


#nav li {
	display:inline;
	margin:0;
	padding-right:5px;
	font-weight:bold;
}

#nav li a:hover {
		color: #c00;
		background-color: #fff; }


#vert {
	padding:5px 10px;
	/*background:#c99*/
	}

 #vert ul {
	text-align:center;
	font-weight:bold;
	list-style-type:none;
	color:black;
	margin:0;
	padding:0;
	position:relative;
	left:0px;
	top:0px;
}


#vert li {
	display:block;
	margin:0;
	padding:0;
}





#footer {
		clear:both;
		padding:25px 10px;
		
		/*background:#cc9;*/
	}
	#footer p {
		margin:10px;
    }
	* html #footer {
		height:1px;
	}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
	font-size: 40px;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}