* {margin:0; padding:0;} BODY {width:100%; height:100%; background: url('images/bkground.gif') fixed; font-family: Georgia, "Times New Roman", Palatino, Times, serif} DIV {text-align:center; margin-left:auto; margin-right:auto;} TD {font-weight: normal;text-align: left;} div.hidden {position: absolute; left: -9000px;} #container {margin: 0px auto; width: 100%; overflow: hidden;} #header {width: 100%; height: 6em; position:relative;} #title, #logo {text-align:left;padding-left:8px;position:relative;} #search {text-align:center; width:100%; position:absolute; top:39px; left:0;} span.search {font-size:67%;} #main {height: 1%; /* IE6 hack, paired with next line */ overflow:hidden; padding: 12px 24px 12px 24px;} body * #main {height: 100%;} #sidebar {width:172px; height:100%; float: right; overflow: hidden; vertical-align: top; padding: 12px 6px 12px 6px; font-size:85%;} div.sidead {width:100%; text-align:center; margin-right: auto; padding:0 6px 0 6px;} #sidetext {width:100%;padding-top:2em;text-align:center;font-size:85%;font-weight:bold;color:#000;} #footer {clear:both; text-align: center; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; font-size: 85%; margin-top: 12px; padding: 0px 8px 0 8px; bottom:0; overflow: hidden; border-top: 4px solid #66f;} #footer a:link, #footer a:visited {text-decoration: underline; color:#00F;} #footer a:hover {text-decoration: none; color:#00F;} #footer a:active {text-decoration: underline; color:#FFF; background-color:#000;} #textnav {text-align:center;padding:8px;color:#DAD7C8;vertical-align:top;} #contact {padding-bottom: 2em; text-align:center; vertical-align: middle;} #eXTReMe {float:right;text-align:right;} #webring {vertical-align: top; width: 100%;text-align:center; margin: auto;padding-top:25px;} #webring table {margin:auto;} div.content {vertical-align: top; width: 100%;} DIV.default {text-align: center; margin-left: auto; margin-right: auto;} DIV.amazon_widget_US_8004_0, div.amzn_wdgt {margin-left: auto; margin-right: auto;} DIV.section {margin-left: 10px; margin-right: 0px;} div.twocol {position:relative; overflow: auto; font-size: 85%; text-align: left; font-weight: bold; vertical-align: top;} div.colleft {float: left; width: 48%; text-align: left;} div.colright {float: right; width: 48%; text-align: left;} div.narrow {width:560px; overflow:auto;text-align:center; margin:auto;} div.narrow div.left {float: left;padding-right:1em;} div.narrow div.right {text-align: left;} div.desc {color: #990000; background-color: inherit; font-size: 85%; text-align: left; font-weight: bold; vertical-align: top;} div.clear { border: 0; clear: both; display: block; float: none; margin: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } div.books {overflow:auto;height:auto; text-align: center; width: 100%;} div.books2 {overflow:auto;height:auto; text-align: center; width: 510px;} ul.books {list-style-type: none;} li.book {border-style: none; height: 250px; width: 220px; text-align: center; color: inherit; display: inline; float: left; margin:3px; padding: 0;} div.sidead ul.books {text-align: center; margin-left: auto; margin-right: auto; text-indent:0; padding-left:0; list-style-position:outside;} div.sidead * li.mag {width: 160px; text-align: center; margin-left: auto; margin-right: auto; padding:12px 0 12px 0; text-indent:0;} li.mag {border-style: none; width: 160px; text-align: center; padding:2em 4px .5em 4px;} span.bookdesc {text-align: center; width: 200px; margin: 2px;} span.magdesc {text-align: center; width: 160px; margin: 2px;} ul.photos {list-style-type: none; text-align: center; margin-left:auto; margin-right:auto;} ul.photos li {width: 160px; height: auto; text-align: center; display: inline; float: left; margin:5px; padding: 5px;} div.photos {overflow:auto; height:auto; text-align: center; width: 100%; padding-top:24px;color: #A51E2D;font-size: 85%; margin-left: auto; margin-right: auto;} div.photos1 {overflow:auto; height:auto; text-align: center; width: 195px; padding-top:24px; margin:auto; color: #A51E2D;font-size: 85%;} div.photos1 ul.photos li {width: 160px; height: 190px; text-align: center; margin: 5px 0 5px 0} div.photos2 {overflow:auto;height:auto; text-align: center; width: 395px; padding-top:24px; margin:auto; color: #A51E2D;font-size: 85%;} div.photos2 ul.photos li {width: 160px; height: 190px; text-align: center; display: inline; float: left; margin:10px;} div.photos3 {overflow:auto;height:auto; text-align: center; width: 560px; padding-top:24px; margin:auto; color: #A51E2D;font-size: 85%;} div.photos3 ul.photos li {width: 160px; height: 220px; text-align: center; margin:5px; padding: 0;text-indent:0;} li.photowide {height:auto; width: 480px; text-align: center; display: inline; float: left; margin:5px; padding:24px;} .caption {text-align: center; width: 160px; margin: 2px auto 2px auto;} .captionwide {text-align: center; max-width: 560px; margin: auto;} div.youtube {overflow:auto; height:auto; text-align: center; min-width: 425px; padding-top: 2em;} span.links {text-align: center;display:table;} td.links {text-align: center;vertical-align:top;} ul.links {text-align:left; vertical-align: bottom; padding-left:2em;list-style-type: square;} ul.links li {text-align:left; vertical-align: bottom; display: list-item; list-style-image:url('images/bullet.gif');} ul.links li div {font-size: 85%; text-align: left; padding-left:2em; text-indent:0;} td.ebayleft {color: #A51E2D; font-size: 85%; text-align: left; vertical-align: top; width: 500px;} td.ebayleft * img {background: transparent; border-style: none;} td.ebayleft a {font-family: Georgia, "Times New Roman", Palatino, Times, serif;} div.ebay {color: #A51E2D; font-size: 85%; width: 570px; margin:auto;padding-top:1em;} div.ebay * img {display:block; margin:0; padding:0; background: transparent; border-style: none;} div.ebay * a {font-family: Georgia, "Times New Roman", Palatino, Times, serif; text-align: center;} td.ebayleft a:hover {background-color: white; } div#inform-wrapper {width:482px; float: left; border: 1px solid #000; background-color:#DAD7C8; text-align: center;} div#inform-wrapper a {font-size: 144%; text-align: center; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; text-decoration: none; color:#000; font-weight:bolder; } div#inform-wrapper h3 {font-size: 175%; text-align: center; margin-top: 6pt; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; color:#000000; border-bottom: none;} div#inform-wrapper dl#inform-data {color:#3E5A2A; font-family: Georgia, "Times New Roman", Palatino, Times, serif; font-size: 100%;} div#inform-wrapper dl#inform-data dt a {text-decoration: none; font-family: Georgia, "Times New Roman", Palatino, Times, serif; font-weight: normal; color: #A51E2D; font-size: 133%;} div#inform-wrapper dl#inform-data dt a:hover {color: #A51E2D; background-color: white;} div#inform-wrapper dl#inform-data dt A:visited {text-decoration: none; color: #3E5A2A; background-color: inherit;} div#inform-wrapper a#inform-more-news {font-size: 85%; color:#DAD7C8; background-color:#A51E2D; padding-bottom: 0px;} div#inform-wrapper a#inform-more-news:hover {font-size: 85%; color:#FFFFFF; background-color:#A51E2D; padding-bottom: 0px;} div#inform-ad {margin: 0; visibility: hidden; width: 0px; height: 0px;} div#image a img {background: transparent; border-style: none;} .dockclass {position:relative;} div.link {width:560px; overflow:auto; text-align:center; vertical-align: bottom; margin:auto; margin-top: 2em; clear: both;} FORM.default { margin-bottom: 0px;} H1 { font-size: 208%; color: #000; text-align:left; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} H1.default { text-align: left;} H2 { font-size: 173%; color: #000; text-align: center; margin-top: 1em; margin-bottom: 1em;font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} H3 { font-size: 144%; color: #000; text-align: center; margin-top: 2em; margin-bottom: 1em;font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} H3.blue { color: #000099; background-color: inherit;} H3.center { text-align: center; margin-bottom: 12pt;} H4 { font-size: 120%; color: #000; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} H4.default { text-align: center; margin-top: 18pt;} H4.center { text-align: center; margin-top: 2em; margin-bottom: 1em;} H4.left { text-align: left; margin-top: 18pt;} H4.surya { text-align: left;} H5 { font-size: 100%; color: #000; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} H5.default { text-align: center;} H5.center { text-align: center; margin-top: 2em;margin-bottom: 1em;} H5.left { text-align: center; margin-top: 2em;} IMG {border-style: none;} img.bar {margin-top: 12px; height:17px; clear:both; background: transparent; border-style: none; width: 90%;} img.bar2 {margin-top: 1em; width: 560px; height:12px; margin-bottom: 2em;} img.bar-narrow {margin-top: 12px; height:17px; clear:both; background: transparent; border:none; width: 560px;} LI.default {margin-left: 10px; margin-right: 10px;} LI.indent {margin-left: 100px; margin-right: 100px;} LI.indent1 {margin-left: 25px; margin-right: 25px; margin-top: 15px;} LI.small {margin-left: 10px; margin-right: 10px; margin-top: 10px; font-size: 85%;} LI.small-close {padding-bottom: 0px; margin: 0px; font-size: 85%; text-align:left;} LI.smaller {margin-left: 10px; margin-right: 10px; margin-top: 10px; font-size: 67%;} LI.smaller-close {margin-top: -2px; font-size: 67%;} OL {list-style-position:inside;text-align:left;margin-left:auto;margin-right:auto;width:auto;text-indent:-1em;padding-left:1em;} P { font-weight: normal; padding-bottom: 1em;} P.alexa1 { text-align: center;} P.default { margin-left: 10px; margin-right: 0px; text-align: left;} P.caption { text-align: center; font-size: 67%;} P.captionwide {text-align: center; font-size: 67%;} P.center { text-align: center;} P.credits { color: #f00; background-color: inherit; margin-bottom: 0px; font-size: 67%; margin-left: 40px; margin-right: 20px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;} P.emph { text-align: center; font-size: 144%; font-weight: bold; color: #FF0000; background-color: inherit;} P.HiddenMessage {visibility: hidden; font-size: 2pt; margin-top: 0pt; margin-bottom: 0pt;} P.justify { font-size: 100%; text-align: justify; margin-left: 10px; margin-right: 10px;} P.link { text-align: center; font-size: 100%; font-family: Georgia, "Times New Roman", Palatino, Times, serif; padding-bottom:1em;} P.left { text-align: left; font-size: 100%; font-family: Georgia, "Times New Roman", Palatino, Times, serif; padding-bottom:1em;} P.linkdesc { text-align: center; font-size: 85%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} P.sans { text-align: center; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} P.small { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; font-size: 85%;} P.smaller { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; font-size: 67%;} P.TableText {padding-bottom:0;} P.whatsnew { text-align: justify; margin-left: 50px; margin-right: 50px;} P.white { font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; color: #ffffff; background-color: inherit;} SPAN.alexa2 { text-align: center; font-size: 58%;} span.caption { text-align: center; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} SPAN.HiddenMessage {visibility: hidden; font-size: 2px; padding: 0px;} SPAN.small { font-size: 85%;} SPAN.smaller { font-size: 67%;} SPAN.white { color: #ffffff; background-color: inherit;} SPAN.whitesmaller {font-size: 64%; color: #ffffff; background-color: inherit;} SPAN.red { color: #FF0000; background-color: inherit;} SPAN.smallwhite {font-size: 80%; color: #ffffff; background-color: inherit;} TABLE { font-weight: normal; empty-cells: show;} TABLE.border { border: 5px outset gray; border-collapse: collapse; width: 560px; margin-bottom: 2em;margin-left: auto;margin-right: auto;} TABLE.center { border-style: none; width: auto;margin-left: auto;margin-right: auto;} TABLE.center90 { border-style: none; width: 90%;margin-left: auto;margin-right: auto;} TABLE.desc { border-style: none; width: 100%; margin-bottom: 2em;margin-left: auto;margin-right: auto;} TABLE.link { border-style: none; width: 560px; margin-bottom: 2em;margin-left: auto;margin-right: auto;} TABLE.pagehead {border-style: none; width: 100%; padding: 0px;} TABLE.photo { border-style: none; padding: 10px;margin-left: auto;margin-right: auto;} table.job {border-style: none; margin-left: auto; margin-right: auto; margin-top: 2em; width:100%;} table.roles {border-collapse:collapse;margin-left: auto;margin-right: auto;} table.roles tr td {border: 2px solid gray; padding:.125em .5em .125em .5em;} TD.attn { color: #FF0000; background-color: inherit; font-size: 85%; text-align: left; font-weight: bold; vertical-align: top;} TD.bullet { text-align: left; vertical-align: top; padding-right: 3px; width: 24px;} TD.button { text-align: center; vertical-align: middle; font-weight: bold; font-size: 100%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.caption { text-align: center; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.captionb { border: 2px inset gray; text-align: center; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.center { text-align: center;} TD.clock { text-align: center; vertical-align: top; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.desc { color: #990000; background-color: inherit; font-size: 85%; text-align: left; font-weight: bold; vertical-align: top;} TD.fonttest1 { text-align: left; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.fonttest2 { text-align: left; font-family: sans-serif;} TD.fonttest4 { text-align: left; font-family: Georgia, "Times New Roman", Palatino, Times, serif;} TD.fonttest5 { text-align: left; font-family: serif;} TD.headsright { text-align: right; vertical-align: bottom; font-size: 67%; font-family: Georgia, "Times New Roman", Palatino, Times, serif;} TD.H3L { font-weight: bold; font-size: 120%; vertical-align: middle; text-align: left; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.H3R { font-weight: normal; font-size: 120%; vertical-align: middle; text-align: right; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; } TD.ldesc { color: #990000; background-color: inherit; font-size: 85%; text-align: left; font-weight: bold; padding-right: 18px; vertical-align: top; width: 50%;} TD.lcaption { text-align: left; vertical-align: top; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.link { text-align: center; vertical-align: bottom; font-size: 100%; font-family: Georgia, "Times New Roman", Palatino, Times, serif;} TD.linkthird { text-align: center; vertical-align: bottom; width: 33%; font-size: 100%; font-family: Georgia, "Times New Roman", Palatino, Times, serif;} TD.linkmiddle { border: 2px inset gray; text-align: center; vertical-align: middle; font-size: 100%; font-family: Georgia, "Times New Roman", Palatino, Times, serif;} TD.linkdesc { text-align: left; vertical-align: top; font-size: 85%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.linkdescctr {text-align: center; font-size: 85%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.middle { text-align: center; vertical-align: middle;} TD.lhead { background: transparent none; text-align: left; vertical-align: top;} TD.lphead { background: transparent none; text-align: left; vertical-align: top; width: 25%;} TD.cphead { background: transparent none; text-align: center; vertical-align: top; width: 50%;} TD.rphead { background: transparent none; text-align: right; vertical-align: top; width: 25%;} TD.photo { text-align: center; vertical-align: top; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.rcaption { text-align: right; font-size: 67%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.small { font-size: 85%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.smallserif { text-align: left; font-size: 85%; font-family: Georgia, "Times New Roman", Palatino, Times, serif;padding:3px;} TD.spaced { background: transparent none; text-align: left; vertical-align: top; padding: 0 .5em 0 .5em; width: auto;} TD.text { background: transparent none; text-align: left; vertical-align: top;} TD.topcenter { background: transparent none; text-align: center; vertical-align: top;} TD.ltextmid { background: transparent none; text-align: left; vertical-align: middle;} TD.topright { background: transparent none; text-align: right; vertical-align: top;} TD.update { font-size: 67%; text-align: left; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.pulldown-caption {font-size: 67%; text-align: right; margin: 2pt; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.smallwhite { color: #ffffff; background-color: inherit; font-size: 80%; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TD.school {width:auto;margin:3px;} TD.city {width:auto;padding:3px;} TD.years {width:auto;padding:3px;} TH {padding-bottom: .5em;font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} TH.border { border: 3px inset gray; text-align: center; vertical-align: middle; font-size: 100%;} TH.stacked {padding-top: 1.5em;} TR { font-weight: normal;} TR.spacer { height: 20px;} UL {list-style-position:inside;text-align:left;margin-left:auto;margin-right:auto;width:auto;text-indent:-1em;padding-left:1em;} UL.table {margin-bottom: 8px;} UL.table li {padding-top: 2px;} ul.jobduty li {padding-bottom: .5em;} A:link, A:visited {text-decoration: none;} A:hover { color: #FFF; background-color: #00F;} A:active { color: #FFF; background-color: #F00;} A.heavy { font-size: 67%; font-weight: 900;} span.img_link a:active {border: none; padding: 0px; background: transparent;} span.img_link a:hover {border: none; padding: 0px; background: transparent;} span.img_link a img {border: none; padding: 4px; background: transparent;} span.img_link a:hover img {border: 3px solid blue; padding: 1px;} span.img_link a:active img {border: 3px solid red; padding: 1px;} table.fd_bordertable {margin-left: auto;margin-right: auto;} table.fd_maintable {margin-left: auto;margin-right: auto;} tr.fd_header td {position: absolute; left: -9000px;} td.fd_itemcell {text-align:left;padding-bottom: 2em;} a.fd_itemlink {text-align:right;} a.fd_itemlink div {position: absolute; left: -9000px;} /* ================================================================ 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/simple_vertical.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. =================================================================== */ /* Add a high z-index to make it appear over any element below */ #menu_container {position: absolute; top: 8px; right: 8px; width:auto; height:25px; z-index:1001;} /* Get rid of the bullets in the unordered lists */ #pmenu, #pmenu ul {text-align: center; list-style-position:outside; list-style-type: none; text-indent:0;} /* Set up the link size, color and borders */ #pmenu a, #pmenu a:visited {display:block; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; font-size:9pt; font-weight:normal; height:25px; line-height:24px; text-decoration:none; padding:0 .5em 0 .5em; border:1px outset #000; border-width:1px 0 1px 1px; color:#fff; width: 8em;} /* Set up the sub level borders */ #pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;} #pmenu li.drop a, #pmenu li.drop a:visited {border-width:1px 1px 3px 1px; padding-right: .9em;} #pmenu li.horiz a, #pmenu li.horiz a:visited {border-width:1px 1px 3px 1px;} #pmenu li.right a, #pmenu li.right a:visited {border-width:1px 3px 3px 1px;} #pmenu li.vert a, #pmenu li.vert a:visited {border-width:0px 3px 1px 1px;} #pmenu li.fly a, #pmenu li.fly a:visited {border-width:0px 3px 1px 1px; padding-right: .9em;} #pmenu li.bottom a, #pmenu li.bottom a:visited {border-width:0px 3px 3px 1px;} /* Set up the list items */ #pmenu li {float:left; text-indent:0; background:#66f;} /* For Non-IE browsers and IE7 */ #pmenu li:hover {position:relative;} /* Make the hovered list color persist */ #pmenu li:hover > a {background:#0f0; color:#000;} #pmenu li.drop a:hover, #pmenu li.horiz a:hover {border-width:1px 1px 3px 1px; text-align:center;} #pmenu li.right a:hover {border-width:1px 3px 3px 1px; text-align:center;} #pmenu li.vert a:hover {border-width:0px 3px 1px 1px; text-align:center;} #pmenu li.fly a:hover {border-width:0px 3px 1px 1px; text-align:center;} #pmenu li.bottom a:hover {border-width:0px 3px 3px 1px; text-align:center;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #pmenu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url("images/clear.gif");} /* Position the first sub level beneath the top level liinks */ #pmenu > li:hover > ul {left:-30px; top:16px;} /* get rid of the table */ #pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #pmenu li a:hover {position:relative; background:#f00; color:#fff;} /* For accessibility of the top level menu when tabbing */ #pmenu li a:active, #pmenu li a:focus {background:#f00; color:#fff;} /* Set up the pointers for the sub level indication */ #pmenu li.fly {background:#66f url(images/fly.gif) no-repeat right center;} #pmenu li.drop {background:#66f url(images/drop.gif) no-repeat right center;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ /* change the drop down levels from display:none; to visibility:hidden; */ * html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url("images/clear.gif");} /* keep the third level+ hidden when you hover on first level link */ #pmenu li a:hover ul ul {visibility:hidden;} /* keep the fourth level+ hidden when you hover on second level link */ #pmenu li a:hover ul a:hover ul ul {visibility:hidden;} /* keep the fifth level hidden when you hover on third level link */ #pmenu li a:hover ul a:hover ul a:hover ul ul {visibility:hidden;} /* keep the sixth level hidden when you hover on fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;} /* make the second level visible when hover on first level link and position it */ #pmenu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;} /* make the third level visible when you hover over second level link and position it and all further levels */ #pmenu li a:hover ul a:hover ul {visibility:visible; top:-11px; left:80px;} /* make the fourth level visible when you hover over third level link */ #pmenu li a:hover ul a:hover ul a:hover ul {visibility:visible;} /* make the fifth level visible when you hover over fourth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;} /* make the sixth level visible when you hover over fifth level link */ #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;} /* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */ #fixedtipdiv {position:absolute; padding: 2px; text-align: left; border: 2px solid black; color: #000; background-color: #FFFFE0 /* lightyellow */; font:normal 12px Verdana; line-height:18px; z-index:100;} #fixedtipdiv ul {list-style-type: disc; list-style-position: inside;}