/* AQUABOOKS RE-DESIGN STYLES */


	body {

	background-color: rgb(92,57,13);
	
	}
	
	p {

	font: normal 11px verdana, helvetica, sans-serif;
	color: rgb(40,50,40);
	line-height: 17px;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;

	}


	p.background {

	font: normal 11px verdana, helvetica, sans-serif;
	color: rgb(40,50,40);
	line-height: 17px;
	margin: 0px 0px 0px 0px;
	background-color: rgb(200,200,200);
	padding: 25px 50px 25px 20px;

	}


	p.indexplus {

	font: bold 11px verdana, helvetica, sans-serif;
	color: rgb(120,100,80);
	line-height: 11px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 0px;
	text-align: left;

	}


	p.fineprint {

	font: normal 9px verdana, helvetica, sans-serif;
	color: rgb(40,50,40);
	line-height: 10px;
	margin-left: 20px;
	margin-right: 20px

	}



	a:link {
	color: rgb(100,60,60);
	text-decoration: underline;
	}
	
	a:visited {
	color: rgb(100,60,60);
	text-decoration: underline;
	}
	
	a:hover {
	color: rgb(80,40,40);
	text-decoration: none;
	}
	
	
	a.plus:link {
	color: rgb(100,60,60);
	text-decoration: underline;
	}
	
	a.plus:visited {
	color: rgb(100,60,60);
	text-decoration: underline;
	}
	
	a.plus:hover {
	color: rgb(80,40,40);
	text-decoration: none;
	}



	p.index {

	font: normal 10px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 13px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 5px;
	text-align: left

	}


	p.cutline {

	font: bold 9px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 11px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;

	}
	
	p.footer {

	font: bold 9px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 11px;
	text-align: center;

	}




/* CURRENT EVENTS STYLES */


	div.currenteventsbox {
	
	width: 180px;
	background-color: rgb(245,245,215);
	border: 1px solid rgb(200,200,200);
	margin: 0px 9px 10px 9px;
	padding: 9px;
	
	}

	p.currentevents {
	
	font: bold 12px verdana, helvetica, sans-serif;
	color: rgb(92,57,13);
	line-height: 10px;
	padding: 0;
	margin: 0px 0px 7px 7px;
	
	}
	
	ul.currentevents {
	
	font: normal 10px verdana, helvetica, sans-serif;
	text-align:left;
	color: rgb(92,57,13);
	line-height: 14px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	list-style-type: square;

	}
	
	li.currenteventitem {
	
	margin-left:0px;
	margin-top: 5px;
	
	}


	br.clear {
	
	clear:both;
	
	}



	hr.clearborder {
	
	clear:both;
	border-bottom: 2px dotted rgb(200,200,200);
	width: 100%;
	
	}

	p.threehundred {
	
	margin:0px;
	padding:0px;	
	width:200px;	
	height:300px;
	
	}
	
	img.middle {
	
	vertical-align:text-bottom;
	
	}



	div.fridge {
	
	background-image: url(images/the_fridge.jpg);
	
	}
	


/* KEEP THE STYLES ABOVE THIS COMMENT */


	img {
	
	margin-left: 0px;
	margin-right: 0px;
	
	}


	hr.left {
	
	margin-left: 20px;
	
	}


	img.right {
	
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	
	}
	
	
	img.bottomleft {
	
	float:left;
	vertical-align:text-bottom;
	margin-right: 20px;

	
	}


	div.player2div {
	
	margin: 20px 0px;
	
	}

	#block {
	
	clear:right;
	margin:0px;
	width:571px;
	
	}
	
	
	#leftblock {
	
	clear:both;
	width:570px;
	margin:5px 0px 0px 0px;
	text-align: left;

	}
	
	#imageleft {
	
	float:left;
	vertical-align:bottom;
	clear:both;
	margin:5px 20px 0px 20px;

	}
	
	
	img.newbookspages {
	
	float:left;
	vertical-align:top;
	margin:0px;
	padding-bottom:0;
	max-width: 200px;
	min-width:200px;

	}
	
	img.newbookspageswide {
	
	float:left;
	vertical-align:top;
	margin:0px 20px 0px 0px;
	padding-bottom:0;
	max-width: 400px;
	min-width: 400px;

	}
	
	img.newbookspagestwocols {
	
	float:left;
	vertical-align:top;
	margin:0px 20px 0px 0px;
	padding-bottom:0;
	max-width: 325px;
	min-width: 325px;

	}


	#imageleftnb {
	
	float:left;
	vertical-align:bottom;
	clear:both;
	margin:5px 20px 5px 0px;
	padding-bottom: 5px;

	}
	
	img.imageleftnb {
	
	float:left;
	vertical-align:bottom;
	clear:both;
	margin:5px 20px 5px 0px;

	}
	
	
	#textleft {
	
	text-align:left;
	clear:right;
	width:575px;	
	vertical-align:text-bottom;
	margin:0px;

	
	}


	p.shallow {

	margin: 0px;
	line-height: 8px;
	padding: 0px

	}


	p.none {

	margin: 0px

	}




	p.subtext {

	font: bold 9px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 11px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px

	}



	p.headline {

	font: bold 14px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 11px;
	margin-left: 20px;
	margin-top: 20px;

	}
	
	p.splashhead {

	font: bold 15px verdana, helvetica, sans-serif;
	color: rgb(20,20,20);
	line-height: 19px;
	text-align: center;

	}





	
	
	td.topright {
	
	padding: 20px 1px;
	
	}
	
	
	
	
	td.left {
	
	padding-left: 20px;
	
	}
	
	





	
	
	a.currentevent:link {
	color: rgb(92,57,13);
	text-decoration: underline;
	}
	
	a.currentevent:visited {
	color: rgb(92,57,13);
	text-decoration: underline;
	}
	
	a.currentevent:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
	background: rgb(92,57,13);
	}

	


	h1, h2, h3, h4, h5 {
	
	text-align: left;
	font-family: verdana, helvetica, sans-serif;
	color: rgb(92,57,13);
	margin: 20px 50px 0px 20px;

	}



	
	p.deepline {

	font: normal 9px verdana, helvetica, sans-serif;
	color: rgb(40,50,40);
	line-height: 25px;
	margin-left: 20px;
	margin-right: 20px

	}

	
	
/* STATIC MENU STYLES */
	
	

/* MENU */

.menu {font-family: arial, sans-serif; font-style:bold; width:975px; height:35px; font-size:9px; margin:0; background:rgb(117,23,24);}


.menu ul {padding:0; margin:0; list-style-type: none;}


.menu ul li {float:left; border-left:1px solid #eee; border-bottom:1px solid #eee; width:102px;}


.menu ul li a:link {display:block; float:left; width:102px; text-decoration:none; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(117,23,24);}

.menu ul li a:visited {display:block; float:left; width:102px; text-decoration:none; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(117,23,24);}

.menu ul li a:hover {display:block; float:left; width:102px; text-decoration:none; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(100,100,100);}




/* common styling SUB-MENU */

.submenu {font-family: arial, sans-serif; width:975px; height:35px; font-size:9px; margin:0; background:rgb(255,150,255); clear: both;}


.submenu ul {padding:0; margin:0; list-style-type: none;}


.submenu ul li {float:left; border-left:1px solid #eee; width:102px;}


.submenu ul li a:link {display:block; float:left; width:102px; text-decoration:none; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(200,150,200);}

.submenu ul li a:visited {display:block; float:left; width:102px; text-decoration:none; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(200,150,200);}

.submenu ul li a:hover {display:block; float:left; width:102px; text-decoration:none; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(100,100,100);}

.submenu ul li a:active {display:block; float:left; width:102px; text-decoration:underline; padding:5px 0 0 5px; height:30px; line-height:10px; color:rgb(22,22,22); background:rgb(50,100,50);}





/* UPPER MENU STYLES */

div.uppermenudiv {
	font: normal bold 10px arial;
	text-align:center;
	}
	


ul.uppermenu {
	float:left;
	width:100%;
	height:35px;
	padding:0;
	margin:0;
	list-style-type:none;
	background-color:rgb(92,57,13);
	border-top: 2px solid rgb(150,94,22);
	display:inline;
	}

a.uppernotspecial {
	float:left;
	width:100px;
	height:30px;
	text-decoration:none;
	color:rgb(220,220,220);
	background-color:rgb(92,57,13);
	padding:5px 0 0 5px;
	border:0;
	}
	
/* THIS IS THE FIX FOR IE LINKS TURNING DARK */

a.uppernotspecial:visited {
	color:rgb(220,220,220);
	background-color:rgb(92,57,13);
	text-decoration:none;

	}

/* THIS IS THE FIX FOR IE LINKS TURNING DARK */


a.uppernotspecial:hover {
	color:rgb(250,250,250);
	background-color:rgb(92,57,13);
	text-decoration:none;

	}

a.upperspecial {
	float:left;
	width:100px;
	height:30px;
	text-decoration:none;
	color:rgb(100,100,100);
	background-color:rgb(220,220,220);
	padding:5px 0 0 5px;
	border:0;
	}
	
a.upperspecial:hover {
	color:rgb(92,57,13);
	background-color:rgb(220,220,220);
	text-decoration:none;

	}

li.uppernormal {
	display:inline
	}


/* LOWER MENU STYLES */

div.lowermenudiv {
	font: normal bold 10px arial;
	text-align:center;
	clear:both;
	}
	
ul.lowermenu {
	float:left;
	width:100%;
	height:35px;
	padding:0;
	margin:0;
	list-style-type:none;
	background-color:rgb(220,220,220);
	display:inline;
	border-bottom: 2px solid rgb(200,200,200);
	}
	
a.lowernotspecial {
	float:left;
	width:11%;
	height:30px;
	text-decoration:none;
	color:rgb(100,100,100);
	background-color:rgb(220,220,220);
	padding:5px 0 0 5px;
	border-bottom:0;
	}
	
	
a.lowernotspecial:hover {
	color:rgb(100,100,100);
	background-color:rgb(200,200,200);
	text-decoration:none;

	}

a.lowerspecial {
	float:left;
	width:11%;
	height:30px;
	text-decoration:none;
	color:rgb(100,100,100);
	background-color: rgb(255,255,255);
	padding:5px 0 0 5px;
	border-left: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(255,255,255);
	text-decoration:none;

	}
	
a.lowerspecial:hover {
	color:rgb(92,57,13);
	background-color: rgb(255,255,255);
	text-decoration:none;

	}

li.lowernormal {
	display:inline;
	}


/* LOWER RIGHT SIDE STYLES */	
	

ul.lowermenuright {
	float:right;
	width:100%;
	height:35px;
	padding:0;
	margin:0;
	list-style-type:none;
	background-color:rgb(220,220,220);
	display:inline;
	border-bottom: 2px solid rgb(200,200,200);
	}


	
a.lowernotspecialright {
	float:right;
	width:11%;
	height:30px;
	text-decoration:none;
	color:rgb(100,100,100);
	background-color:rgb(220,220,220);
	padding:5px 0 0 5px;
	border-bottom:0;
	}	


a.lowernotspecialright:hover {
	color:rgb(100,100,100);
	background-color:rgb(200,200,200);
	text-decoration:none;

	}


a.lowerspecialright {
	float:right;
	width:11%;
	height:30px;
	text-decoration:none;
	color:rgb(100,100,100);
	background-color: rgb(255,255,255);
	padding:5px 0 0 5px;
	border-left: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(255,255,255);
	}


a.lowerspecialright:hover {
	color:rgb(92,57,13);
	background-color: rgb(255,255,255);
	text-decoration:none;

	}





/* lower very special menu styles */

a.lowernotveryspecial {
	float:left;
	width:75px;
	height:30px;
	text-decoration:none;
	color:rgb(100,100,100);
	background-color:rgb(220,220,220);
	padding:5px 0 0 5px;
	border:0;
	}

a.lowernotveryspecial:hover {
	color:rgb(100,100,100);
	background-color:rgb(200,200,200);
	}

a.lowerveryspecial {
	float:left;
	width:75px;
	height:30px;
	text-decoration:none;
	color:rgb(217,123,124);
	background-color: rgb(255,255,255);
	background-image:url(../images/menu_tab.gif);
	background-repeat:repeat-x;
	padding:5px 0 0 5px;
	}
	
a.lowerveryspecial:hover {
	color:rgb(200,200,200);
	background-color: rgb(255,255,255);
	text-decoration:none;

	}

li.lowerverynormal {
	display:inline;
	}
	





	img.right {
	
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	
	}
	
	
	img.bottomleft {
	
	float:left;
	vertical-align:text-bottom;
	margin-right: 20px;

	
	}




	#block {
	
	clear:right;
	margin:0px;
	width:571px;
	
	}
	
	
	#leftblock {
	
	clear:both;
	width:575px;
	margin:5px 0px 0px 0px;
	text-align: left;

	}
	
	#imageleft {
	
	float:left;
	vertical-align:bottom;
	clear:both;
	margin:5px 20px 0px 20px;

	}
	
	
	#imageleftnb {
	
	float:left;
	vertical-align:bottom;
	clear:both;
	margin:5px 20px 5px 0px;
	padding-bottom: 5px;

	}
	
	img.imageleftnb {
	
	float:left;
	vertical-align:bottom;
	clear:both;
	margin:5px 20px 5px 0px;

	}
	
	
	#textleft {
	
	text-align:left;
	clear:right;
	width:575px;	
	vertical-align:text-bottom;
	margin:0px;

	
	}


	p.shallow {

	margin: 0px;
	line-height: 8px;
	padding: 0px

	}


	p.none {

	margin: 0px

	}




	p.subtext {

	font: bold 9px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 11px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px

	}



	p.headline {

	font: bold 14px verdana, helvetica, sans-serif;
	color: rgb(80,100,80);
	line-height: 11px;
	margin-left: 20px;
	margin-top: 20px;

	}
	
	p.splashhead {

	font: bold 15px verdana, helvetica, sans-serif;
	color: rgb(20,20,20);
	line-height: 19px;
	text-align: center;

	}




	td.topheader {
	
	padding-top: 20px;
	padding-bottom: 10px;
	border-right: 2px dotted rgb(230,230,230);
	margin: 0;
	
	}
	
	
	td.topright {
	
	padding: 20px 1px;
	
	}
	
	
	
	
	td.left {
	
	padding-left: 20px;
	
	}
	
	





	
	
	a.currentevent:link {
	color: rgb(92,57,13);
	text-decoration: underline;
	}
	
	a.currentevent:visited {
	color: rgb(92,57,13);
	text-decoration: underline;
	}
	
	a.currentevent:hover {
	color: rgb(255,255,255);
	text-decoration: underline;
	background: rgb(92,57,13);
	}

	


	p.deepline {

	font: normal 9px verdana, helvetica, sans-serif;
	color: rgb(40,50,40);
	line-height: 25px;
	margin-left: 20px;
	margin-right: 20px

	}


/* ================================================================ 





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/menu/slide_show.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 */
/* set up the overall width of the menu div and the margins */
.menu2 {
font-family: verdana, arial, sans-serif; 
width:673px;
height:31px;
background:#fff;
padding:0;
margin:0 auto; 
position:relative;
z-index:1;
border-bottom:20px solid #333;
margin-bottom:650px;
}
/* position the instructions using a dl */
.menu2 dl {
font-family:verdana, arial, sans-serif;
font-size:0.9em;
position:absolute;
width:270px;
top:160px;
left:50px;
}
.menu2 dl dt {font-size:1.2em; margin-bottom:2em; font-weight:bold;}
.menu2 dl dd { padding:0; margin:0; line-height:1.7em; margin-bottom:2em;}
.menu2 dl dd:first-letter {font-weight:bold;}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
display:block;
float:left;
width:51px;
height:31px;
}
/* style the links to be 50px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:50px; 
height:31px; 
color:#ddd;
border-right:1px solid #fff;
background:#333; 
line-height:30px; 
font-size:11px;
}

/* clear the float at the end of each line of four slides */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}

/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* remove the table styling */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}


/* specific to non IE browsers */
/* set the background and foreground color of the main menu li link on hover */
.menu2 ul li:hover a{
color:#fff; 
background:#000;
cursor:default;
}

/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:31px; 
left:0;
}

/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
cursor:pointer;
width:483px;
height:483px;
border:20px solid #000;
border-width:20px 5px;
background:#ddd url(slide/linen.jpg); 
color:#fff;
padding:82px 90px;
cursor:default;
}

/* style the background and foreground color of the submenu links */
.menu2 ul li:hover ul li a {
background:#333;
width:118px;
height:118px;
border:1px solid #ddd;
border-color:#888 #000 #000 #888;
}


/* keep the large image hidden */
.menu2 ul li:hover ul li a em {
display:none;
}
/* add a border to the horizontal slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.horiz span img {
border:1px solid #888;
margin-top:21px;
}
/* add a border to the vertical slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.vert span img {
border:1px solid #888;
margin-top:9px;
}

.menu2 ul li:hover ul li a:hover {
background:#000;
}


/* make the active links zero size so the active dotted border does not show through the large image */
.menu2 ul li:hover ul li a:active, .menu2 ul li:hover ul li a:focus {background:#aaa; height:0; width:0; border:0;}
.menu2 ul li:hover ul li a:active em, .menu2 ul li:hover ul li a:focus em {background:#bbb; height:0; width:0; padding:0; margin:0; border:0;}


/* make the large image visible and set the border, position them using position absolute centrally over the slides */
/* horizontal large image styling */
.menu2 ul li:hover ul li a.horiz:active em, .menu2 ul li:hover ul li a.horiz:focus em {display:block; background:#ddd; position:absolute; left:15px; top:100px; width:640px; height:480px; z-index:200; z-index:500; cursor:default; border:1px solid #fff;}
.menu2 ul li:hover ul li a.horiz:active em img, .menu2 ul li:hover ul li a.horiz:focus em img {border:0;}
/* vertical large image styling */
.menu2 ul li:hover ul li a.vert:active em, .menu2 ul li:hover ul li a.vert:focus em {display:block; background:#ddd; position:absolute; left:95px; top:23px; width:480px; height:640px; z-index:200; z-index:500; cursor:default;  border:1px solid #fff;}
.menu2 ul li:hover ul li a.vert:active em img, .menu2 ul li:hover ul li a.vert:focus em img {border:0;}