@charset "utf-8";



/* CSS Document */

body {
	padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center;    /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #000000;
	color: #fff3f3;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	
}

 #container {
	width: 1080px;
	top: 0px;
	background:#000000;
	color: #fff3f3; 
	opacity:.9;
	text-align: center;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

/* If Media = phone (based on screen size) then these rules apply for display special menu divs */	
@media (max-width: 320px) {
  
  #mobile_menu {
	  display:block;
	  /*width:270px;*/
	  background-color:#000;
	  /*margin:5px auto;*/
	    
   }
   
  .oneColElsCtr table tr td center #mobile_menu a {
	font-size: 72px;
	font-style: italic;
	text-decoration: underline;
}
  #mobile_top_menu {
	  display:block;
	    
   }
	}
	
/* If Media = Tablet (based on screen size) then these rules apply for display special menu divs */	
@media (min-width: 321px) and (max-width: 768px) {

    #mobile_menu {
	  display:block;
	  /*width:450px;*/
	  background-color:#000;
	 /* margin:5px auto;*/
	  
	}
	.oneColElsCtr table tr td center #mobile_menu a {
	font-size: 56px;
	font-style: italic;
	text-decoration: underline;
}
    #tablet_top_menu {
	  display:block;
	  height: 112px;
	  width: 1080px;
	  position:fixed;
	  top: 0px;
	  z-index: 200;
	 
	}
	
/*	 #boxesmenutop {  */
/*	  display:none;	  */
/*	}                 */

}

/* If Media = Desktop (based on screen size) then don't display special menu divs */	
@media (min-width: 800px) {
  
  #mobile_menu {
	  display:none;
	  
}

 #boxesmenutop {
	/*height: 50px; */
	display:block;
	height: 112px;
	width: 1080px;
	position:fixed;
	top: 0px;
	z-index: 200;
	background:#000000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
 #mobile_top_menu {
	  display:none; 
	  
}
  #tablet_top_menu {
	  display:none;
	  
}
	}


/* not used 
 #boxesmenuleft {
	height: 550px;
	width: 262px;
	position:fixed;
	top: 50px;
	z-index: 0;
}	*/


  #content {
	/*  position:fixed; */
	overflow: auto;
	padding: 112px 0px 0px; /* top = 0 or size of heading if there is one, sides= 0, bottom = height of footer */
	width: 1080px;
	height: auto;
	z-index: 3;
	/*background-image:url(images/backgrounds/blackwood.png); */
	background-image:url(images/backgrounds/_backgroundTile.jpg);
	background-repeat:repeat;
	color: #fff3f3;
}

  #footer {
	height: 50px;
	width: 1080 px;
	position: fixed;
	bottom: 0; 
	background:#0CC; 
}

table  {
	vertical-align: top;	/* background: #333; */
	border: 1 px;
}

 h1 {
	font-size: 34px;
	/*font-weight: bold;*/
	text-align: center;
	color: #fff3f3;/*pale pink */
	/*text-shadow:2px 2px 1px #333;*/
	opacity:.7;
}
 h2 {
	font-size: 28px;
	/*font-style: italic; */
	opacity:.7;
	text-align: center;
	/*color: #2b6c78;*/
	/*color: #66cccc; /*pale teal*/
	color: #fff3f3;/*pale pink */
	/*text-shadow:2px 2px 0px #333;*/
}
 h3 {
	font-size: 24px;
	/*font-style: italic; */
	opacity:.7;
	text-align: center;	
	color: #fff3f3;/*pale pink */
	/*color: #66cccc; /* pale teal*/
	/*text-shadow:1px 1px 0px #333;*/
}
 h4 {
	font-size: 20px;
	text-align: center;
	color: #fff3f3;/*pale pink */
	/*color: #66cccc; /*pale teal*/
	/*text-shadow:2px 2px 0px #333;*/
	opacity:.7;	
}
 h5 {
	font-size: 18px;
	text-align: center;
	color: #fff3f3;/*pale pink */
	/*text-shadow:2px 2px 0px #333;*/
	/*color: #FFC;/*pale yellow */
	/*color: #600;/*dk brown*/
	opacity:.7;
}
 h6 {
	font-size: 16px;
	font-weight:normal;
	text-align: center;
	color: #fff3f3;/*pale pink */
	/*text-shadow:2px 2px 0px #333;*/
	opacity:.7;
	}
	
 p {
	/*color: #FFC;/*pale yellow*/
	color: #fff3f3;/*pale pink */
	/*text-shadow:2px 2px 0px #333;*/
	/*color: #600;/*dk brown*/
	font-size: 16px;
	text-align: left;
	line-height: 18pt;
	opacity:.9;
}

a {
	/*text-shadow:1px 1px 0px #333;*/
	color: #CFF; /*pale blue*/
	text-decoration: none;
	opacity:.9;
	}

a:active , a:hover {
	/*font-weight: bold;*/
	text-decoration:underline;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.right {
         text-align:right;
        }

.left {
        text-align:left;
       }

.justify {
	text-align:justify;
	}

.center {
	text-align:center;
	}

.pale-teal {
	color: #66cccc; /*pale teal*/
}

.pale-blue {
	color: #CFF; /*pale blue*/
}

.products_table {
	text-align: center;
	vertical-align: bottom;	/*border: 0px solid;
	border-color: #933;*/
	
}

.art_details_table {
	text-align: center;
	vertical-align: top;	/*border: 0px solid;
	border-color: #933;*/
}
	
.about_us_table {
	text-align: center;
	vertical-align: top;	/*border: 0px solid;
	border-color: #933;*/
}

.book_details_table {
	text-align: center;
	vertical-align: middle;	/*border: 0px solid;
	border-color: #933;*/	
}

.book_cover_img {
	text-align: center;
	border:solid 1px #666666;
	/*border-radius: 10px; 
	box-shadow:4px 4px 4px #333333; */ 
}

.banner_rounded_img {
	text-align: center;
	border:solid 1px gray; 
    border-radius: 20px;
	/*box-shadow:5px 5px 5px gray; 	*/
}

.notecards_table {
	text-align: center;
	vertical-align: bottom;	/*border: 0px solid;
	border-color: #933;*/	
}
.Indent {
	text-align: left;
	text-indent: 20px;
}
.wrap-text-photo-left {
    text-align: left;	
	width:40%;
	padding: 0 20px 15px 0;
	float:left;
}