html {	background-color: #ffff99;}




body {
		position:relative;
		*width:86%;
		
		
	margin-left:4%;
	
		text-align: left;
		padding-top: 15px;
	padding-left: 25px;
	padding-right: 50px;
	font-size: small;	
	font-family: verdana, arial, sans-serif;
	font-color: black;
	
	
	background-color: #ffffff;
	/*background-image: url(mm-logo-txt-glass.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;*/
	
}

* html body {
	font-size:small; /* for IE5/Win */
	f\ont-size: small; /* for all other IE versions */
}
html>body { /* be nice to Opera	*/
	font-size: small; }

div#content {background-color: #fff;
		position: relative;
	width: 80%;
	/*padding: 0 20px 0 0;*/}


div#header, div#footer {width:99%; }


h1 	{text-shadow: #333 0 1px 2px;
	
	font-size: 250%;
	color:teal;
margin: 0;
	
}

		
h2 {	font-size: 150%;
	margin: 0 0 -10px 0;
	padding:0;
}

h3 	{	
	font-size: 125%;
	
	}

h4  {font-size:100%;
	  }


a:link {color:#006666; /*teal*/
	/*text-decoration:none;*/
}

a:visited { 
	color: maroon/* #006666;teal*/
	/*text-decoration:none;*/
}
a:hover {
	color: black;
	/*text-decoration:none;*/
}
a:active { 
	color: maroon;
	/*text-decoration:none;*/
}		
	

/*ul {
	list-style: none;
	text-decoration: none;
	margin:0;	
*/
}
ul.books{		
	margin:10px;	

}

li {	
	padding: 5px 0 0 0;

}


#header  {
	padding:8% 0% 0% 20%;  
/*height: 120px;*/
/*background: transparent url(mm-logo-txt-glass.gif) no-repeat 0 0;*/
/*background: transparent url(mm-logo_wocirc.gif) no-repeat 0 0;*/ }
}


/*#header h1 	{position: 85px 0 0 210px;
		padding: 0;
		font-family: Trebuchet MS, sans serif;
		font-size: 350%;
		color: #006666;*/
		}
/* tagline  */

#tagline {margin: -40px 0 0 200px;		
		padding: 0;
		font-size: 90%;
		text-align: left;
		color: #000;  
		}

.topnav {text-align:right;	
		margin-right:300px;
	
		padding: 0;}

div#content {width:100%;
		left: 0;		
		padding:1em 20px; }


#col1 { width: 230px;
	   float: left; }
 


#col2 {/*left: 0;*/
		float: left;
		width: 20%;		
		padding:2em 30px; }

#col3 {/*left:50%;*/
		float: left;
		width:36%;
		padding:1em 0; }



div#content h2 	{margin: 0 0 1em 0;
		padding: 0;
		font-family: Georgia, serif;
		font-size: 150%;
		font-weight: normal;
		color: #000;
	}
ul.indent { list-style-type:disc; }

ul.indent li{
	    margin:0 20px 0 20px;
	    padding:0;    
	 }




/* sidebars  */
#sidebar {clear:both;
	float: left;
	width: 35%; 
	margin:0;
	padding: 0;
	padding-right:20px; 
	font-size:90%;
}

ul.sidebar { list-style-type:disc; }

ul.sidebar li{
	    margin:0;
	    padding:0;
	    line-height: 1.5em;   
	 }




dt { margin:  .5em 0;}


dd { 
		
		line-height: 1.5em;
		
		}


/* insert a hidden . that clears the floats so image will not extend into the text after it.  */
dl.feature:after { content: ".";
		   display: block;
		   height: 0;
		   clear: both;
		   visibility: hidden;
		}

#clear  {clear:both; }
	
.indent {margin-left: 40px; }
	
	
.adbox { 
	line-height: 20px;
	text-align: center;
	font-size:100%	
	padding: 4px; 
	margin: 0 0 10px 0;	
	border: 2px solid #66CCCC;	
}

.adbox1 { 		
	text-align: center;
	padding: 6px 6px 0px 6px; 
	margin: 0 0 10px 0;
	font-size: 70%;
}
.adbox2 { 		
	text-align: center;
	padding: 6px 2px 0px 6px; 
	margin: 0 0 10px 0;
	font-size: 70%;
}		

 

hr {
	border: none;
	background-color: #ADD8E6;
	color: #ADD8E56;
	height: 1px;
	width: 100%;
	margin-left:0;
}

.leftimg { 
	float: left;	
	margin: 20px 30px 0 20px;
	/* padding: 20px 20px 0px 20px; */


.rtimg {float:right;	
	padding: 10px; }


.thumbnail {	width: 200px;
		padding: 5px; }
table #company {margin-left: 100px;
		width: 90%;
		cell-spacing:0;
		cell-padding:40px;
 }


#footer {clear: both;		
	width: 100%;
	font-size: 80%;
	font-color: #000000;
	background-color: transparent;
	text-align: center;
	border-top: 2px dotted maroon;
	line-height: 1.5em;

}
p.header, p.special {	
	font-style: normal;	
	margin-top: -20px;
}


.copyright {font-family: Arial,Helvetica,sans serif;font-size: 8pt;color: #808080; text-decoration:none;}
.copyright:link {font-family: Arial,Helvetica,sans serif;font-size: 8pt;color: #808080; text-decoration:underline;}
.copyright:visited {font-family: Arial,Helvetica,sans serif;font-size: 8pt;color: #808080; text-decoration:underline;}
.copyright:active {font-family: Arial,Helvetica,sans serif;font-size: 8pt;color: #808080; text-decoration:underline;}
.copyright:hover {font-family: Arial,Helvetica,sans serif;font-size: 8pt;color: #808080; text-decoration:underline;}

.search {
	background-color : #D0D0D0;
	border-color : #808080;
	border-style : solid solid solid solid;
	border-width : 1pt;
	color: #000000;
	vertical-align : middle;
	z-index : inherit;
}

.PageTitle {
	font-family: Arial,Helvetica,sans serif;
	font-size: 14pt;
	color: #527DAD;
	font-weight: bold;
}

.thumbnail {	/*float: right;
		width: 150px;
		margin: 0 0 0 25px;*/
			margin: 0 10px; 
		padding: 5px;
		border:none; }

#footer {clear: both;		
	width: 100%;
	font-weight:normal;
	font-size: 80%;
	font-color: #000000;
	background-color: transparent;
	text-align: center;
	border-top: 2px dotted maroon;
	line-height: 1.5em;

}

.announce { font-size:130%; }

.image {
	border:0; }
.nav{  background: #f7f7d2;width:100%;}

.logo { border: 0; padding-left: 20px;}

.logoleft { float: left; border: 0; padding-left: 20px;
		padding-right:20px;}

		
#logo {clear: both;}

.rtimg {float:right; }

.lftimg {float:left; border: 0; padding-right: 20px;}

.category { color: teal; }
 
h3 {font-size: 150%; color: teal;}	   
 
</style>