body {
	background-color: #FFFFFF;
	text-align: center; /*IE 5.x workaround for body styling centered in browser window and IE6 in 'loose rendering' mode*/
	margin: 0;
	padding: 0;
	height: 100%;
}
* {margin: 0; border: 0; padding:0;} /*zeros out all margins/paddings on every element, set any as needed to overcome differences between browsers*/
.wrap {
	width: 874px;
	margin: 0 auto; /*auto means as large as possible, pushing div and layout within into center browser window*/
	text-align: left; /* IE does not support margin: auto - use text-align: center e.g.*/
	zoom:1; /* to avoid a background-painting bug in IE Win, we need to give layout to this element. "zoom" takes care of IE 6, but fails in IE 5. To fix both versions at once it is better to use "height:0" inside a Conditional Comment */
	height: 100%;
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto;
	margin-top: -10px;
	margin-bottom:-10px;
	border-right: 3px double #A5A5A5;
	border-left: 3px double #A5A5A5;
	overflow: hidden;
}
.header {
	width: 874px;
	height: 225px;
	background-image: url("../images/header.gif");
	background-repeat: no-repeat;
}

.menu {
	width: 874px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;	
	height: 35px;	
	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
	float: right;	
}

.menu a {
	color: #3691E4;
	background-color: inherit;
	text-transform: uppercase;
	font-size: .8em;
	display: block;
	float: left;
	text-decoration: none;
	padding: 10px 10px 10px 25px;	
}

.menu a:hover {
	color: #BAD241;
	text-decoration: none;
}

.content {
	float: left;
	width: 874px;
	text-align: justify;
	font: .9em "Arial";
	background-color:#FFF;
	min-height: 780px;
}

.content a {
	text-decoration: none;	
	font-weight: bold;
	color: #3691E4;
}

.content a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #BAD241;
}
.content a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #3691E4;
}

* html .content {display: inline;} /* Tan Hack to get floats where they should be in IE, all other browsers correctly ignore declaration */

.flash {
	margin-left: 25px;
}

p {
  margin: .75em 50px;
	text-align: justify;
	width: 580px;
}

ul {
	margin-left: 55px;
	text-align: justify;
}

ul li {
	color:#CC0066;
	margin-bottom: -20px;
}

ol {
	margin-left: 100px;
	text-align: justify;
}

table {
	margin: 0px; 
 	float: right; 
	width: 200px;
	height: 100px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	border-color: #A5A5A5;
	border-width: 1.5px;
	border-style: dotted;
}

table td {
	padding-left: 0px; 
	border-width: 0; 
	vertical-align: top;
}

.table2 {
	float: center;
	margin-right: 95px;
}

h2 {
	font: bold 150% "Arial";
	text-transform: uppercase;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-left: 50px;
}

h3 {
	font: bold 130% "Arial";
	padding-top: 13px;
	padding-bottom: 7px;
	margin-left: 50px;
}

h4 {
	font: bold 150% "Arial";
	color: #3691E4;
	padding-top: 10px;
	margin-left: 300px;
}

.contact {
	margin-top: 40px;
}

a#rolloverPaperback {
 background-image:url(../images/paperback.gif);
 height: 398px; 
 width: 223px; 
 display: block;
 margin-top: 50px;
 margin-left: 175px;
}

a#rolloverPaperback:hover {
	background-image:url(../images/paperback_over.gif);
}

a#rolloverBook {
 background-image:url(../images/hardcover.gif);
 height: 398px; 
 width: 223px; 
 display: block;
 margin-top: -398px;
 margin-left: 500px;
}

a#rolloverBook:hover {
	background-image:url(../images/hardcover_over.gif);
}

a#rolloverWonderland {
 background-image:url(../images/footer.gif);
 height: 244px; 
 width: 8px; 
 display: block;
 }

a#rolloverWonderland:hover {
	background-image:url(../images/footer_over.gif);
}
	
a img {
	border: none;
}

a#content:hover { border: none; } 

* html .clearfix {height: 1%;} /*Holly Hack for making sure IE doesn't trip you up with its own particular way of handling floats*/
* html .content {height: 1%;} /*Holly Hack to disgard the Peekaboo bug; render float (div) correctly*/
* html .content{display: inline;} /*Tan Hack fix for IE to get floats back where you want them*/
.clearfix {display: block;} /*holly hack for but IE6 for windows*/
.menu {height: 1%;}
.parentElement>.listmenu {height: auto;}
* html .menu {height: 1%;} /* for IE/Win */
*>html .menu {he\ight: auto;} /* for IE5/Mac */