@charset "iso-8859-1";
/*def.css - default style sheet*/

#container {width: 49.7em; margin: 0px auto 0px auto; background: #FFFFCC;}
#contright {background: #FFFFCC; float: left; height: 800px; width: 38em; margin: auto; padding: 5px}

body {font-family: verdana, helvetica, georgia, courier, arial, sans-serif; margin: auto; width: 960px; text-align: center; background: url(images/parchment.jpg); overflow: auto; border:10px #423A3A double;}
body.lenape {font-family: verdana, helvetica, georgia, courier, arial, sans-serif; margin: auto; width: 50em; text-align: center; background: url(images/lenapebackground.gif); overflow: auto;}
/*:link {color: purple}
:visited {color: red}*/

/*h1 {font-family: Garamond, "Times New Roman", sans-serif; margin-top: 0px; margin-bottom: 0px; text-align: left;}*/
h1, h2, h3, h4, h5, h6 {margin-top: 0px; margin-bottom: 0px;}

#container2 {		text-align: center;
	padding:3px;
	background: red;
	width: 71.03em;
	margin: auto;
	font-size: 11px;
	font-weight: bold;
	color: yellow;
	border: 4px solid black;}

#containerauth {width: 50em; text-align: center; margin-top: 0px; background: white; border-bottom: 20px solid #FFFFCC; overflow:auto}

.containerbooks {width: 800px; text-align: center;}

.books {float: left; width: 14.28%; display: inline;}
.author {font-size: 13px; float: left; width: 25%; display: inline; }
.headerbar {
	width: 800px;
	height: 20px;
	display: block;
	margin-top: 8px;
	/*margin: -1px auto 20px auto;*/
	padding: 1px 0px 0px 0px;
	background: #213E57;
	color: white;
	border-bottom: 1px solid #213E57;
	font-size: 13px;
	font-weight: bold;
}

.content {
	width: 960px;
	margin: auto;
	overflow: auto;
	border-bottom: 5px solid blue;
}

div.winnerblock {width: 48em; margin: auto; overflow: auto; border-color: blue; border-bottom: medium solid blue; padding: 8px; text-align: justify}

#line {
margin: 0;
padding: 0;
width: 100%;
height: 3px;
background-color: blue;
} 


/** CONTENT */
#content {
	width: 960px;
	margin: auto;
	background: #FFFFCC;
	overflow: auto;
}

#content h2 {
	text-transform: uppercase;
	/*font-style: normal;
	font-size: 14px;
	border-bottom: 2px dotted #CCCCCC;*/
}

#left {
	float: left;
	width: 500px;
}

#right {
	float: right;
	width: 250px;
}

#list {}

#list ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#list il {
padding: 0px 0px 10px 0px
}


/************************************** MENUS ***************************************************************/

#menuspec {
	width: 50em;
	height: 1.75em;
	margin: auto auto auto auto;
	vertical-align: middle;
	}

#menuspec ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menuspec li {
	display: inline;
}

#menuspec a {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	color: white;
	text-decoration: none;
}

#menuspec a:hover {
	background-color: silver;
	color: blue;
}


#menu {
	width: 50em;
	height: 1.75em;
	margin: auto auto auto auto;
	padding: 10px 0px 0px 0px;
	background: #213E57;
	vertical-align: middle;
	/*border-bottom: 1px solid #213E57;*/
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	/*background-color: #FAFAFA;*/
	/*background-color: #213E57;*/
	color: white;
	text-decoration: none;
}

#menu a:hover {
	/*background-color: #446EC0;*/
	background-color: silver;
	color: blue;
}
/*--------------------------------------------------------------------------------------------------*/

#motto {
	text-align: right
}




/*************************************************************** HEADER */

#headerother {
	width: 50em;
	margin: auto;
	padding: 4px 0px;
	background: url(images/headerbg.jpg);
	text-align: center;
	display: block;
}




#header {
	width: 50em;
	margin: 2px auto;
	padding: 4px 0px;
	background: url(images/booksbgb.jpg);
	text-align: left;
	display: block;
}

#header h1 {
	margin: 0px;
	padding: 0px;
	/*font-size: 64px;*/
	color: blue;
	display: block;
}

#header h2 {
	margin: 0px;
	padding: 0px;
	/*font-size: .8px;*/
	color: #F47511;
}

#header h4 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: blue;
}

#ponder {
	text-align: center;
	padding:0px;
	background: white;
	width: 71.03em;
	margin: auto;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid cyan;
	color: blue;
	overflow: auto;
}

/*h1 {font-family: verdana, helvetica, georgia, courier, arial, sans-serif; margin-top: 0px; margin-bottom: 0px; text-align: left;}
h4 {font-family: verdana, helvetica, georgia, courier, arial, sans-serif;}
h3 {font-family: verdana, helvetica, georgia, courier, arial, sans-serif; margin-top: 0px; margin-bottom: 0px;}
h2 {font-family: verdana, helvetica, georgia, courier, arial, sans-serif;}*/

.fonttype {font-family: verdana, helvetica, georgia, courier, arial, sans-serif;}

.size10 {font-size: 10px;}
.size11 {font-size: 11px;}
.size12 {font-size: 12px;}
.size13 {font-size: 13px;}
.size14 {font-size: 14px;}

p {text-indent: 1px; margin-top: 0; margin-bottom: 10px; font-size: 12px; font-family: verdana, helvetica, georgia, courier, arial, sans-serif;}
p.fourteen {text-indent: 1px; margin-top: 0; margin-bottom: 10px; font-size: 12px; font-family: verdana, helvetica, georgia, courier, arial, sans-serif;}
p.non {font-family: verdana, helvetica, georgia, courier, arial, sans-serif; font-size: 12px;}
p.yes {text-indent: 1em; margin-top: 0; margin-bottom: 10px; font-size: 12px;}
p.overit {text-indent: 1px; margin-top: 0; margin-bottom:0;}

/* The overflow:auto below keeps the next div from wrapping around on the image*/	
div.body800 {width: 50em; text-align: justify; overflow: auto}
div.copyright {width:800px; text-align: center}
div.body800blue {text-align: justify; background: #99FFFF; padding: 3px; font-size: 10pt}
div.body800yellow {text-align: justify; background: #FFFFCC; padding:3px; font-size: 10pt}		
div.body800week {text-align: center; background: blue; color: white; padding: 10px; font-size: 11pt}
div.paypal {width:500px; overflow: auto;}
div.menuit {width: 800px;	height: 20px;	background: #213E57; color: white; font-size: .8px;	vertical-align: middle;}
div.headeritlti {width:800px; color: blue; text-align: center; overflow: auto; background-image:url(images/LTIbg.jpg)}
div.header {width: 800px; background: url(images/headerbg.jpg); color: blue; vertical-align: middle; font-size: 13px;}


div.clear{
	clear:both;
	height:1px;
	line-height:1px;
	margin:0;
	visibility:hidden;
}

font.boldblue {font-weight: bold; color: blue;}
font.boldblack {font-weight: bold; color: black;}
font.default {font-size: 11px;}
font.highlight {BACKGROUND-COLOR: yellow}
font.defaultbold {font-size: 12px; font-weight: bold}
font.small {font-size: 10px; color:white}
font.thirteen {font-size: 13px;}


A {text-decoration:none}
A:hover {background-color:#f4a460}

ul.mine {margin-top: 0; font-size: 12px;}
ol.mine {margin-top: 0; font-size: 12px;}

td.singlecell {width: 312px; color: black; border: 5px solid #99FFCC;}

.clearFix {clear:both;font-size:0px;height:0px;overflow:hidden}

#singlecellmid {
	width: 12.5em;
	/*border: solid blue;*/
	height: 42em;
	padding: 15px 0px 0px 0px;
	margin-left: 2px;
	float: left;
	text-align: center;
	font-size: 11px;
}

#singlecellmid h3{ font-size: 11px;}

#singlecellleft {
	width: 27em;
	height: 42em;
	border: 2px solid;
	/*border-color: white #ffcccc;*/
	border-color: #FFFFCC #213E57 #FFFFCC #FFFFCC ;
	font-size: 11px;
	padding: 5px;
	margin: 3px;
	float: left;
	display: inline;
}

#singlecellright {
	width: 28em;
	height: 42em;
	border: 2px solid;
	border-color: #FFFFCC #FFFFCC #FFFFCC #213E57;
	font-size: 11px;
	padding: 5px;
	margin: 3px;
	float: right;
	text-align: left;
}

.cellheader {
	/*border: 2px solid blue;*/
	height:20px; 
	/*background: silver;*/
	text-align: center;
}

#copyright {font-size: 10px}


/*table.menu {width: 800; height: 20; background: #213E57; font-color: yellow}*/
table.menu {width: 800px; height: 20px; background: #213E57; color: white}
table.default {width: 800px;} 
table.header {width: 800px; background: url(images/headerbg.jpg); color: blue; vertical-align: middle; font-family: verdana, helvetica, georgia, courier, arial, sans-serif; font-size: 13px;}


#fontsbold {font-family: verdana, helvetica, georgia, courier, arial, sans-serif; font-size: 14px; font-weight: bold; color: blue;}

#singlecell {width: 312px; color: black; border: 5px solid #99FFCC;} 

#menufont {color: #FFFFFF; background: #213E57;}

#livetoimagine {vertical-align: middle; color: blue;}

#leftcontent {
		position: absolute;
		padding: 10px;
		/*left:222px;*/
		text-align: left;
		margin-top:0px;
		width:180px;
		background:#F5F6F8;
		border:1px solid #000;
		}

#rightcontent {
		position: absolute;
		padding: 10px;
		left:625px;
		text-align: left;
		margin-top:0px;
		width:170px;
		background:#F5F6F8;
		/*border:1px solid #000;*/
		}
		
#centercontent {
		position: absolute;
		background:white;
		padding: 10px;
		text-align:left;
   		left: 183px;
   		width:420px;
		border:1px solid #000;
			}

#headerit {
		
		left:0;
		width:800px;
		color: blue;
		/*margin:0px auto auto auto;*/
		text-align: center;
		/*background:#F5F6F8;*/
		background-image:url(images/headerbg.jpg);
}

#headeritlti {
				
		width:800px;
		color: blue;
		/*margin:0px auto auto auto;*/
		text-align: center;
		/*background:#F5F6F8;*/
		overflow: auto;
		background-image:url(images/LTIbg.jpg);
}

#headeritleft {
		position:absolute;
		padding:0px;
		left:0;
		width:180px;
		margin:0px auto auto auto;
		text-align: left;
		background:#F5F6F8;
		/*border:1px solid #000;*/
}
	
#menuit {
		width: 800px;
		height: 20px;
		background: #213E57;
		color: white;	
		font-size: .9px;
		vertical-align: middle;
}

#body800 {
		width: 800px;
		margin: 0;
		padding: 0;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: -.5em; left:1em; width:15em;
    border:.08em solid #0cf;
    background-color:yellow; color:#000;
    text-align: center;
	font-size: 12px
}