@charset "ISO-8859-1";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, font, img, strong, 
dd, dl, dt, li, ol, ul, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;	
	text-align: left;
	vertical-align: baseline;
	color: #4e4e4e;
}
table {border: 0; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after { content: ""; }
em { font-style: italic; }


body { background:#fff; }
#wrapper{ width:940px; margin: 0 auto;}
#masthead {
	width: 940px;
	height: 160px;
	margin-bottom: 10px;
	clear:both;}
#masthead a { border: 0px; }
#content_frame { width:940px; position: absolute; top: 240px;  }
#content_frame_subpage { width:955px; position: absolute; top: 4;  }
#footer {
	clear:both;
	float: left;
	width: 940px;
	margin: 20px 0 20px 0;
	padding:10px 0;
	border-top: 3px solid #000066;
	border-bottom: 3px solid #000066;
	font-size: 12px;
	text-align: center;
}

.center {text-align: center;}

.centerbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000066;
	text-align: center;
}
.italics {font-style: italic;}
.boldblueitalic {font-style: italic; color: #000066; font-weight: bold;}

.boldwhiteitalic {
	font-style: italic;
	color: #FFF;
	font-weight: bold;
}

.singleimageleft {
	float: left;
	margin-right: 20px;
}
.singleimageright {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}
.centergraphic {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.clear {
	clear: both;
	height: 15px;}
	
		/*IMAGES*/
.imageleft {
	float : left;
	padding : 5px;
	margin-right : 5px;
	margin-bottom: 30px;}
	
.imageleft2 {
	float : left;
	padding : 5px;
	margin-right : 5px;
	margin-bottom: 5px;}
	
.imageright {
	float : right;
	padding : 5px;
	margin-left : 5px;}
.floatleft {
	float : left;
	padding : 3px;
	width: 155px;}	
	
.floatright {
	float : right;
	padding : 3px;
	margin-right: 10px;
	width: 160px;}
	
.image {
	display: block;
	padding: 3px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: thin solid #CCC;
}

/*=========================================================================================================
NAVBAR
=========================================================================================================*/

#navbar {
	width: 940px;
	height: 40px;
	top:150px;
	/*position: absolute;
	text-indent: -100em;
	clear: both;*/
	border-top-width: thick;
	border-bottom-width: thick;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FC0;
	border-bottom-color: #FC0;}

#navbar ul{
    margin: 0 auto;
}
#navbar ul li{
	text-align: left;
	float: left;
	list-style: none;
	padding: 3px 5px 3px 5px;
	margin: 5px;
	font-size: 16px;}


/*=========================================================================================================
GENERAL
=========================================================================================================*/


h1 {color: #000066;
	
	font-family: georgia, serif;
	font-size: 20px;
	font-style: italic;
	line-height: 24px;}
	
h2 { font: bold 20px/24px georgia, serif; color: #000066; margin-left: 5px; }
h3 {
	font: bold 16px/24px georgia, serif;
	color: #000066;
	margin-left: 5px;
	text-align: left;
}
h4 { font: bold 14px/24px georgia, serif; color: #000066; text-transform: uppercase;}
p {text-align: justify;}
p, ul, ol, ul li, ol li { font: 14px/24px georgia, serif; }
a img, :link img, :visited img { border: 0; text-decoration: none; }
a, a:link, a:visited, a h1, a h2, a h3, a h4 { color:#000066; text-decoration: none; }
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4 {color:#d22327; }
a:active { color:#000066; text-decoration: none; }
a { outline: none; }
</div> { padding: 0 20px 20px 20px; } 
.col_inset_all {
	padding: 20px;

} 
.col_inset img.spaced { margin: 0 0 20px 0; } 

.red_box { border: 1px solid #D22327; margin: 0 0 20px 0; }

.img_heading { margin: 0; }
.img_heading_TB { margin: 20px 0; }
img.left10 { margin-left: 10px; } 

.indentlist {margin-left: 30px; }

p.posted {
	border-top: 1px solid #e1d7ca;
	border-bottom: 1px solid #e1d7ca;
	padding: 5px 5px 5px 10px;
	margin: 10px 0 40px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/*=========================================================================================================
HOME PAGE
=========================================================================================================*/
.home_book_left {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	float: left;
	width: 450px;
	text-align: justify;

	border: 1px solid #093468;
	height: auto;	
}
.home_book_right {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	float: right;
	width: 450px;
	text-align: justify;
	margin-left: 10px;
	
	border: 1px solid #093468;
	height: auto;	
}

.home_left {
	float: left;
	width: 390px;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 0;
	border: 1px solid #093468; margin-top:0px; margin-bottom: 3px; }
	 
.home_left_div_no { margin-top:0px; }
.home_left_div p {margin: 5px; padding: 5px;}
.home_left h1 { font:  bold italic 32px/32px georgia, serif; color: #000066; margin-bottom: 10px; }
.home_left p {
	font:16px/24px georgia, serif;
	margin-bottom: 14px;
	font-family: georgia, serif;
} 

#home_right { float: left; width: 489px;  padding-left: 25px; border-left: 1px dotted #bebbae; }

.left_div {
	float: left;
	width: 430px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 15px, 0;
	border-right: 1px dotted #bebbae;}
	
.right_div {
	float: left;
	width: 430px;	
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 15px, 0, 15px;
	}
	
.blog_left {
	padding: 5px;
	width: 450px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}

.blog_left2 {
	padding: 5px;
	width: 310px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}
.blog_right {  float: left; width: 500px;  padding-left: 8px; border-left: 1px dotted #bebbae; }

.blog_right2 {  float: left; width: 450px;  padding-left: 8px; border-left: 1px dotted #bebbae; }
	
#home_month_box  {
	margin-bottom: 20px;
	border: 1px solid #ffcc00;
}
#home_month_box h1 { margin: 10px 0 0 0 ; }
#home_month_box h3 { margin: 10px 0 0 0 ; }
#home_month_box img.monthcover { margin-right: 10px; }
#booksmore_link a { display: block; width: 487px; height: 23px; background: transparent url('/images/template/home/home_morebooks_link.gif') 0px 0px no-repeat; text-indent: -100em;   }
#booksmore_link a:hover { background-position: 0px -23px;}

.new_box_noborder  {
	margin-bottom: 20px;
	padding: 10px;
}
.new_box_noborder2  {
	margin-bottom: 20px;
	padding: 10px;
}
.home_new_box  {
	border: 1px solid #093468;
	margin-bottom: 20px;
	padding: 5px;
}

.home_new_box  {
	border: 1px solid #093468;
	margin-bottom: 20px;
	padding: 5px;
}
#home_blog_box h1 { margin: 0 0 15px 0;  }
#home_blog_box p { margin-bottom: 14px; } 

#home_blog_box p.posted { margin: 10px 0;  }

#home_blog_more a { display: block; width: 489px; height: 23px; background: transparent url('/images/template/home/home_blog_link.gif') 0px 0px no-repeat; text-indent: -100em; }
#home_blog_more a:hover { background-position: 0px -23px;}

#home_categ_box { float: left; width: 940px; margin: 30px 0 20px 0; border: 1px solid #093468;  background: transparent url('/images/template/home/home_list_bg.gif') 0px 0px repeat-y;}

.book_category_box {  width: 450px; padding: 0 15px; border-bottom: 3px solid #f1c100; margin: 0 0 8px 0; overflow: hidden;  }
.book_category_box h1  { margin: 10px 0; border-bottom: 1px solid #093468; padding: 0 0 5px 0;  }
.book_category_box ul { font:12px/15px georgia, serif;  padding: 0 ; clear:both; }
.book_category_box li { margin-bottom: 9px; }


.online_resources_box {
	width: 200px;
	float: left;
	padding: 0 15px;
	margin: 0 0 5px 0;
	height: 280px;
	overflow: hidden;
	border: thin solid #CCC;}
	
.online_resources_box h1  {
	margin: 10px 0;
	padding: 0 3px;
	color: #E2D212;
	background-color: #000066;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.online_resources_box ul { font:12px/15px georgia, serif;  padding: 0 ; clear:both; }
.online_resources_box li { margin-bottom: 9px; }


#contact_inset { width: 570px; margin: 0 auto 20px ; }
#contact_inset p { margin-bottom: 30px ; }
p.searchdimension { margin-left:10px;font-size:10px;}

#page_frame #content_frame #home_left h1 {
	color: #000066;}
.centerdiv {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FC0;
	border: thin solid #CCC;}
	
	
.centerdiv_nocolor {
	width: 700px;
	margin-right: auto;
	margin-left: auto;}
	
.centerdiv_nocolor2 {
	width: 450px;
	margin-right: auto;
	margin-left: auto;}

em {
	color: #000;
}
/*---------- tooltip-------*/
a.tt {
	position: relative;
	text-decoration: none;
	
	
  }

a.tt span {
  display: none;
  color: #000;}

a.tt:hover {
	font-size: 1em; /* Fixes bug in IE5.x/Win */
	cursor: pointer;
	text-decoration: none;
	z-index:25;
	font-weight: bold;
	color: #000;
}

a.tt:hover span {
	display: inline;
	position: absolute;
	top: -5em;
	left: 10px;
	padding: 0.2em 0.6em;
	border: 3px solid #0C0066;
	width: 200px;
	color: #000000;
	text-align: left;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	filter: alpha(opacity:100);
	KHTMLOpacity: 100;
	MozOpacity: 0.70;
	opacity: 100;
	background-color: #FFCC00;
	background-repeat: repeat-x;
}
.bookrevdiv {
	background-color: #FFC;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom-color: #CCC;
}
.videodiv {
	height: 310px;
	width: 410px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 3px;
	padding-left: 3px;
}
.li {
	text-decoration: underline;
}
.li {
	text-decoration: underline;
}