/* Light on the Hill Color Scheme 
Sidebar Light Green: #E6F2EB;
Menubar Dark Red: #AA3E43;
Header Dark Green: #195345;
Yellow Sun in Logo: #FBD760;
Blue Sky in Logo: #7B84AD;
Light Green in Logo: #789C8A;
Dark Green in Logo: #374D42;
*/

/* TEXT FORMATTING */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	}
/* for some reason image links to work, so this is needed */
a:hover {
      cursor : pointer;
              }

/* LAYOUT */

body {
	margin:15px auto;
	/*background:#ffffff url(../images/bg_gradient.jpg) top left repeat-x; */
	 background:#FFFFCC; 
	/* background:#FFF4CB; */
	text-align:center;
}

#container {
	position:relative;
	width:860px;
	border:1px solid #21BEA8; 
	margin:15px auto 0px auto;
	text-align: left;
}

.noSideBar {
	background:#ffffff;
}

.hasSideBar {
	background:#ffffff url(../images/container_bg.gif) top left repeat-y;

}


/* HEADER */

#header {
	width:100%;
	height:100px;
	background: #195345 url(../images/header.jpg) top right no-repeat;
}

#header h1 {display:none;}

#logo {
	float:left;
	width:177px;
	height:100px;
	background:#195345 url(../images/logo.jpg) top left no-repeat;
}	

.inset1, .inset2 {
	position:absolute;
}

.inset1 { 
	top:65px;
	right:5px;
	}

/*top: 15px; originally at 15 */
.inset2 {
	top:35px;
	right:20px;
	}


/* special heart list */
#heart ul { 
	list-style-type:none;
	} 

#heart li {
	background: transparent url(../images/heartsmall.gif) no-repeat left center; 
	padding:0 0 0px 20px;
	margin:0 0 0 -20px;	
	/*margin-left: -20px;*/
	line-height: 130%;
	}

/* MENUBAR */

ul#menubar {
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	clear:both;
	/*background: url(../images/menubar_bg.jpg) top left repeat-x;*/
	background: #177F75;
	margin:0;
	padding:0;
}

#menubar li {
	list-style-type:none;
	margin:0; padding:0;
	width:auto;
	display:inline;
}

#menubar a, #menubar a:visited {
	/*display:block;*/
	padding-left:9px;
	padding-right:9px;
	color:#FFFFFF;
	text-decoration:none;
	height:25px;
	line-height:25px;
	font-weight:bold;
	font-size:13px; 
}
*html #menubar a, *html #menubar a:visited {font-size:10pt;}

#menubar a:hover {color:#FFFF66;text-decoration:none;}
/* SIDEBAR */

#sidebar {
	width:201px;
    background: url(../images/sidebar_bg.jpg) top left repeat-x;
	padding-left:12px;
	padding-right:12px;
	float:left;
	font-size:small;
	clear:left;
}

#sidebar h2 {
	text-transform: uppercase;
	font-size:1.5em;
	margin:12px 0 9px 0;
	}

#sidebar h3 {
	font-size:1.3em;
	margin:.5em 0 .5em 0;
	}
	
#sidebar dt a, #sidebar dt a:visited {
	color: #AA3E43;
	text-decoration:none;
	font-size:120%;
    }

#sidebar dt a:hover {
	text-decoration:underline;
	}
	
#sidebar dt {
	padding-top:5px;
	}

#sidebar dd {
	margin-left:12px;
	}

/* CONTENT DIV */

.body-small {font-size:10pt;}

.withSideBar {margin-left:242px;}
.withoutSideBar {margin-left:15px;}
#content {
	margin-right:15px;
}

#content h1, #content h2 {
	font-family:Comic Sans MS, Georgia, "Times New Roman", Times, serif;
	font-weight:500;
	color:#CC0000;
	}

#content h1 {
	margin:12px 0 0 0;
	}
#content h2{margin-top:0px;}
#content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:500;
	color:#CC0000;
	}
#content h3 {margin:12px 0 0 0;}

#content p {margin:8px 0 5px 0;}

.rightside {float:right;}
.leftside  {float:left;}
.leftside, .rightside {display:block;}
.divider {
	width:670px;
	height:54px;
	line-height:54px;
	margin:18px auto 18px auto;
	background:transparent url(../images/pencilline.gif) top left no-repeat;
	clear:right;
}

/* JQUERY CONTENT DIV MAGIC */
.leftImage {float:left; margin: 0em 1em 1em 0em;}
.rightImage {float:right; margin: 0em 0em 1em 1.5em; }
.leftImage img, .rightImage img {display:block;}
.leftImage, .rightImage {position:relative;}

.leftImage p, .rightImage p { /* Formats the caption */
	font-weight:normal;
	font-size:14px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#111;
	display:block;
	margin:0;
	/*padding-top: 4px;*/
	clear:both;
	text-align:center;
	}

.wrap1,.wrap2,.wrap3 {
	display:inline-table;
	/* \*/display:block;/**/}
.wrap1 {
	background:transparent url(../images/shadow.gif) right bottom no-repeat;}
.wrap2 {
	background:transparent url(../images/corner_bl.gif) -4px 100% no-repeat;
	}
.wrap3 {
	padding:0 5px 5px 0;
	background:transparent url(../images/corner_tr.gif) 100% -3px no-repeat;
	}
.wrap3 img {
	display:block;
	border:1px solid #333;
	/*border-color:#efefef #ccc #ccc #efefef;*/
	}

*> .wrap1 {width:99.9%;}
*html .wrap1 {float:left;}
*> .wrap1 {
	background:transparent url(../images/shadow.gif) right bottom no-repeat;}

*> .wrap2 {
	background:transparent url(../images/corner_bl.gif) left bottom no-repeat;
	}
*> .wrap3 {
	padding:0 5px 5px 0;
	background:transparent url(../images/corner_tr.gif) right top no-repeat;
	border:none;
	}


/* FOOTER DIV */

#footer {
	margin:0px auto 0px auto;
	padding:6px 0 0 0;
	width:858px;
	clear:both;
	/* background:#6BCCDC; */
	/* background:#21BEA8; */
	background:#177F75;
	border-right: 1px solid #6BCCDC;
	border-left: 1px solid #6BCCDC;
	border-bottom: 1px solid #6BCCDC;
	color:#FFFFFF;
	font-size:9pt;
	text-align: left;
}

#footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
	}

#footer a:hover {
	text-decoration:underline;
	color:#FFFF66;
	}

#footerLinks {
    float:right;
	padding-right:12px;
	padding-top:3px;
	padding-bottom:9px;
	}

#mailingList {
	padding-left:12px;
	float:left;
	}

#mailingList form {margin:0;padding:0;}
#siteCredits {
	clear:both;
	font-size:7pt;
	padding: 3px 0 3px 12px;
	/* border: 1px solid #177F75; */
	height: 50px;
	/*old bg color #025E87*/
	/*background:#177F75 url(../images/rdlogo.gif) bottom left no-repeat;*/
	/* background:#177F75; */
	background:#21BEA8;	
	color:#FFFFFF;
	text-decoration:none;

	}

#siteCredits a, #siteCredits a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}

#siteCredits a:hover {
	text-decoration:underline;
	color:#FFFF66;	
	}


/* UTILITY STUFF */

td.ggBorder {
  border: 3px solid #CC0000; 
  padding:3px;
}

.clearit {
	font-size:.01em;
	line-height:.01em;
	clear:both;
	}
.clearleft {
	font-size:.01em;
	line-height:.01em;
	clear:left;
	}		
.bookTitle {
	color:#177F75;
	/*text-decoration:italic; */
	font-weight:bold;
}

.GenBold {
	color:#CC0000;
	font-weight:bold;	
}
.quotation {
	font-size:9pt;
	text-align:center;
	font-style: italic;
}
.quotationBig {
	font-size:11pt;
	text-align:center;
	font-style: italic;
}

.booklist {
	padding:10px 0px 20px 10px;	
}
.booklist img {
	float:left;
	margin: 0px 20px 0px 0px;	
}
.booklist p {
	margin: 0px 150px 0px 0px;	
}

