* {margin:0; padding:0;} A {text-decoration: none;} A:link {color: #000080; background: transparent;} A:visited {color: #138808; background: transparent;} A:hover {color: #FFF; background-color: #138808;} A:active {color: #FFF; background-color: #F93;} ABBR, ACRONYM, DFN {border-bottom: 1px dotted #138808;cursor: help;} ABBR, ACRONYM, DFN, SPAN.CAPS {cursor: help;} /* HTML */ BODY {width:100%; height:100%; background: url("images/background1.gif") fixed; font-family: Georgia, "Times New Roman", Palatino, Times, serif;} DIV {text-align:center; margin-left: auto; margin-right: auto;} H1 {font-size: 208%; color: #000; text-align:left; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} 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;} H4 {font-size: 120%; color: #000; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} H5 {font-size: 100%; color: #000; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} IMG {border-style: none; background: url(images/loading_transp.gif) no-repeat 50% 50%;} OL {text-align:left;margin-left:auto;margin-right:auto;width:auto;padding-left:1em;} P {font-weight: normal; padding-bottom: 1em;} TABLE {font-weight: normal; empty-cells: show;} TEXTAREA {overflow: auto; white-space: pre; display : block;} UL {list-style-position:inside;text-align:left;margin-left:auto;margin-right:auto;width:auto;text-indent:-1em;padding-left:1em;} img.noback {background: transparent; border-style: none;} a img {border: 3px solid #eee; vertical-align: top; text-align: center;} a:hover img {border: 3px solid #000;} a img.noback, a:hover img.noback, a:visited img.noback, a:hover img.bar, a:visited img.bar {background: transparent; border-style: none;} div.hidden {position: absolute; left: -9000px;} #container {margin: 0px auto; width: 100%; min-height: 100%; overflow: hidden;} #header {width: 100%; height: 6em; position:relative;} #title, #logo {text-align:left; padding-left:8px; position:relative; width:auto;} #logo {position:absolute;left:0;width:180px} #addto {text-align:right;padding-right:8px;position:absolute;top:39px;right:0;width:auto;height:22px;vertical-align:bottom;font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;font-size:67%;color:#138808;line-height:1.75em;} #search {text-align:center; width:100%; position:absolute;top:39px;left:0;} span.search {color:#fff;font-size:67%;} #main {height: 1%; /* IE6 hack, paired with next line */ overflow:hidden; padding: 12px 24px 12px 24px;} * html #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-left: auto; margin-right: auto; padding:0;} #translate {width:154px; margin-left: 4px; margin-bottom: 6px; border: 3px outset #138808;} #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: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 85%; margin-top: 12px; padding: 12px 0 8px 0; bottom:0; overflow: hidden; border-top: 4px solid #138808;} #footer a:link, #footer a:visited {color: #000080; background: transparent;} #footer a:hover {color: #FFF; background-color: #138808;} #footer a:active {color: #FFF; background-color: #F93;} #search a:link, #search a:visited {color:#138808; background: transparent;} #search a:hover {color:#FFF; background-color:#138808;} #search a:active {color:#FFF; background-color:#F93;} #News:hover {background: transparent;} #textnav {text-align:center;padding:8px;color:#138808;vertical-align:top;display:inline;} #contact {text-align:center; vertical-align: middle; padding: 24px 0 24px 0;} #sitemeter {float:left; text-align:left;} #sitemeter img {background: transparent; border-style: none;} #eXTReMe {float:right; text-align:right;} #webring {vertical-align: top; width: 100%;text-align:center; margin: auto;padding: 24px 0 24px 0;} #webring table {margin:auto;} div.content {vertical-align: top; width: 100%;} div.twocol {position:relative; overflow: auto; vertical-align: top; margin:12px 0 12px 0;} div.colleft {width: 48%; text-align: left; float: left;} div.colright {width: 48%; text-align: left; float: right;} 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.books {overflow:auto;height:auto; text-align: center; width: 100%;} div.books2 {overflow:auto;height:auto; text-align: center; width: 560px;} ul.books {list-style-type: none;} li.book {border-style: none; height: 270px; width: 220px; text-align: center; color: inherit;display: inline;float: left; margin:1em 3px 3px 3px;} li.bookwide {border-style: none; width: 400px; text-align: left; color: inherit;display: inline; float: left; margin:1em .5em .5em .5em; text-indent: 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;} div.bookdesc {display: none; position: absolute; left: -9000px;} span.magdesc {text-align: center; width: 160px; margin: 2px;} .highlight {background-color: yellow; text-align: center; border: 1px solid #000;} img.floatLeft {float: left; margin: 4px;} 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 0 5px 0;} div.photos {overflow:auto;height:auto; text-align: center; width: 100%; padding-top:24px;color: #000;font-size: 85%; margin-left: auto; margin-right: auto;} div.photos2 {overflow:auto;height:auto; text-align: center; width: 375px; margin-top:24px; color: #138808; font-size: 85%;} div.photos2 ul.photos li {height: 195px;} div.photos3 {overflow:auto;height:auto; width: 560px; margin-top:24px; color: #138808; font-size: 85%;} div.photos3 ul.photos li {height: 195px; padding-left: 5px; padding-right: 5px} 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;} div.youtube {overflow:auto; height:auto; text-align: center; min-width: 394px; padding-top: 24px; background: url(images/loading_transp.gif) no-repeat 50% 50%;} div.bar {clear: both; margin-top: 12px; height:12px; width: 90%; background-repeat: repeat-x; background-image: url(images/bar1.gif);} P.credits {color: #f00; background-color: inherit; margin-bottom: 0px; font-size: 67%; margin-left: 40px; margin-right: 20px; text-align: center; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;} P.emph {text-align: center; font-size: 144%; font-weight: bold; color: #FF0000; background-color: transparent;} ul.links {text-align:left; vertical-align: bottom; padding-left:2em; list-style-type: square;} ul.links li {text-align:left; vertical-align: bottom; text-indent:-1em; list-style-image:url('images/bullet.gif');} div.ebay {background: #F93; font-size: 85%; width: 570px; margin-top:12px; text-align: center; margin-left: auto; margin-right: auto;} #sidebar * div.ebay {background: #F93; font-size: 85%; width: 160px; margin-top:12px; text-align: center; margin-left: auto; margin-right: auto;} div.ebay * a {font-family: Georgia, "Times New Roman", Palatino, Times, serif; text-align: center;} div.ebay * a:hover {color: #FFF; background-color: #F93;} div.ebay * img {border-style: none;display:block;background: transparent;} div.ebay * form.nomargin {margin-right:5px;} div.ebay * form.nomargin img {display:inline;} div.ebay table tbody tr table tbody tr td a img {display:inline;} div#inform-wrapper {width:482px; background:transparent; text-align: center; margin-left: auto; margin-right: auto;} div#inform-wrapper h3 {font-size: 175%; 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;} /* match normal H2 */ div#inform-wrapper a#inform-branding {display:block; width: 100%; height: 25px; background: url(http://www.inform.com/inform2/resources/img/common/logo-poweredby.gif) no-repeat 50% 50%;} div#inform-wrapper dl#inform-data {font-family: Georgia, "Times New Roman", Palatino, Times, serif; color:#138808;} div#inform-wrapper dl#inform-data dt {font-family: Georgia, "Times New Roman", Palatino, Times, serif; font-weight: normal; text-align:left;} div#inform-wrapper dl#inform-data dt a {font-family: Georgia, "Times New Roman", Palatino, Times, serif;} div#inform-wrapper dl#inform-data dd {color:#F93; background:inherit; font-family: Georgia, "Times New Roman", Palatino, Times, serif; font-size: 85%; margin-bottom:.5em; text-align:right;} div#inform-wrapper a#inform-more-news {color:#000080; background-color:#F93; display:block; font-size: 85%; text-align: center; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-weight:bolder; padding: 5px 0 5px 0;} div#inform-wrapper a#inform-more-news:hover {color:#FFF; background-color:#138808;} div#inform-ad {margin: 0; visibility: hidden; width: 0px; height: 0px; position: absolute; left: -9000px;} div#inform-wrapper iframe {margin: 0; visibility: hidden; width: 0px; height: 0px; position: absolute; left: -9000px;} .dockclass {position:relative;} form.cssform {width: 560px; height: 450px; margin-top: 2em; margin-left: auto; margin-right: auto;} .cssform div {width: 560px; margin: 0; padding: 5px 0 8px 0; padding-left: 10em; /*width of left column containing the label elements*/ height: 1%; text-align: left;} .cssform label {font-weight: bold; float: left; margin-left: -9em; /*width of left column*/ width: 9em; /*width of labels. Should be smaller than left column to create some right margin*/} .cssform .button {width: 8em; height: 2em;} .cssform .radio {margin-right: 0.5em; padding-left: .5em;} .cssform .textfield {width: 350px;} .cssform textarea {width: 350px; height: 150px;} div.limitText {text-align: left; display: inline; font-size: 67%; width: auto; padding-left: 1em; height: auto;} div.errorText {text-align: left; display: inline; font-size: 67%; width: auto; padding-left: 0; margin-left: -115px; /*width of left column*/ color: #f00; height: auto;} #submit {margin-left: 85px;} /*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */ * html .threepxfix {margin-left: 3px;} /* What are these for? 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;} */ /* For Fixed ToolTip script */ #fixedtipdiv {position:absolute; padding: 5px; text-align: left; border: 2px solid #000080; color: #000080; background-color: #FFF; font:normal 12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; line-height:18px; z-index:100;} #fixedtipdiv ul {list-style-type: disc; list-style-position: inside;} /* ================================================================ 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: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:9pt; font-weight:normal; height:25px; line-height:24px; text-decoration:none; padding:0 .25em 0 .5em; border:1px outset #000; border-width:1px 0 1px 1px; color:#fff;} /* 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: 24px;} #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:1px 3px 0px 1px; text-align:left;} #pmenu li.fly a, #pmenu li.fly a:visited {border-width:0px 3px 1px 1px; padding-right: 24px;} #pmenu li.bottom a, #pmenu li.bottom a:visited {border-width:1px 3px 3px 1px; text-align:left;} /* Set up the list items */ #pmenu li {float:left; text-indent:0; background:#138808;} /* For Non-IE browsers and IE7 */ #pmenu li:hover {position:relative;} /* Make the hovered list color persist */ #pmenu li:hover > a {background:#F93; color:#fff;} #pmenu li.drop a:hover, #pmenu li.horiz a:hover {border-width:1px 1px 3px 1px;} #pmenu li.right a:hover {border-width:1px 3px 3px 1px;} #pmenu li.vert a:hover {border-width:0px 3px 1px 1px; text-align:left;} #pmenu li.fly a:hover {border-width:0px 3px 1px 1px; text-align:left;} #pmenu li.bottom a:hover {border-width:0px 3px 3px 1px; text-align:left;} /* 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:#fff; color:#138808;} /* For accessibility of the top level menu when tabbing */ #pmenu li a:active, #pmenu li a:focus {background:#fff; color:#138808;} /* Set up the pointers for the sub level indication */ #pmenu li.fly {background:#138808 url(images/fly.gif) no-repeat right center;} #pmenu li.drop {background:#138808 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 */