@charset "UTF-8";
img {
	float: left;
	padding-right: 10px;
}

#header2 {
	clear: both;
}

#mainContent {
	margin-left: 10px;
	margin-right: 10px;
	/* float:left; */
	clear:both;
}

#footer p a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 105%;
	text-decoration: none;
	font-weight: bold;
}
#footer p {
	font-size: 96%;
}
body {
	background-color: black; /* #CCC */
	font-size: 16px;
	margin-left: 0px;
	margin-right: 0px;
}
#Facebook {
	background-color: #aaa;
}
#nav {
	background-color: #000;
	min-height: 44px;
	clear: both;
}
#footer {
	background-color: /*#ffe6f3;*/ #d1d1d1; 
}
h1, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;

}
h2, p { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 210%;
}
h2 {
	
	font-size: 150%;
}
h3 {
	font-size: 120%;
}
h4 {

	font-size: 106%;
}

p {


}

a, a:hover, a:active, a:link {
	font-size: 120%;
	color: #0066CC;
}
a img {
    border: 0;
}

#nav p, a, a:hover, a:active, a:link	{
	font-weight: bold;
	font-size: 100%;
	/* font-size: 110%; */
	text-decoration: none;
}
.overlay_container {
	position:relative;
}
.overlay_container img {
	display:block;
}
.overlay_container h2{
	position:absolute;
	top:0x; 
	left:10px;
	width:100%;
	color:red; 
	font-size:24px; 
	text-shadow: -2px 0 white, 0 2px white,2px 0 white, 0 -2px white;
}
#logos img {
	/*width:80px; */
	height:80px;
}

/*  bookbuylinks css is still not working.   Hacked it instead */
.bookbuylinks,
.bookbuylinks a,
.bookbuylinks img {
	width:40px;
	height:70px;
	padding right:5px;
}
		
#headerbanner {
	min-width:100% ;
}
.right_justify_logo,
.right_justify_logo a,
.right_justify_logo img {
	background-color: #000;
	width: 40px;
	height: 40px;
	float: right !important;
	padding: 0px !important;
	padding-left: 1px !important;
	margin: 0 !important;
}

hr {
	height:40px;
	background: url("../graphics/hr-fancy-blue.png") no-repeat center;
	border: none;
}

.bluebar {
	height: 15px;
	background-color: blue;
	margin: 0;
	clear:both;
}

.blackbar {
	height: 11px;
	background-color: black;
	margin: 0;
	clear: both;
}

.centeredImage  {
	display: table; 
	margin: 0 auto;
	width: fit-content; 
}