@charset "UTF-8";
/* CSS Document Site Universe */

										/* Page Settings */

html {
	font-size: 100%;
	}

body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #73461A;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Tahoma", "Verdana", sans-serif;
	border-color: #663300;
	background-color: transparent;
	}
/*	
tr {
	border: #8CAD7F;
	}
	
td {
	font-size: 1em;
	color: #8CAD7F;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Tahoma", "Verdana", sans-serif;
	}
*/
img {
	border: none;
	padding: 0.125em;
	}

hr {
	color: #663300;
	background-color: #663300;
	Height: 0.063em;
	border: 0;
	margin-top: 0.125em;
	margin-right: auto;
	margin-bottom: 0.063em;
	margin-left: auto;
	}

a:link {
	color: #C0945C;
	}
a:visited {
	color: #C0945C;
	} 
a:hover {
	color: #A47841;
	text-decoration: none;
	}
a:active {
	color: #FFDFA1;
	text-decoration: none;
	}
/*	
IMG:hover   {
	border: 0.125em solid #663300;
	}
*/
img.imgblock {
	border: 0.125em solid #A47841;
	}	
	
img.imgblock:hover {
	border: 0.188em solid #663300;
	}
	
img.imgblock:active {
	border: 0.125em solid #FFDFA1;
	}

										/* Layout */

div {
	position: relative;
	}
	
textarea {
	padding: 0.125em;
	background-color: #eee;
	border: 0.063em solid #A47841;
	margin: 0.125em;
	}

.center, .aligncenter, .centered {
	text-align: center;
	}

.right, .alignright {
	float: right;
	}

.left, .alignleft {
	float: left;
	}

.clearboth {
	clear: both;
	}
	
#middle {
	margin: 0 auto;
	}
	
#topbanner {
	width: 100%;
	height: 6.88em;
	background-image: url(html_site/topbanner.png);
	background-repeat: repeat-x;
	background-position: bottom;
	position: absolute;
	z-index: -2;
	}
			
#container {
	width: 62.5em;
	height: 42.443em;
	margin: 0 auto;
	}

#allthree {
	width: 62.5em;
	height: 6.88em;
	margin: 0 auto;
	}

#topleft {
	width: 15.625em;
	height: 6.88em;
	}
	
#title {
	width: 31.25em;
	height: 6.88em;
	}
	
#topright {
	width: 15.625em;
	height: 6.88em;
	}
	
#navleft {
	width: 15.625em;
	height: 26.563em;
	}
	
#padnavleft {
	padding-top: 0.875em;
	padding-right: 1em;
	width: 14.625em;
	height: 26.375em;
	}
	
#navbar {
	width: 31.25em;
	height: 1.563em;
	}

#lowleft {
	width: 15.625em;
	height: 6.25em;
	}
	
#padlowleft {
	padding-right: 1em;
	width: 14.625em;
	height: 6.25em;
	}

#main {
	width: 31.25em;
	height: 31.25em;
	}

#lowright {
	width: 15.625em;
	height: 6.25em;
	}
	
#padlowright {
	padding-left: 1em;
	width: 14.625em;
	height: 6.25em;
	}
	
#bookfootercontainer {
	width: 100%;
	height: 2.813em;
	margin: 0 auto;
	}
	
#infobar {
	width: 100%;
	height: 1.438em;
	float: left;
	}
	
#footer {
	width: 100%;
	height: 1.312em;
	border-top: 0.063em solid #663300;
	float: left;
	}
	
#col1 {
	width: 15.625em;
	height: 39.693em;
	float: left;
	}
	
#col2 {
	width: 31.25em;
	height: 39.693em;
	float: left;
	}
	
#col3 {
	width: 15.624em;
	height: 39.693em;
	float: left;
	}
	
										/* Type */

	/* heading */
.style1 {
	color: #000000;
	/*font-size: 4.688em;*/
	font-size: 5.063em;
	line-height: 0.95em;
	}
	/* subheading */
.style2 {
	color: #444444;
	font-size: 2em;
	}
	/* (32px) above and below text */
.style3 {
	line-height: 2em;	
	}
	/* anything black */
.style4 {color: #000000;
	font-size: 1.2em;
	}
	/* false link or this colour */
.style5 {color: #A47841;
	}
	/* size for bullet buttons */
.style6 {font-size: 1.5em
	}
	/* black */
.style7 {color: #000000;
	}
	/* not active link / faded text */
.style8 {color: #888888;
	}
	/* not active link / faded text */
.style8a {color: #AAA;
	}
	/* not active link / faded text */
.style9 {color: #BBBBBB;
	}
	/* serif font */
.style10 {font-family: 'Garamond', 'Bookman', 'Times New Roman', serif;}
	/* black for headings */
h2 {
	font-size: 1.4em; 
	}
h3 {
	font-size: 1.2em;
	}
h4, h5, h6 {
	padding-left: 0.25em;
	padding-bottom: 0.263em;
	border-bottom: 0.063em dashed #663300;
	margin-bottom: -0.188em;
	}
h1, h2, h3, h4, h5, h6 {
	color : #000000;
	font-weight: 400;
	}
	/* paragraph */
p {
/*	text-indent: 1.5em;*/
	line-height: 1.325em;
/*	text-align: justify;*/
	font-family: 'Garamond', 'Bookman', 'Times New Roman', serif;
	padding: 0 0.5em;
	}
	/* list */
ul {
	line-height: 2em;
	}
ul a:link {
	color: #000000;
	text-decoration: none;
	}
ul a:visited {
	color: #000000;
	text-decoration: none;
	} 
ul a:hover {
	color: #A47841;
	text-decoration: none;
	}
ul a:active {
	color: #FFDFA1;
	text-decoration: none;
	}

	/* make a link hidden until 'hover' */
.hidlink a:link {
	color: #73461A;
	text-decoration: none;
	}
.hidlink a:visited {
	color: #73461A;
	text-decoration: none;
	} 
.hidlink a:hover {
	color: #A47841;
	text-decoration: none;
	}
.hidlink a:active {
	color: #FFDFA1;
	text-decoration: none;
	}

.hidlink2 a:link {
	color: #000000;
	text-decoration: none;
	}
.hidlink2 a:visited {
	color: #000000;
	text-decoration: none;
	} 
.hidlink2 a:hover {
	color: #A47841;
	text-decoration: none;
	}
.hidlink2 a:active {
	color: #FFDFA1;
	text-decoration: none;
	}
										/* navbar */

#navbar_btns {
	list-style: none;
	line-height: normal;
	margin: 0;
	padding: 0;
	}

#navbar_btns li {
/*	display: inline;*/
	}

#navbar_btns div {
	background-color: #73461A;
	width: 38px;
	margin-left: 3.657%;
	padding: 0px 12px 3px 12px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	}

.navlinks a:link ,.navlinks a:visited,.navlinks a:hover,.navlinks a:active {
	color: #FFF;
	text-decoration: none;
	}

/*.navlink div:link {
	background-color: #73461A;
	text-decoration: none;
	}
.navlink div:visited {
	background-color: #73461A;
	text-decoration: none;
	} 
.navlink div:hover {
	background-color: #A47841;
	text-decoration: none;
	}
.navlink div:active {
	background-color: #FFDFA1;
	text-decoration: none;
	}*/
		
/*.nbtn01 {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
	}
.nbtn02 {
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
	}
.nbtn03 {
-moz-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
-o-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg);
	}
.nbtn04 {
	}
.nbtn05 {
	}
.nbtn06 {
	margin: 0;
	}*/
	
#navright {
	width: 15.625em;
	height: 26.563em;
	}
	
#padnavright {
	padding-top: 0.875em;
	padding-left: 1em;
	width: 14.625em;
	height: 26.375em;
	}
	
										/* sound player */
	
#flashplyr {
	display: none;
	}
	
										/* pageflip */
										
#pageflip {
	
	}
	
										/* Tooltip */

a.info{
    position:relative; /*this is the key*/
    color: #C0945C;
	cursor: help;
	}

a.info p{
	display: none;
	}

a.info:hover p{ /*the <a> will display just on :hover state*/
    display:block;
    position:fixed;
    z-index:24;
    bottom:1em; left:2.2em;
    border: 0.156em solid #663300;
	background-image: url(/html_site/background.jpg);
	background-repeat: repeat;
	padding: 0.5em;
	color: #73461A;
    text-align: center;
	text-indent: 0;
	}
	
span.info{
    position:relative;
    color: #C0945C;
	cursor: help;
	}

span.info p{
	display: none;
	}

span.info:hover p{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index:24;
    bottom: 2.5em; left: -3.5em;
	width: 12em;
    border: 0.156em solid #663300;
	background-image: url(/html_site/background.jpg);
	background-repeat: repeat;
	padding: 0.5em;
	color: #73461A;
    text-align: center;
	text-indent: 0;
	}
	
div.clockinfo{
    position:relative;
    color: #C0945C;
	cursor: help;
	}

div.clockinfo p{
	display: none;
	}

div.clockinfo:hover p{ /*the div will display just on :hover state*/
    display:block;
    position:absolute;
    z-index:24;
    bottom: -0.74em; right: -12.5em;
	width: 10em;
    border: 0.156em solid #663300;
	background-image: url(/html_site/background.jpg);
	background-repeat: repeat;
	padding: 0.5em;
	color: #73461A;
    text-align: center;
	text-indent: 0;
	}
	
a.feedinfo{
    position:relative;
    color: #C0945C;
	cursor: help;
	}

a.feedinfo p{
	display: none;
	}

a.feedinfo:hover p{ /*the div will display just on :hover state*/
    display:block;
    position:absolute;
    z-index:24;
    bottom: 0.5em; left: -16.5em;
	width: 12em;
    border: 0.156em solid #663300;
	background-image: url(/html_site/background.jpg);
	background-repeat: repeat;
	padding: 0.5em;
	color: #73461A;
    text-align: center;
	text-indent: 0;
	}