body {
	background-color: #666666;
	margin: 0px 0px 0px 0px;
}
#bodyReptonDetail {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}
/* Top search bar for all sections */

#topbarSearch {
	background-color: #eeeeee;
	
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	
}

.searchfield{
	background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	width: 100;
}
.SearchSubmitbtn {
   color:#ffffff;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #cc0000;
   font-size: 12px;
   font-weight: bold;
   border:1px solid #000000;
}

/* End top search bar */
#main {
	width: 890px;
	height: 550px;
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}
#mainThumbs {
	width: 890px;
	
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}
#mainImage {
	width: 890px;
	height: 800px;
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}
#mainImageDine {
	width: 890px;
	height: 720px;
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}

#mainImageWilde {
	width: 890px;
	height: 770px;
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}

#mainBlake {
	width: 890px;
	height: 570px;
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}

#mainRepton {
	width: 975px;
	height: 475px;
	background-color: #CCCCCC;
	border-top: 1px solid #666666;
}

#thumbsBG {
	background-color: #FFFFFF;
	border: 1px solid #666666; 
	margin: 10px 10px 10px 10px;

}

#thumbsBGBlake {
width: 710px; 
position: relative; 
left: 160px; 
top: 15px; 
background-color: #FFFFFF; 
border: 1px solid #666666; 
margin: 10px 10px 10px 10px;
}

#heading {
	background-color: #CCCCCC;
	height: 25px;
	width:740px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: Black;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;	
}
#mediumHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: Black;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
}
.smallHeading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
}
.smallHeadingOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	padding-left: 20px;

}
.smallHeadingOff {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
}
.mediumBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#topbar50 {
	height: 36px;
	background-color: #cc0000;
}
#heading2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	position: absolute;
	top: 40px;
	right: 5px;	
}
#menubar100 {
	background-color: #990000;
	height: 24px;
}
#navigateInfo {
	position: absolute;
	visibility: visible;
	top: 127px;
	left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	width: 130px;
	height: 270px;
	padding-top: 10px;
}
#navigateInfoBlake {
	position: absolute;
	visibility: visible;
	top: 157px;
	left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	width: 130px;
	height: 270px;

}
#navigateInfoRepton {
	position: absolute;
	visibility: visible;
	top: 137px;
	left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	width: 130px;
	height: 270px;
	padding-top: 10px;
}
#navigateInfoRaphael {
	position: absolute;
	visibility: visible;
	top: 127px;
	left: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	width: 130px;
	height: 270px;
	padding-top: 10px;
	line-height: 16px;
}
#swf {
	background-color: #ffffff; 
	position: absolute; 
	left: 160px;
	top: 137px; 
	width: 710px; 
	height: 450px; 
	border: 1px solid #000000;
}
#swfBlake {
	background-color: #ffffff; 
	position: absolute; 
	left: 160px;
	top: 157px; 
	width: 710px; 
	height: 450px; 
	border: 1px solid #000000;
}
#imageBlake {
	background-color: #ffffff; 
	position: absolute; 
	left: 160px;
	top: 157px; 
	width: 710px;
	height: 720px; 
	border: 1px solid #000000;
}
#swfClaude {
	background-color: #000000; 
	position: absolute; 
	left: 160px;
	top: 137px; 
	width: 710px; 
	height: 450px; 
	border: 1px solid #000000;
}
#image {
	background-color: #ffffff; 
	position: absolute; 
	left: 160px;
	top: 137px; 
	width: 710px; 
	border: 1px solid #000000;
}
#imageClaude {
	background-color: #000000; 
	position: absolute; 
	left: 160px;
	top: 137px; 
	width: 710px; 
	border: 1px solid #000000;
}
#imageRepton {
	background-color: #ffffff; 
	position: absolute; 
	left: 160px;
	top: 147px; 
	/*width: 800px; */
	border: 1px solid #000000;
}
.moreDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}
.moreDivRaphael {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	line-height: 16px;
}
.moreDiv-Old {visibility: hidden; 
					border: 2px outset #000000; 
					background-color: #ffffff; 
					width: 350px; 
					height: auto; 
					position: absolute; 
					top: 65px; 
					right: 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					z-index: 1;
}
.moreDivAbout {visibility: hidden; 
					border: 2px outset #000000; 
					background-color: #ffffff; 
					width: 350px; 
					height: auto; 
					position: absolute; 
					top: 117px; 
					right: 30px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					z-index: 1;
}
.moreDivBabar {visibility: hidden; 
					border: 2px outset #000000; 
					background-color: #ffffff; 
					width: 510px; 
					height: auto; 
					position: absolute; 
					top: 117px; 
					right: 50px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					z-index: 2;
}
.moreDivPadding {
	padding: 5px; 
}
.close {
	float:right;
}
#close {
	background-color: #333333;
	height:19px;
	width:350px;
}
#closeBabar {
	background-color: #333333;
	height:19px;
	width:510px;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
a:link {
	color: #cc0000;
	text-decoration: underline;
}
a:visited {
	color: #cc0000;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
.aButton:link {
	color: #cc0000;
	text-decoration: none;
}
.aButton:visited {
	color: #cc0000;
	text-decoration: none;
}
.aButton:hover {
	color: #666666;
	text-decoration: none;
}
.aTab:link {
	color: #dd0000;
	text-decoration: none;
}
.aTab:visited {
	color: #dd0000;
	text-decoration: none;
}
.aTab:hover {
	color: #333333;
	text-decoration: none;
}
.aM638:link {
	color: #cc0000;
	text-decoration: none;
}
.aM638:visited {
	color: #cc0000;
	text-decoration: none;
}
.aM638:hover {
	color: #000000;
	text-decoration: none;
}
.aBottom:link {
	color: #ffffff;
	text-decoration: underline;
}
.aBottom:visited {
	color: #ffffff;
	text-decoration: underline;
}
.aBottom:hover {
	color: #cccccc;
	text-decoration: none;
}
.aFF3333:link {
	color: #ff3333;
	text-decoration: underline;
}
.aFF3333:visited {
	color: #ff3333;
	text-decoration: underline;
}
.aFF3333:hover {
	color: #cccccc;
	text-decoration: none;
}
.button {
	border: solid 1px #000000;
	background-color:#eeeeee;
	padding: 2px 2px 2px 2px;
}
.buttonNoLink {
	border: solid 1px #000000;
	background-color:#eeeeee;
	padding: 2px 2px 2px 2px;
	color: #666666;
}
.tabFront {
	
	background-color:#eeeeee;
	padding: 2px 2px 2px 2px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tabBack {
	
	background-color:#aaaaaa;
	padding: 2px 2px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: Black;
	margin-top: 10px;
}
#pageNumber {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 97px;
	left: 800px;

}
#pageNumberBlake {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	top: 97px;
	left: 520px;
	width: 350px;
	

}
#subTitle {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 97px;
	left: 600px;

}
.p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
.thumbtitle  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#bottombar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 20px;
	color: #000000;
	margin-right: 10%;
	margin-left: 20px;
	width: 700px;
}
#bottombarRepton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 20px;
	color: #cccccc;
	margin-right: 10%;
	margin-left: 20px;
	width: 700px;
	position: absolute;
	top: 575px;
}
#corsair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ddaa22;
	border: 1px dotted #ddaa22;
	padding: 3px 3px 3px 3px;
	text-align: center;
	line-height: 12px;
	width: 100px;

}
.blockquote  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.smallcaps {
	font-variant: small-caps;
}
.floatRightCatalogue {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 7px 7px 7px 7px;
	background-color: #dddddd;
	line-height: 12px;
	text-align: center;
	border: 1px solid #999999;
	margin-left: 5px;
	margin-bottom: 5px;
}
#babar {
					border: 1px solid #333333; 
					background-color: #cccccc; 
					width: 130px; 
					height: 70px; 
					position: absolute; 
					top: 97px; 
					right: 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					
}
.strikethrough {

	text-decoration: line-through;

}
.superscript {
	vertical-align: super;
	font-size: 9px;
	
}
.underline {
	text-decoration: underline;

}
.indent {
	text-indent: 20px;
	text-align: right;

}
.gutenbergBook {
	position:absolute; 
	visibility: hidden; 
	border: 1px solid #ffffff; 
	background-color: black;
	color: white; 
	padding: 5px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	width: 300px;
	-moz-opacity:.87; 
	filter:alpha(opacity=87); 
	opacity:.87;
	z-index: 1;
}