A:link {text-decoration: none; color: blue;}
	A:visited {text-decoration: none;  color: blue;}
	A:active {text-decoration: none; color: blue;}
	A:hover {text-decoration: none; color: red;}
	.arrow{
		margin-left: 5px;
		margin-right: 5px;
	}
	body{
		font-family: "arial";
	}
	.bodybox{
		width: 100%;
		margin: auto;
		background: url("html/images/backcherries.png") no-repeat 115px 115px;
		border: none;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		
	}
	.bookhighlight{
		overflow:hidden;
		margin-top: 10px;
		height:1000px;
		min-width: 150px;
	}	
	.bookhighlight .mainitem:first-child div:first-child{
		background-color: #e35;
	}

	div{
		position: relative;
	}
	h1, h2, h3, h4 {
		font-family: 'Times New Roman';
		font-variant: small-caps;
		letter-spacing: 4px;
		color: #022500;
		text-decoration: none;
		font-weight: 100;
		margin-top: 2px;
		margin-bottom: 10px;
		text-align: center;
	}
	h1 {font-size:2.5em;}
	h2 {font-size:2.25em;}
	h3 {font-size:1.5em;}
	h4 {font-size:1.2em; margin-bottom:2px; margin-top: 25px;}
	iframe{
		overflow:hidden;
	}
	.imagetitle{
		float: left;
		width: 50%;
	
		left: 30px;
	}
	img{
		border: 0px;
		z-index: -1;
	}
	.indexpage{
		margin: 5px;
		
		min-heigth: 100px;
		padding: 2%;
		text-align: left;
		width: 92%;
	}
	input{
		background-color: #DDFFDD;
	}
	.itembox{
		font-size: 90%;
		min-width: 150px;
		width: 250px;
		height: 260px;
		float: left;
		padding: 2px;
		margin: 8px;
		
		text-align: left;
		overflow: hidden;
	}
	.itemeditorpick{
		width: 45%; float: left; padding-left: 2%; padding-right: 2%; text-align: left;
	}
	.maincontent{

		margin: 10px 5px 5px 8px;
		/*background-color: #a9c;*/
		height: 100%;
		overflow: auto;
		min-width: 600px;
		min-height: 650px;
		font-size: 95%;
	}
	.mainitem{
		float: left;
		
		
		padding: 5px;
		margin: 5px 5px 5px 5px;
		font-size: 80%;
		position: relative;
		/*background-color: #eee;
		border: 1px dotted #ac9;*/
		width: 150px;
	}
	.mainitem img{
		padding: 0px 5px;
	}
 	.mostrecent{

		/*height: 700px;*/
		overflow: hidden;
		width: 98%;
		margin: auto 0;
 	}
	.navigation{
		width: 100%;
		max-width: 180px;
		min-width: 180px;
		background: #54C252  url('html/images/navback.png') 65% 75%;
		float: left;
		text-align: left;
		min-height: 125px;
		font-family: 'Times New Roman';
		

	}
	.navright{
		
		width:19%;
		min-width: 180px;
		float: left;
		border-width: 0px;
		border-style: solid;
		border-color: #ac9;
		font-family: 'Times New Roman';
		margin: 20px .5% 5px .5%;
		text-align: left;
		background: #DFD; url('html/images/navback.png') 25% 55%;
	}
	.navright a{
		display: block;
		padding: 1px 5px 0px 5px;
	}
	.navright a:hover{
		background-color: #fff;
	}
	.navrightlinks{
		border-style: solid;
		border-color: #ac9;
		border-width: 2px;
		padding-top: 5px;
		font-size: 90%;
	}
	.navrighttitle{
		
		color: #000;
		font-size:1em;
		text-align: center;
		font-variant: small-caps;
		letter-spacing: 4px;
		color: #022500;
		text-decoration: none;
		font-weight: 100;
		margin: 0px;
		padding: 0px;
		background: #54C252 url('html/images/menubar.png') 25% 70%;
	}
	.rightnavarrow{
		background:url('html/images/green-arrow.gif') no-repeat;
		width: 8px;
		height: 10px;
		margin-top: 7px;
		float: left;
		margin-right: 2px;
		margin-left: 3px;
	}
	.navigationelement{
		width: 165px;
		font-size: 90%;
		vertical-align: bottom;
		margin: 0px;
		 background: #DDFFDD  url('html/images/backnav.png') no-repeat 100% 100%;
		background-bottom: 0px;
		background-right: 0px;
		float: right;
		height: 25px;
		border-style: solid;
		border-color: #54C252;
		border-width: 0px 2px 1px 0px;
		padding-right: 10px;
	}
	.navigationelement:hover{
		background-color:#fff;
	}
	.navitem{
		text-align: right;
		float: right;
		margin-top: 5px;
		width: 150px;
	}

	.rightnavarrow{
		background:url('html/images/green-arrow.gif') no-repeat;
		width: 8px;
		height: 10px;
		margin-top: 7px;
		float: left;
		margin-right: 2px;
		margin-left: 3px;
	}
	.rightarrow{
		float: right;
		margin: 9px -4px 0px 5px;
	}
	.searchbar{
		width: 100%;
		background: #54C252  url('html/images/menubar.png');
		float: left;
		text-align: right;
		height: 36px;
		position: relative;
		min-width: 460px;

	}

	.searchbox{
		background:#FFFFFF url(html/images/search.png) no-repeat 4px 4px;
		padding:0px 0px 0px 22px;
		border:1px solid #CCCCCC;
		width:25%;
		min-width: 175px;
		height:22px;
		margin-top: 2px;
		background-color: #DDFFDD;

	}
	.searchspan{
		 font-variant: small-caps;
		 vertical-align: middle;
		position: relative;
		 margin-top: 1px;
		 margin-right: 125px;

		 font-size: 15px;
		 color: #fff;
		 float: right;
		 letter-spacing: 3px;
	}
	.shoppingcart{
		float: left;
		width: 50%;
		top: 0px;
		position: relative;
		min-width: 200px;
		float:right; text-align: right; top: 65px; right: 50px;

	}
	.shoppingcartinfo{
		font-size:100%;
	}
	.spacer{
		min-height: 10px;
		margin-top:1px;
		float:right;
	}


	select{
		 height:23px;
		 width:25%;
		min-width: 200px;
		letter-spacing: 1px;
		font-family: arial;
		background-color: #DDFFDD;
		border:1px solid #CCCCCC;
		margin-top: 5px;
	}
	td{
		vertical-align: top;
	}
	ul{
		z-index: 100;
	
	}

	.wordcloud{
		
		border:0px;
		padding: 0px;
		margin:0px;
		font-size: 90%;
		width: 50%;
		min-width: 650px;
		height: 250px;
		bottom: 0px;
		border-styyle: none;
	}
	.wordcloudframe{
		background-color: #ac9;
	}



/* Rounder Corners - Karate Corners */
.corner {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url('html/images/cornerWhite.png') no-repeat;
	font-size: 0%;
}

.TL {
	top: 0;
	left: 0;
	background-position: 0 0;
}
.TR {
	top: 0;
	right: 0;
	background-position: 100% 0;
}
.BL {
	bottom: 0;
	left: 0;
	background-position: 0 100%;
}
.BR {
	bottom: 0;
	right: 0;
	background-position: 100% 100%;
}



/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
.menu { font-size: 17px;}
.menu ul{text-decoration: none; padding: 0px; margin: 0px; text-indent: 0px;}
.menu li{text-decoration: none; padding: 0px; margin: 0px; text-indent: 0px;}
.menu ul li a, .menu ul li a:visited { text-decoration:none; width:115px;  border:0px solid #fff;}
.menu ul {padding:0px; margin:0px;list-style-type: none;}
.menu ul li {float:right; margin:0px; position:relative; height: 26px;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:red;}
.menu ul li:hover ul {display:block; position:absolute; top:-1px; left:220px; width:105px; color: #000;}
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: #fff; height: 22px; width:150px; font-size: 13px; border-style:solid; border-width: 0px 1px 0px 1px; border-color: #54C252; color: blue; padding: 4px 0px 0px 13px; text-align: left;}
.menu ul li:hover ul li a:first-child {border-width: 1px 1px 0px 0px; width: 151px;}
.menu ul li:hover ul li a:last-child {border-width: 0px 1px 1px 1px;}
.menu ul li:hover ul li a:hover {background-color: #fff; color: red;}
.menu ul li:hover ul li:hover ul {display:block; left:151px; top:0; color:#000;}