/* 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(243,231,161); border: 1px solid rgb(123,91,42); 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 10px 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/menus/pro_dropline_dropdown.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .pro_linedrop { height:36px; width:975px; /* THIS IS THE BACKGROUND COLOUR FOR THE TOP LINE MENU */ background:rgb(92,57,13); position:relative; font:normal bold 10px arial; /* THIS IS THE COLOUR FOR BORDER-TOP OF THE TOP LINE MENU */ border-top: 2px solid rgb(150,94,22); z-index:1; } .pro_linedrop .select { margin:0; padding:0; list-style:none; white-space:nowrap; } .pro_linedrop li { float:left; background:rgb(92,57,13); } .pro_linedrop .select a { display:block; height:36px; float:left; /* THIS IS THE BACKGROUND COLOUR FOR EACH ITEM OF THE TOP LINE MENU */ background: rgb(92,57,13); padding:0 0 0 10px; text-decoration:none; line-height:13px; white-space:nowrap; /* THIS IS THE COLOUR FOR ??? */ color:rgb(21,253,60); } /* THIS IS THE COLOUR FOR THE TYPE IN EACH ITEM OF THE TOP LINE MENU */ .pro_linedrop .select li.line a {color:rgb(225,225,225);} .pro_linedrop .select a b { display:block; padding:0 15px 10px 10px; /* THIS IS THE COLOUR FOR THE LINKS IN EACH ITEM OF THE TOP LINE MENU */ background:rgb(92,57,13); } .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a { /* THIS IS THE COLOUR FOR EACH HOVER ITEM IN THE TOP LINE MENU */ background: rgb(165,165,165); padding:0 0 0 10px; line-height:13px; cursor:pointer; /* THIS IS THE COLOUR FOR ??? */ color:rgb(250,250,250); } .pro_linedrop .select li.line a:hover, .pro_linedrop .select li.line:hover a { /* THIS IS THE COLOUR FOR EACH HOVER ITEM TYPE IN THE TOP LINE MENU */ color:rgb(250,250,250);} .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b { display:block; padding:0 15px 9px 10px; /* THIS IS THE COLOUR FOR EACH LINK HOVER IN THE TOP LINE MENU */ background:rgb(165,165,165); cursor:pointer; } .pro_linedrop .sub { /*display:none;*/ display:none; } .pro_linedrop ul ul { /*display:none;*/ display:none; } /* IE6 only */ .pro_linedrop table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0; } /* THIS LINE IS CRUCIAL .pro_linedrop .sub { display:inline; margin:0; padding:0; list-style:none; }*/ .pro_linedrop .select .sub { height:36px; display:inline; position:absolute; float:left; width:975px; top:36px; left:0; text-align:center; /* THIS IS THE COLOUR FOR ??? */ background:rgb(165,165,165); border:0px solid rgb(0,0,0); list-style:none; } .pro_linedrop .sub li { background:rgb(22,22,22); } /* .pro_linedrop .select :hover .sub { height:36px; display:block; position:absolute; float:left; width:975px; top:36px; left:0; text-align:center; /* THIS IS THE COLOUR FOR ??? */ background:rgb(165,165,165); border:0px solid rgb(0,0,0); }*/ .pro_linedrop .select :hover .rt li { float:right; } .pro_linedrop .select :hover .sub li a { display:block; height:36px; line-height:13px; float:left; /* THIS IS THE COLOUR FOR THE BACKGROUND OF THE SECOND LINE MENU */ background:rgb(165,165,165); padding:0 10px; margin:0; white-space:nowrap; /* THIS IS THE COLOUR FOR ??? */ color:rgb(250,250,250); font-size:10px; } .pro_linedrop .select :hover .sub li.subline a { /* THIS IS THE COLOUR FOR THE TYPE ON THE SECOND LINE MENU*/ color:rgb(0,0,0); } .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover { /* THIS IS THE COLOUR FOR ??? */ color:rgb(25,248,9); line-height:13px; position:relative; } .pro_linedrop .select :hover .sub li:hover > a { /* THIS IS THE COLOUR FOR ??? */ color:rgb(250,250,250); } .pro_linedrop .select :hover .sub :hover ul { padding:0; margin:0; list-style:none; display:block; width:160px; position:absolute; left:-1px; top:36px; border:0px solid #aaa; border-top:1px solid rgb(100,100,100); background:#fff; } .pro_linedrop .select :hover .sub :hover ul li a { width:160px; text-align:left; height:36px; line-height:13px; } .pro_linedrop .select :hover .sub :hover ul li a:hover { line-height:13px; }