@charset "UTF-8";
/* CSS Document */


body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #99CCFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* zero padding and margin on lists */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing top margin */
	padding-right: 15px;
	padding-left: 15px; /* get rid of box model math */
}

/* set header element sizes */
h1 {
   font-size:1.9rem;
   font-weight:bold;
   }

h2, h4 {
   font-size:1.5rem;
   font-weight:bold;
   }

h3 {
   font-size:1.2rem;
   font-weight:bold;
   }
   
a img { /* removes the default blue border  */
	border: none;
}

a:link {
	color: #206ba4;
	text-decoration: none;
}
a:visited {
	color: #206ba4;
}  
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	color: #800000;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 1020px;
	background-color: #FFF;
	margin: 0 auto; /* centers the layout */
   box-shadow: 0px 0px 10px 5px #32383e;  /* h v blur spread color - dark gray - 4 sides */
}


/* Saves you from any "box model math"  */
.content {
	padding: 10px 0;
	text-align: center;
}


/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.aside_lg {
	float:right;
	width:405px;
	padding:5px;
	margin:0 5px 0 5px;
	/* background-color:#eee; */
}

aside {
	float:right;
	width:175px;
	padding:5px;
	margin:0 5px 0 5px;
	/* background-color:#eee; */
}

.bb_img {
	width:200px;
	height:260px;
}

.header {
	background-color: #656565;
	width: 1020px;
	text-align: center;
}
	
.header img {
	width: 995px;
	padding: 12px 0 7px 0 ; /* top right bottom left */
	}	
	
.img_reduced {
	width: 735px;
	padding: 12px 0 7px 0 ; /* top right bottom left */
	}
	
ol {
	width: 80%;
	text-align: left;
	margin-left:75px;
}

ol { counter-reset: item; }
ol li { display: block;
	margin-bottom:10px;
	}
ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	color: red;
	font-weight:bold;
	}
	

.around ul {
	width: 80%;
	text-align: left;
	margin-left:75px;
	margin-bottom:25px;
}

.around ul li {
	margin-bottom:10px;
}

.around ul li ul {
	margin-bottom:-5px; 
	font-size:.85em;
}
.around ul li ul li {
	margin-bottom:0px; 
}


.history_ul ul {
	width: 80%;
	text-align: left;
	margin-left:95px;
	margin-bottom:15px;
}

.history_ul ul li {
	margin-bottom:0px;
}

.indent {
	margin-left:50px;
}

.books_category {
	background-color:#996600;   /* dark gold  */
	padding-top:10px;
	padding-bottom:10px;
}

.author_strip {
	background-color:#D8D8D8;
	padding-top:5px;
	padding-bottom:5px;
}

/* ********************************************************************** */
/*                      Styles for the navigation bar                     */ 
/* ********************************************************************** */



#navbar{
      list-style:none;
      margin-bottom:10px;
      float:left;  /* Float parameters force elements to stay on a single line */
      width:1010px;
      padding:5px;
      background-color:#800000;   /* dark red */
      }

#navbar li{
      /* font-size:1.6rem; */
      list-style-type:none;
      float:left;
      margin-right:15px;
      margin-left:12px;
      border-radius:5px;
      position:relative;
      }

#navbar a{
      display:block;
      padding:7px;
      color: #fff;
      font-weight: bold;
      text-shadow: 2px 1px 0 #000;
      background:#800000;
      text-decoration:none;
      }

#navbar a:hover,  a:active {
      color:#cc0000;  /* dark red */
      text-decoration:none;
      }

/*Dropdown styling*/

#navbar ul{
      list-style: none;
      position: absolute;
      background-color:  #CCC49F;   /* tan  */
      /* background-color: #203E7C;   royal blue  */
      left: -9999px; /*Hide off-screen when not hovered over*/
      z-index: 10 !important;
      } 

#navbar ul li{
      padding-top:5px; /* Between the li items for spacing */
      float:none;
      margin-left:0px;
      }

#navbar ul a{
      white-space:nowrap; /*Stop text wrapping*/
      }

/* Display the dropdown on hover */
#navbar li:hover ul{ 
      left:0; /*Bring back on-screen when needed*/
      z-index: 99 !important;
      }

/* The top link display when a user hovers over sub-menu items */
#navbar li:hover a{ 
      text-decoration: none;
      background-color:  #CCC49F;   /* tan  */
      /* background-color:  #203E7C;   royal blue  */
      color:#800000;  /* dark red */
      text-shadow: 2px 1px 0 #ddd;
      }

/* The hover state defined a global style for links even before they're hovered over. Here we undo these effects. */
#navbar li:hover ul a{ 
      text-decoration:none;
      }

/* Defines the most explicit hover states when a user hovers over an individual link. */
#navbar li:hover ul li a:hover{ 
      background-color:  #CCC49F;   /* tan  */
      /* background-color:  #203E7C;   royal blue  */
      }
	  
/* ------------------------------------------- */

.submenu {
	margin:5px;
}

.submenu td {
	width:33%;
	background-color: #996600;   /* dark gold  */
	font-size:1.0rem;
	color:#CCC49F;   /* tan */
	text-align:center;
	text-shadow: 1px 1px 0 #000;
	font-weight: bold;
	padding: 2px 0px 2px 0px; /* top right bottom left */
	height: 45px;
	border: 2px solid #000;
	border-radius: 5px;
   }

.submenu td a {
   color:#CCC49F;   /* tan */
   text-shadow: 1px 1px 0 #000;
   font-weight: bold;
   }
   
.submenu td a:hover, a:active, a:focus {
   color:#800000;   /* dark red */
   text-shadow: 1px 1px 0 #000;
   font-weight: bold;
   }

.smaller_text {
	font-size: .85em;
}

figure img {
 display: block;
 margin-left: 10px;
 }
 
figcaption {
 font: 10pt/10pt Verdana, Tahoma, Sans-serif;
 padding: 2px 4px;
 text-align:center;
 }
 
.sub_text {
	font-size:.8em;
	font-weight:300;
	font-style:italic;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #CCC49F;
	text-align: center;
	font-size: .75em;
}

.table_history {
	font-size:12px;
	border:thick;
	width:80%;
	margin-left:40px;
}

.table_history th {
	font-weight:bold;
}

.div_350 {
	text-align:center;
    margin: auto;
    width: 90%;
    padding: 10px;	
}