body { background-color: #053861 }

#header {
	margin: 0 auto;
	height: 140px; 
	border-bottom: 4px solid #fff}

#header, #home-content, #home-footer, #ourbooks-content, #test-content, #about-content, #older-content, #younger-content, #contact-content  { width: 820px; margin: 0 auto; }

#top-nav { 
	padding: 16px 28px 0 0;
	float: right; 
	text-align: right; }
	
#top-nav, #top-nav a {
	text-transform: uppercase;
	letter-spacing: 0.15pt;
	color: #b2c6ed;
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; }
	
#top-nav a:hover { color: #00FFFF; }

/* UNIQUE HEADERS */
.home { background: #fff  url(images/header-bg-home.gif) no-repeat top right; }
.ourbooks { background: #fff  url(images/header-bg-ourbooks.gif) no-repeat top right; }
.test { background: #fff  url(images/header-bg-test.gif) no-repeat top right; }
.about { background: #fff  url(images/header-bg-about.gif) no-repeat top right; }
.older { background: #fff  url(images/header-bg-older.gif) no-repeat top right; }
.younger { background: #fff  url(images/header-bg-younger.gif) no-repeat top right; }
.contact { background: #fff  url(images/header-bg-contact.gif) no-repeat top right; }


/* HOME PAGE */
#home-content { background-color: #ABC7FC; height: 348px;}
#home-content p { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13.5px;
	line-height: 24px;
	color: #004883;
	display: block;
	width: 190px; 
	background: url(images/home-p-bg.gif) no-repeat  ; 
	padding: 10px 0 10px 45px;
	margin: 50px 0 0 9px; 
	background-position: 0 18px; }

#home-footer { border-top: 4px solid #419CCD; background-color: #FFD35D; height: 146px; }
	
#home-footer a#older, #home-footer a#younger { text-indent: -5000px; display: block; height: 146px; }
#home-footer a#younger { background: #FED45E url(images/home_younger.jpg) no-repeat top left; width: 259px; }
#home-footer a#older { background: #FED45E url(images/home-older.jpg) no-repeat top left; width: 245px; }
#home-footer a:hover#younger, #home-footer a:hover#older { background-position:  0 -146px; }

/* OUR BOOKS */
#ourbooks-younger { background-color: #FFE258; }
#ourbooks-older { background-color: #FFA046 }
#ourbooks-older, #ourbooks-younger { 
	width: 307px;  
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 1.5 em;
	color: #000;
	height: 471px;}
	
#ourbooks-older p, #ourbooks-younger p { padding: 10px 0 10px 27px }	

#ourbooks-content a#older, #ourbooks-content a#younger { text-indent: -5000px; display: block; height: 60px; margin-top: 25px;}
#ourbooks-content a#younger { background: #FFE258 url(images/ourbooks-younger.gif) no-repeat top left; width: 307px;}
#ourbooks-content a#older { background: #FFE258 url(images/ourbooks-older.gif) no-repeat top left; width: 307px; }
#ourbooks-content a:hover#younger, #ourbooks-content a:hover#older { background-position:  0 -58px; }

#test-content { height: 540px;  /* PADDING + HEIGHT must equal this value */ }
#test-content p, #about-content p, #about-content ul {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .85em;
	line-height: 1.4em; }
	
.quote { font:  4em Geneva, Arial, Helvetica, sans-serif }

/* COL 1 */
#christine, #merrer { width: 331px; padding: 0 20px 0 30px } /* WIDTH = 381 */
#christine { height: 285px; background-color: #FFE258; padding-top: 30px; } /* HEIGHT = 305px */
#merrer { height: 200px; background-color: #2EAAD3; margin-top: -235px; padding-top: 35px;  }  /* HEIGHT = 235 */

/* COL 2  */
#kathy, #moritz { width: 175px; padding: 0 20px 0 25px } /* WIDTH 220px */
#kathy { height: 191px; background-color: #73D256; padding-top: 30px; } /* HEIGHT = 221 */
#moritz { height: 299px; background-color: #B288FF; padding-top: 20px;} /* HEIGHT = 319 */

/* COL 3 */
#kolwicz { width: 174px; height: 510px; padding: 30px 20px 0 25px;   /* WIDTH 219 */
background: #4FDBF4 url(images/test-books.jpg) no-repeat bottom right; }

/* ABOUT */
#about1 { width: 374px; background-color: #73d256; height: 490px; padding-top: 30px }
#about1 p { padding: 0 20px 0 25px; }

#about2 { width: 169px; background-color: #ffe258; padding: 30px 20px 0 30px; height: 490px; }
#about2 li {  line-height: 1.5em; margin-left: 15px;}

/* OLDER and YOUNGER */
#older-1, #older-2, #older-3, #older-4, #younger-1, #younger-2, #younger-3, #younger-4 { width: 205px; height: 571px; }

#older-content p, #younger-content p /* YOUNGER FONTS DEFINED HERE TOO */ { 	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	line-height: 1.5; 
	margin: 20px 20px 0 20px; }
	
.description { height: 190px; display: block; }
	
#older-content img, #younger-content img { margin: 20px 0 0 20px; z-index: 12;}
.button { margin: 5px 0 0 20px; }

#older-1 { background-color: #E4618B; }
#older-2 { background-color: #00B273; }
#older-3 { background-color: #F58345; }
#older-4 { background-color: #00A6B9; }

#younger-1 { background-color: #FEC34D; }
#younger-2 { background-color: #F2568C; }
#younger-3 { background-color: #A0C04C; }
#younger-4 { background-color: #B75BC7; }

img#new { margin: 10px 0px -61px 125px;  z-index: 99; display:block; position: absolute;}
/* CONTACT */
#contact-content p { width: 460px; }

#mail, #fax, #phone, #email { height: 110px; padding-top: 20px; }
#mail img, #fax img, #phone img, #email img {  margin: 0 20px 0 35px; }
#mail p, #fax p, #phone p, #email p {  float: left; margin: -15px 0 0 150px; }

#email { background-color: #3EBF7E; }
#mail { background-color: #FFE258; }
#phone { background-color: #2EAAD3; }
#fax { background-color: #B288FF;}

/* GENERIC */
.l-float { float: left; }
.r-float { float: right; }
.center { margin: 0px auto; display: block; }
.strong { font-weight: bold; }