body, td, p {
font-family: 'Lucida Grande',Tahoma,Arial,Helvetica,sans-serif;
font-size: 12px;
}
/*/*/a{}
body,td,p {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
html>body p {
font-size: small;
}
/* */
.small {
font-size: xx-small;
}
.small td, .small p {
font-size : xx-small;
}
body {
background-color:#b9b9b9;
color: #000;
width: 800px;
}
.page {
background-color:#fff;
border: 4px solid #aaa;
padding: 6px;
margin-left:20px;
width:700px;
}
.menupage .page {
background-color: #000;
color: #fff;
border: 0;
}
.menupage, .menupage td, .menupage p {
/*blackpage,white text*/
background-color: #000;
color: #fff;
}
.menupage a {
/*red anchors*/
color: #fff;
font-weight: bold;
}
.guidepage {
background-color : #c0c0c0;
}
h1 {
width:98%;
text-align:center;
border: solid #000000 2px;
background-color: #000000;
color: #ffffff;
font-size:150%;
font-weight: bold;
}
h1 a {
color: #ffffff;
}
h2 {
width:96%;
padding:5px;
background-color:#0000ff;
color: #ffffff;
text-align:center;
font-size:130%;
padding-left: 1em;
border: solid #0000ff 1px;
clear:both;
}
h2 a {
color: #ffffff;
}
h3 {
width:20em;
background-color:#ff0000;
clear:both;
color: #ffffff;
font-size:120%;
padding-left: 1em;
border: 1px solid #000000;
/*/*/
width:96%;
/* */
}
h3 a {
background-color:#ff0000;
color: #ffffff;
}
h4 {
clear:both;
}
/*mozilla-only*/
h1,h2,h3 {
-moz-border-radius: 15px;
border-radius: 15px;
}
td {
vertical-align:top;
}
td img {
padding: 0;
margin:0;
border:0;
}
td p, td h3 {
padding:2px;
margin-left:2px;
}
td.wide {width: 450px;text-align:center;}
th, th a {
background-color:#000000;
color: #ffffff;
text-align:left;
vertical-align:top;
}
/*nn4-assign to td, not table (or div)*/
.navbar {
margin-bottom: 10px;
}
.navbar, .navbar a {
background-color:#000000;
color: #ffffff;
overflow:hidden;
width: 100%;
}
.navbar img  {
margin: 0 10px;
}
/*mozilla-only: attribute selector*/
*[class="navbar"] {
-moz-border-radius: 15px;
border-radius: 15px;
}
.navbar .prev {
float:left;width:15%;
}
.navbar .next {
float:right;width:15%;
}
.navbar .center {
float:left;width:70%;
text-align: center;
}
.navbar a.prev{
background: url(prev.gif) no-repeat 10px;padding-left:35px;
width:41%;text-align:left;text-decoration:none;
}
.navbar a.next{
background: url(next.gif) no-repeat 97%;padding-right:10%;
width:41%;text-align:right;text-decoration:none;
}
.title {
font-size: 18px;
text-align:center;
color: #ffffff;
font-weight: bold;
}
.titlecredit {
font-size: xx-small;
text-align:center;
color: #ffffff;
}
/*ul horizontal tab bar*/
ul.tabs {
clear: both;
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.tabs li {
display:block;
float:left;
margin:2px;
}
ul.tabs a {
float: left;
padding: 2px 10px 2px 10px;
text-decoration: none;
margin:0;
background-color:#c0c0c0;
border: solid #808080 2px;
border-bottom:none;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
}
ul.tabs a:hover {
background-color:#cacaca;
color:#f00;
}
ul.tabs a.active, ul.tabs a.active:hover {
background: none;
color: #000;
background-color:#fff;
border: solid 2px #ff8000;
border-bottom:none;
cursor: default;
}
/*table-based tab bar*/
.tabactive {
width:100%; /*should be length of content, but IE uses box width*/
margin:0px;
border-collapse:collapse;
border-top: solid 3px #ff8000;
border-right: solid 3px #ff8000;
border-left: solid 3px #ff8000;
text-align:center;
display:block;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
}
.tab {
width:100%;
margin:0px;
background-color:#c0c0c0;
border-collapse:collapse;
border: solid #808080 2px;
text-align:center;
display:block;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
}
.tab:hover {
background-color:#cacaca;
color:#000000;
}
.tablegrid, .tablegrid td {
border: solid #808080 1px;
border-collapse:collapse;
empty-cells:show;
padding: 2px;
text-align:left;
}
.tablemenu {
background-color:#000000;
color:#ffffff;
}
.tablemenu td {
vertical-align: top;
text-align:center;
}
.tablemenu a {
text-decoration: none;
color:#ffffff;
}
.tablemenu a:hover {
text-decoration: none;
font-weight:bold;
}
.bbox {
background-color:#000000;
color:#ffffff;
}
.gbox {
background-color:#c0c0c0;
color:#000000;
}
.menu {text-decoration: none;
color: #ffffff;
}
.wfg {
background-color:#000000;
color: #ffffff;
} /*whitelink*/
div.navbar {
background-color:#000;
color: #ffff00;
text-align:center;
width: 100%;
}
table.navbar a.xfg {
background-color:#000;
color: #ffff00;
} /*yellow thispage*/
.cmt {
color: #f00;
} /*red- comments*/
.qt {
font-style: italic;
color: #00f;
}  /*blue- quotes, questions*/
.note {
font-size: xx-small;
color: #0080ff;
}  /*smallblue credits*/
.copy {
font-size: xx-small;
margin-left:10%;
margin-right:10%;
color: #0080ff;
}  /*blue copyright*/
.comment {
margin-left: 15%;
width:60%;
border: thin solid #ccc;
border-width: 1px 2px 2px 1px;
color: #000 !important;
background-color: #ffff80 !important;
padding: 1em;
}

.menulink {
/*whitebox*/
background-color: #fff;
color:#000;
text-align:center;
}
.menulink a { /*make it fill the box*/ /*/*/
color: #000;
background-color: #fff;
display:block;
width:100%;
padding-top:3px;
padding-bottom: 3px;/* */
}
.menulink a:visited { 	/*red mouseover*/
color : #666;
}
.menulink a:hover {
/*red mouseover*/
background-color: #f00;
font-weight:bold;
color : #fff;
}

hr { /*IE color, Moz bgcolor*/
color: #000;
background-color : #000;
clear:both;
}
.menupage hr {
color: #fff;
background-color : #fff;
}
.u {
text-decoration : underline;
}
q {
font-style : italic;
}
cite {
font-weight : bold;
font-style : normal;
}
.picframe {
width: 200px;
}
.pic {
clear: both;
float:right;
margin-left:5px;
}
.pic caption {
font-size: xx-small;
text-align: left;
padding-left: 8px;
}
.picbox {
clear: both;
float:right;
margin-left:5px;
width: 202px;
padding: 4px;
}
.center {
text-align: center;
}
.center td, .center p {
text-align: left;
}
.leftf {
float:left;
margin-right:5px;
}
.rightf {
float:right;
margin-left:5px;
}
.clear {
clear:both;
}
.img-shadow {
float:left;
background: url(shadowAlpha.png) no-repeat bottom right !important;
background: url(shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #ccc;
margin: -6px 6px 6px -6px;
padding: 4px;
}
#box {
border: 5px solid #000000;
}
blockquote.synopses {
margin-left: 25%;
width:400px;
}
blockquote.synopses p{
color: navy;
border: thin solid #ccc;
border-width: 1px 2px 2px 1px;
background-color: #ffff80;
padding: 8px;
margin:0;
}
.ToC {
float:right;
padding:10px;
width: 180px;
margin: 6px;
}
.ToC ul {
width: 160px;
border: 3px solid #aaa;
background-color: #ffff00;
list-style: none inside;
padding-left:5px;
}
.ToC ul a {
display: block;
padding: 3px;
}
.ToC ul a:hover {
background-color: #ff8000;
}
/* Image caption */
.imgcap {
clear: both;
padding: 5px 0 5px 0;
width: 100%;
}
.imgcap:after {
content: " "; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .imgcap {height: 1%;}
.imgcap {display: block;}
/* End hide from IE-mac */
.imgcap img {
float:left;
padding-right: 5px;
clear: left;
margin-bottom: 3px;
}

tr.osc {
background-color: #E2E2E2;
}
/*hcalendar*/
.vevent abbr {border:0}

/*highslide*/

a.highslide-full-expand {
background: url(hsg/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
padding-left: 22px;
background-image: url(hsg/loader.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
@media screen and (max-width:820px) {
body { width: auto; }
.page {
width: 450px;
}
blockquote.synopses {
width:auto;
}
}
@media screen and (max-width:500px) {
.page {
margin-left:0;
width: auto;
}
}