body, body div, body p, body th, body td, body li, body dd, body pre, body code {
  font-size:x-small; /* trick WinIE4/5 */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size:small;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body pre, html>body code {
  font-size:small; /* be nice to Opera */
}

html {
  color:#000; background:#bbbbaa;  
  margin:0; padding:0;
}

body {
  color:#000; background:#bbbbaa;  
  margin:0; padding:0;
  font-family:verdana,arial,helvetica,sans-serif;
}
           
   a:link {
  color:#446688; background:transparent;  
  text-decoration:underline; 
/*  padding:1px;  */
} 
 a:visited {
  color:#468; background:transparent;
  text-decoration:underline; 
 /* padding:1px; */
} 
 a:active {
  color:#468; background:transparent;
  text-decoration:underline; 
/*  padding:1px; */
} 
 a:hover {
  color:#fff;  
  background:#transparent;
     
   text-decoration:none; 
  padding:1px; 
  border:1px solid #596380;  
}



#top, #footer {
	background-color: #bbbbaa;
	text-align: center;
	margin: 0;
}
#top {
	height: 113px;
	padding: 0 0 0 0;
	margin-top: -20px;
} 


/* #top h1 {
   background: transparent url(maps-banner-about-maps.jpg) no-repeat top left;
	width: 783px;
	height: 104px;
	float: left;
	padding: 0 0 0 0;
	margin-top: 0px;
} handy trick to replace text of h1 with image. see zen garden tutorial. */


#topmenu {
       background: transparent;
       color: #fff;
       
}

#topmenu a:hoover {
    background: transparent;
}

#footer {
	height: 40px;
	padding: 16px 0 0 0;
	font-size: small;
	font-weight: bold;	
}
#center {
	background-color: #bba;	
	padding: 0;
	margin: 0;
	margin-left: 130px;
	margin-right: 130px;
	margin-top: 8px;
}
#left, #news {
	background-color: #446688;
	position: absolute;
	top: 80px;
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: small;
	top: 150px;
	border: 1px solid #fff;
	color: 99ccff;
}
#left {
	left: 0;
}
#news {
	right: 0;
}
#leftcontent, #centercontent, #newscontent {
	margin: 0;
	padding: 1em;
}

#leftnav ul {
  margin: 0;
  padding: 0;
}

#leftnav li {
   list-style-type: none;  
   margin-left: -30px;
   padding: 0;
   color: #bba;
}

#leftnav a {
display: block;
   color: #bba;
}

#leftnav a:hover {
   color: #9cf;   
   text-decoration: underline;   
}

#newsnav ul {
  margin: 0;
  padding: 0;
}

#newsnav li {
   list-style-type: none;
   margin-left: -30px;
   padding: 0;
   color: #bba;
}

#newsnav a {
   display: block;
   color: #bba;
}

#newsnav a:hover {
   color: #9cf;
   text-decoration: underline;   
}



h1 {
	margin: 0;
	padding: 0;
	font-size: large;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
}
h3 {
	font-size: medium;
}
p {
	margin-top: 1em;
	margin-bottom: 0;
}
.fw {
  font-weight: bold;
}
li {
	margin-bottom: .5em;
}

div.sm {
margin: .5em;
padding: .5em;
line-height: 1.5;
}

a.bktr {
  background: transparent; /* trick netscape for name */
  /* text-decoration: none; */
  color: #000;
  line-height: .5;
}

ul#books {
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
	    margin-left: 1em;
	
	    }
	
	    ul#books li {
	    /* background-image: url(zia_writers.bmp); */
	    background-repeat: no-repeat;
	    background-position: 5% .4em;
	    margin-bottom: -10px;
	    padding-bottom: 100px;
	    }
	
	    ul#books li p {
	    width: 10em;
	   padding-left: 190px;
	    padding-top: 50px;
	    }
	
	    li.zia {
	    background-image: url(../images/zia_writers.bmp);
	    padding-left: 15px; / * This is relative to 190px */
	    }
	
	    li.ff
	
	    {
		background-image: url(../images/Falling_Foliage.bmp);
	    }
	
	    li.mp {
	    background-image: url(../images/Melanesian_Passages.bmp);
	    }
	    
	    li.sf {
	    background-image: url(../images/savannah_flames.bmp);
		 padding-left: 15px; /* relative to 190px */
	    }
	    
	    li.wan {
	    background-image: url(../images/wanpisin.bmp);
		 padding-left: 15px; /* relative to 190px */
	    }	    	    	    

/* h3#books {
background-color: #F00;}
} */

#books  {
   position: relative;
   top: 50px;
}

#journals {
	margin: 0; padding: 0;
}

#annual_reports {

	margin: 0; padding: 0;
}

#newsletter {
	margin: 0; padding: 0;

}

div.figure {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.2em;
  padding: 0.2em;
}

div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

h3.subtitle {
		 color: #FFF;	
		 background-color: #568;
		 background: url(../images/tile75.gif);
		 text-align: center;
	}