body, div, p, th, td, ul, li, dd, dl, dt    {
             /* redundant selectors for NS4 */
    font-family:  verdana, geneva, arial, sans-serif;
    }
A:link	{
	color:	#216f94;
	}
A:visited	{
	color:	#216f94;
	}
A:hover	{
	color:	#216f94;
	}
A:active	{
	color:	#216f94;
	}	
.content {	
	color: #333333;
	font: 12px verdana, geneva, arial, sans-serif;
	padding-left: 18px;
	}
.highlight {	
	color: #63708b;
	font-size: 12px;
	font-weight: bold;
	}
.sidebar {	
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-left:130px;
	}
.header	{
	padding-left: 20px;
}
.book	{
	font: 14px verdana, geneva, arial, sans-serif;
	font-weight: bold;
	color: #63708b
}	
	
p, td {
	line-height: 1.50em;
	font: 12px verdana, geneva, arial, sans-serif;
	}
.pmobile	{
	line-height: 1.50em;
	font:12px verdana, geneva, arial, sans-serif;
	}
.subnav	{
	font: 10px verdana, geneva, arial, sans-serif;
	color: #339999;
	text-decoration: none;	
}
.sidebarA:link	{
	font: 12px verdana, geneva, arial, sans-serif;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	}
.sidebarA:visited	{
	font: 12px verdana, geneva, arial, sans-serif;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	}
.sidebarA:hover	{
	font: 12px verdana, geneva, arial, sans-serif;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: underline;
	}
.subhead {
	color: #63708b;
	font: bold 16px verdana, geneva, arial, sans-serif;
	padding-top:10px;	
	font-style: italic;
	}
.subheadHome {
	color: #63708b;
	font: bold 16px verdana, geneva, arial, sans-serif;	
	font-style: italic;
	}
.subhead2 {
	color: #336633;
	font: bold 14px verdana, geneva, arial, sans-serif;	
	}
.subhead3 {
	color: #4c566b;
	font: bold 12px verdana, geneva, arial, sans-serif;	
	}
.footer {
	font: 10px verdana, geneva, arial, sans-serif;
	color: #000000;
	margin-left: 35px;
	margin-right: 35px;
	border-top: dotted 1px #758759;
	padding: 15px 5px; 0px;
	text-align:center;
	}
.divider {
	font: 10px verdana, geneva, arial, sans-serif;
	color: #000000;
	margin-left: 35px;
	margin-right: 35px;
	border-top: dotted 1px #758759;
	padding: 0px 0px; 0px;
	text-align:center;
	}
.letter {
	color: #003366;
	font: 11px verdana, geneva, arial, sans-serif;
	padding-left: 30px;
	padding-right: 30px;
}
.booklist	{
	padding-left:50px;
}
.booklistheader	{
	padding-left:30px;
	font-weight:bold;
}
.quote {
	font: 12px verdana, geneva, arial, sans-serif;
	color: #c7471a;
	font-style: italic;
	margin-left: 10px;
	margin-right: 10px;
	}
.question {
	font: 12px verdana, geneva, arial, sans-serif;
	color: #455985;
	font-style: italic;
	font-weight: bold;
	}
li	{
	margin-left: 40px;
	}
.box {
	padding: 5px 5px;
	margin: 20px 20px;
	border: 1px dotted #003366;
	font: 11px verdana, geneva, arial, sans-serif;
	background: #E7E7DE;
	}
.answer 	{
	padding-left: 20px;
	padding-right: 20px;
	}
.invitation	{
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-variant: small-caps;
	font-size: 13px;
	}
.ghost-button {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 1px solid #000;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button:hover,
.ghost-button:active {
  background-color: #fff;
  color: #000;
}
.ghost-button-rounded-corners {
  display: inline-block;
  width: 100px;
  padding: 8px;
  border: 1px solid #ff9900;
  border-radius: 5px;
  text-align: center;
  outline: none;
  text-decoration: none;
  background: #ff9900;
  color: #fff;
}
.ghost-button-rounded-corners:hover,
.ghost-button-rounded-corners:active {
  background-color: #ffcd81;
  color: #000;
}
.ghost-button-transition {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button-transition:hover,
.ghost-button-transition:active {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}
.ghost-button-thick-border {
  display: inline-block;
  width: 200px;
  font-weight: bold;
  padding: 8px;
  color: #fff;
  border: 3px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.ghost-button-thick-border:hover,
.ghost-button-thick-border:active {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}
	/*** PHOTO GALLERY ***/
.gallerWrapper{border: solid 1px #cccccc; border-bottom:none;}
.gallerySection{border-bottom: solid 1px #cccccc;padding: 15px;}
	.gallerySection .galleryHeader {width:100%;}
	.gallerySection .galleryHeader .headerArrow {background:url(../images/photo_arrow_down.png) 0 0 no-repeat;display:block;float:right;width:18px;height:18px;margin-top:4px;}
	.gallerySection .galleryHeader .headerArrow.up {background:url(../images/photo_arrow_up.png) 0 0 no-repeat;}
	.gallerySection .imagesContainer {display:none;margin-top:20px;}
	.gallerySection .imagesContainer.show {display:block;}
	.gallerySection .imagesContainer div{margin-bottom:12px; width:565px; height:81px;}
	.gallerySection .imagesContainer div a{margin-left:12px; width:81px; height:81px; display:block; float:left;}
		.gallerySection .imagesContainer div a:first-child{margin-left:0;}	
			.gallerySection .imagesContainer div a:hover img{border:3px solid #507b00;}
			.gallerySection .imagesContainer div a img{border:3px solid #d5d5d5; margin:0 auto; display:block;}
	
.imgContainer{position:relative; width:565px; height:auto; overflow:hidden;}
	.imgContainer ul{width:2400px; position:relative;}
		.photos-paginated{display:inline; float:left; width:565px; margin-right:16px;}
			.photos-paginated div{margin-bottom:12px; width:565px; height:81px;}
				.photos-paginated div a{margin-left:12px; width:81px; height:81px; display:block; float:left;}
					.photos-paginated div a:first-child{margin-left:0;}	
					.photos-paginated div a:hover img{border:3px solid #507b00;}
					.photos-paginated div a img{border:3px solid #d5d5d5; margin:0 auto; display:block;}

.imgViewerNav{width:auto; float:right;}
	.imgViewerNav a{text-decoration:none; margin:0 1px; padding:0 6px 2px; cursor:pointer; float:left;}
	.imgViewerNav a.current, .imgViewerNav-one:hover, .imgViewerNav-two:hover, .imgViewerNav-three:hover, .imgViewerNav-four:hover{background:#1f5876; color:#fff;}
	.imgViewerNav-previous{display:none;}
/*** END PHOTO GALLERY ***/