/* CSS Document */

#historyouter {
	margin: 0px 0px 0px 0px;
	width: 292px;
	border: 1px solid #666666;
	background-color: #D8F4FC;
	float: right;
	}
	
#historyinner {
	margin: 4px;
	padding: 3px;
	border: 1px solid #666;
	background-color: #EAEFF4;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #333;
	text-align: justify;
	}

#historyinner a {
	color: #215A94;
	}

#historyinner a:hover {
	color: #3399CC;
	}
	
#historyinner p {
	margin: 0;
	font-weight: bold;
	}
	
#historytitle {
	color: #000066;
	}
	
#historytitle a {
	color: #000066;
	text-decoration: none;
	}
	
#historytitle a:hover {
	color: #000066;
	text-decoration: none;
	}
	
#pictureright {
	margin: 3px 0px 10px 10px;
	padding: 0;
	border: 1px solid #999999;
	width: 159px;
	float: right;
	}

#pictureleft {
	margin: 3px 10px 10px 0px;
	padding: 0px;
	border: 1px solid #999999;
	width: 159px;
	float: left;
	}

#picturetxt {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	background-color: #999999;
	width: 159px;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	color: #666666;
	text-align: center;
	}

#diagramleft {
	margin: 4px 10px 4px 0px;
	padding: 0;
	border: 1px solid #999999;
	width: 178px;
	float: left;
	}

#diagramtitle {
	margin: 0px;
	padding: 3px 0 3px 0px;
	background-color: #CCCCCC;
	width: 178px;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: normal;
	}
	
#diagramtxt {
	margin: 0px;
	padding: 3px 0 3px 0px;
	background-color: #999999;
	width: 178px;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	color: #666666;
	text-align: center;
	line-height: normal;
	}
	
.taletabletitle {
	border-top: 1px solid #5774A2; 
	border-bottom: 1px solid #5774A2;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold;
	}

#taletabletitle {
	color: #fff;
	}
		 
#taletabletitle a {
	color: #fff;
	}

#taletabletitle a:hover {
	color: #fff;
	}
	 	
.taletableblue {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666; 
	background-color: #D5DCE8;
	text-decoration: none;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #5774A2;
	text-align: center;
	}
	
.taletablegray {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666;
	background-color: #EFEFEF;
	text-decoration: none;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #5774A2;
	text-align: center
	}
	
.taletablename {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	background-color: #D5DCE8;
	text-decoration: none;
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #5774A2;
	text-align: left;
	}
	
.taletablename p {  
	margin: 2px 0 3px 0;
	}
	
#taletablename {
	color: #000;
	}
	
#taletablename a {
	color: #000;
	}

#taletablename a:hover {
	color: #5774A2;
	}
	
#tablestatement {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	color: #333;
	background-color: #EAEFF4;
	width: 458px;
	padding: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;		
	text-align: justify;
	border: 1px solid #dddddd;
	}
	
#taletable {
	border-left: 1px solid #5774A2;
	border-right: 1px solid #5774A2;
	margin-left: auto;
	margin-right: auto;
	}
	
#anchorlinks {
	padding: 12px 0 12px 9px;
	background-color: #F7F7F7;
	}
	
#anchorlinkscola {
	float: left;
	width: 300px;
	}
	
#anchorlinkscolb {
	float: left;
	width: 300px;
	}

/*
.pagenum {
	border: 1px solid #215A94;
	}

a.pagenum:link {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	background-color: #DDEBF8;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 1px solid #215A94;
	}

a.pagenum:visited {
	color: #666666; 
	background-color: #DDEBF8;
	border: 1px solid #215A94;
	}

a.pagenum:hover {
	color: #666666; 
	background-color: #FFFFFF;
	border: 1px solid #215A94;
	}

a.pagenum:active {
	color: #666666; 
	background-color: #DDEBF8;
	border: 1px solid #215A94;
	}
*/
/*
.pagenum {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	text-align: center;

	margin: 0px;
	padding: 0px;
	background-color: #DDEBF8;
	width: 15px;
	height: 15px;
	}
*/

.subanchor {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #666666; 
	text-decoration: none;
	}

a.subanchor:link   {  
	color: #666666; 
	text-decoration: underline;
	}

a.subanchor:visited    {  
	color: #666666; 
	text-decoration: underline;
	}

a.subanchor:hover    {  
	color: #999999; 
	text-decoration: underline;
	}

a.subanchor:active   {  
	color: #666666; 
	text-decoration: underline;
	}
	
.pagenum {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal;
	border: 1px solid #000;
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 0 0 5px;
	padding: 0px;
	text-align: center;
	}

a.pagenum:link {
	color: #666666; 
	background-color: #DDEBF8;
	text-decoration: none;
	}
	
a.pagenum:visited {
	color: #666666; 
	background-color: #DDEBF8;
	text-decoration: none;
	}

a.pagenum:hover {
	color: #666666; 
	background-color: #FFFFFF;
	text-decoration: none;
	}

a.pagenum:active {
	color: #666666; 
	background-color: #DDEBF8;
	text-decoration: none;
	}
	
.pagenumon {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none;
	text-align: center;
	border: 1px solid #215A94;
	margin: 0 0 0 5px;
	padding: 0px;
	background-color: #81A5CA;
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	}

.pagenumber {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #336699; 
	text-decoration: none;
	float: left;
	}

a.pagenumber:link   {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #336699; 
	text-decoration: underline;
	}

a.pagenumber:visited    {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #336699; 
	text-decoration: underline;
	}

a.pagenumber:hover    {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #6699CC; 
	text-decoration: underline;
	}

a.pagenumber:active   {  
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold; 
	color: #336699; 
	text-decoration: underline;
	}
	
#talebooktd {
	padding: 0 0 12px 0;
	vertical-align: top;
	}

#talebook {
	margin: 0px;
	padding: 8px 12px 8px 8px;
	background-color: #E8F1F9;
	}

.talebookpic {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	}
	
.talebooktitle {
	font-weight: bold; 
	}
	
#talebookname {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	line-height: 16px; 
	float: right;
	width: 150px;
	}

#leftbookname {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	line-height: 16px; 
	width: 120px;
	}
		
#talebookname a {
	color: #336699; 
	}

#talebookname a:hover {
	color: #3399CC; 
	}
/* text flyover images of minerals */
.hover-img {
	position: relative;
	cursor: pointer;
	}

.hover-img .preview-cola, .hover-img .preview-colb {
	border: 1px solid white;
	width: inherited;
	height: inherited;
	}

.hover-img a {
	cursor: pointer;
	text-decoration: none;
	border-bottom: double;
	}

.hover-img a .preview-cola, .hover-img a .preview-colb {
	display: none;
	}

.hover-img a:hover .preview-cola {
	display: block;
	position: absolute;
	top: -120px;
	left: 150px;
	z-index: 1;
	}

.hover-img a:hover .preview-colb {
	display: block;
	position: absolute;
	top: -120px;
	left: -155px;
	z-index: 1;
	}