* {margin:0; padding:0;}
A {text-decoration: none;}
A:link, A:visited {color: #3E5A2A; background-color: transparent;}
A:hover {color: #DAD7C8; background-color: #A51E2D;}
A:active {color: #DAD7C8; background-color: #3E5A2A;}
ABBR, ACRONYM, DFN {border-bottom: 1px dotted #FFF;cursor: help;}
ABBR, ACRONYM, DFN,
SPAN.CAPS {cursor: help;} /* HTML */
BODY {width:100%; height:100%; background-color:#DAD7C8; font-family: Georgia, "Times New Roman", Palatino, Times, serif;}
DIV {text-align:center; margin-left: auto; margin-right: auto;}
H1 {font-size: 208%; color: #FFF; 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 #DAD7C8; 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: 5.5em; background-color:#A51E2D; 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:42px;right:0;width:auto;height:22px;vertical-align:bottom;font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif;font-size:67%;color:#FFF;line-height:1.75em;}
#search {text-align:center; width:100%; position:absolute;top:42px;left:0;}
span.search {color:#fff;font-size:67%;}
#main {min-height: 100%; overflow:hidden; padding: 12px 24px 12px 24px;}
* html #main {height: 1%; /* IE6 hack, paired with previous line */ }
#sidebar {width:172px; max-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:160px; margin-bottom: 6px; border: 3px outset #DAD7C8;}
#sidetext {width:100%;padding-top:2em;text-align:center;font-size:85%;font-weight:bold;color:#A51E2D;}
#footer {clear:both; color:#DAD7C8; background-color:#A51E2D; text-align: center; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 85%; padding: 0 6px 0 6px; bottom:0; overflow: hidden;}
#footer a:link,
#footer a:visited {color:#DAD7C8; background-color:#A51E2D; text-decoration: underline;}
#footer a:hover {color:#A51E2D; background-color:#DAD7C8; text-decoration: none;}
#footer a:active {color:#FFF; background-color:#A51E2D; text-decoration: underline;}
#search a:link,
#search a:visited {color:#DAD7C8; background-color:#A51E2D; text-decoration: underline; }
#search a:hover {color:#A51E2D; background-color:#DAD7C8; text-decoration: none;}
#search a:active {color:#FFF; background-color:#A51E2D; text-decoration: underline;}
#News:hover {background: transparent;}
#textnav {text-align:center;padding:8px;color:#DAD7C8;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%; color: #A51E2D;}
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: 480px;}
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: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;}
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;}
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: #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 {height: 195px}
div.photos2 {overflow:auto;height:auto; text-align: center; width: 375px; margin-top:24px; color: #A51E2D; font-size: 85%;}
div.photos2 ul.photos li {height: 195px;}
div.photos3 {overflow:auto;height:auto; width: 515px; margin-top:24px; color: #A51E2D; font-size: 85%;}
div.photos3 ul.photos li {height: 195px;}
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; color: #A51E2D;}
.captionwide {text-align: center; max-width: 560px; margin: auto; font-size:85%; color: #A51E2D;}
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%;}
img.bar {margin-top: 12px; height:17px; clear:both; background: transparent; border: none; width: 90%;}
img.bar-narrow {margin-top: 12px; height:17px; clear:both; background: transparent; border: none; width: 560px;}
table.content {text-align:center; margin-left: auto; margin-right: auto}
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');}
/* eBay doesn't set height/width for images, so we cannot change their border (using the ) on hover */
/* eBay uses a style attribute to set the color of a link, so we have no way to override that foreground color on hover */
div.ebay {background: #A51E2D; font-size: 85%; width: 570px; margin-top:12px; text-align: center; margin-left: auto; margin-right: auto;}
#sidebar * div.ebay {background: #A51E2D; 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: #DAD7C8; background-color: #FFF;}
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 {color:#3E5A2A; font-family: Georgia, "Times New Roman", Palatino, Times, serif; font-size: 100%;}
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,
div#inform-wrapper dl#inform-data dt a:visited {color:#3E5A2A; background-color: transparent;}
div#inform-wrapper dl#inform-data dt a:hover {color:#A51E2D; background-color: #FFF;}
div#inform-wrapper dl#inform-data dd {color:#A51E2D; 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:#DAD7C8; background-color:#A51E2D; 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:#A51E2D; background-color: #FFF; font-size: 85%;}
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.default {margin-bottom: 0px;}
P.left { text-align: left;}
P.caption { text-align: center; font-size: 67%;}
P.center { text-align: center;}
P.credits { margin-bottom: 0px; font-size: 67%; margin-left: 20px; margin-right: 20px;}
P.emph { text-align: center; font-size: 144%; font-weight: bold; color: #A51E2D; padding: 2em 0 2em 0;}
P.link { text-align: center; font-size: 100%;}
P.linkdesc {text-align: center; font-size: 85%;
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;}
P.headingdesc {width:560px; text-align:left; margin-left: auto; margin-right: auto;}
P.headingcdesc {width:560px; text-align:center; margin-left: auto; margin-right: auto; padding:1em 0 1em 0;}
/* CSS POPUP ROLLOVER STYLE */
.popup_text a em {display: none; border: 0;}
.popup_text a:link, .popup_text a:visited {text-decoration: none;}
/* controls location and appearance of popup/rollover text and background */
.popup_text a:hover em {position: absolute; font: 10px Verdana, sans-serif; color: #000; background: #fffaf0; display: block;
border: 1px solid #000; padding: 5px 5px 5px 8px; width: 20em; margin-top: -266px;}
.popup_text a:hover {border: none;}
/* For Fixed ToolTip script */
#fixedtipdiv {position:absolute; padding: 5px; text-align: left; border: 2px solid black; color: #000; background-color: #e8c488; font:normal 12px Verdana; 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:#DAD7C8; width:10.125em;}
/* 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:#3E5A2A;}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#DFD7CA; color:#A51E2D;}
#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;}
#pmenu li.fly a:hover {border-width:0px 3px 1px 1px;}
#pmenu li.bottom a:hover {border-width:0px 3px 3px 1px;}
/* 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"); width:10.125em;}
/* 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:#DFD7CA; color:#A51E2D;}
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#DFD7CA; color:#A51E2D;}
/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#3E5A2A url(images/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#3E5A2A 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;}
/* 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 */
#home .home, #fall .fall, #glass .glass, #westcott .westcott {border-color:#000;}