@charset "utf-8";
body {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* centers container in IE 5*. Part 1 of 2*/
	color: #000000;}

.oneColElsCtrHdr #container {  /* begin whole page; contains everything*/
	width: 100%;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. Part 2 of 2*/}

.oneColElsCtrHdr #header { 
	background: #ffffff; 
	background-image: url(images/header_1800_left.jpg);
	background-repeat:no-repeat;
	height:200px;	}   /*cannot allow padding here or bg img will not go to edges*/

.oneColElsCtrHdr #header .photo { float:left; margin:22px 45px; z-index:5;}  
.oneColElsCtrHdr #header .misty  { float:left; margin:70px 75px; border:7px; border-color: #ECD8B9;	border-style: outset; } 
.oneColElsCtrHdr #header .awards  { float:left; margin:70px 75px; border:7px; border-color: #ECD8B9; border-style: outset;	} 
.oneColElsCtrHdr #header .art  {  text-align:right; margin: 150px 50px; font-size:.9em; font-style:italic;} 

.oneColElsCtrHdr #nav {  /* after header div is closed; begin header shadow and nav*/
	padding: 0; /*no padding here or gradient shadow will not go to edges*/
	background: #FFFFFF;
	color:#093A71; /* matches JMK in header*/  	}
	
.oneColElsCtrHdr #shadow { /*gradient beneath header; holds nav bar*/
	height:75px;
	background-image: url(images/shadow2.jpg);
	background-repeat:repeat-x;			}	

.oneColElsCtrHdr #mainContent {  /* body of page AFTER nav*/
	padding: 0 40px; /* first # is top and bottom, second # is right and left sides */
	background: #FFFFFF;
	z-index:3;	}
	
.oneColElsCtrHdr #tipssidebar { /*put this div before content div in code on pages*/
	float: right; 
	width: 15em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
	margin:15px;}	
	
.oneColElsCtrHdr #tipscontent {  /* body of page AFTER nav on tips pages only*/
	margin: 0 13em 0 10px; /* the left margin's value is equal to the header and footer which creates alignment down the left side of the document. */ 	
	padding: 0 40px; /* first # is top and bottom, second # is right and left sides */
	background: #FFFFFF;
	z-index:3;	}
	

p {font-size: 1em;}

h1 {font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; text-align:center; margin-bottom: 30px;}

h2 {font-size: 1em; }		
.tipsintro {
	font-size: 1.5em;
	color:#093A71;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom:30px;
	font-style: italic;
}		

.leftimg {
	float:left; border:2px inset; margin-right: 20px; margin-bottom: 6px;}
	
#shadow a:link, a:visited, a:active {text-decoration: none; color: #06105c; /* font same color as JMK in header*/
	} 

#shadow a:hover {  
	background-color: #ffffff; /* nav bar at the top turns white on Hover*/
	color: #06150c;   /* font same color as JMK in header*/
	text-decoration: none;
}

.booklist td {
	font: 10pt;
	text-align: left;
	font-weight: normal;
	margin-top: 600px;	} 
	 /* set table class="booklist" for this style to work.  Do not use <p>'s in table, or style reverts to td p. (can change this later to match .moon td p below)  Also used for reviewtidbits, a file included on index (and other?) pages */	

#right {
	position: absolute;
	top: 425px;
	right: 100px;
	width: 180px;
	height: 750px;
	z-index: 1;
	background-image: url(images/allusbooks.gif);
	background-repeat:no-repeat;
		}   /*all us books img */
		
#rightsidebar {
	float: right; 
	width: 12em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
}


.oneColElsCtrHdr #footer { 
	background:#ffffff;
	background-image: url(images/footer_art.jpg); background-repeat:no-repeat;
	background-position:bottom;
	height:155px;   /*art is 64; logo is 75; rest is for space between logo and bg img*/
	padding: 0; margin:0;
	margin-top:75px;
	} 
	
.footer a:link { color: #06150c; text-decoration: none; }  /* border color is set here*/
	
.footer {margin-bottom: 25px; text-align: center;}  /* border is set in footer.html*/


.oneColElsCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}