/* GENERIC STYLES */

html, body {
	background:			#FFFFFF;
	text-align: left;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	}

html {
	height:				100%;
	margin-bottom:		1px;
	}

body {
	margin: 0; 
 	padding: 0; 
 	text-align: center; 
	}
	
table {
	border-collapse:	collapse;
	}

table, tr, td, form, div, a, img {
	padding:			0px;
	margin:				0px;
	}

a img {
	border:				none;
	}
	
div#Container {
	margin: 0 auto;  
 	padding: 0; 
	width: 960px;
	
}

/* HEADER STYLES */

	div#ContainerHead {
		text-align: left;
		float: left;
		position: relative;
		clear: both;
		display: block;
		margin-top: 6px;
	}
	
		div#ContainerHead div#littleReader {
			float: left;
			display: inline;
			position: relative;
			z-index: 999;
		}
		
			div#ContainerHead div#navContainer {
				width: 100%;
				height: 40px;
				/*background: #FFFFFF url(../image/navBackground.png) repeat-x;*/
				display: block;
				position: relative;
				float: left;
				clear: both;
				margin-top: -41px;
				z-index: 0;
			}

				div#ContainerHead div#navContainer div.east {
					display: inline;
					float: right;
					position: relative;
					margin: 0;
					padding: 0;
					background:  #FFFFFF url(../image/navEastEdge.png) no-repeat;
					height: 40px;
					width: 10px;
				}

				div#ContainerHead div#navContainer div.west {
					display: inline;
					float: left;
					position: relative;
					margin: 0;
					padding: 0;
					height: 40px;
					width: 10px;
					background:  #FFFFFF url(../image/navWestEdge.png) no-repeat;
				}

				div#ContainerHead div#navContainer div {
					display: inline;
					position: relative;
					float: left;
					margin: 0;
					padding: 0;
					background: #FFFFFF url(../image/navBackground.png) repeat-x;
					width: 940px;
					height: 40px;
					overflow: hidden;
				}
			
					div#ContainerHead div#navContainer div ul {
						padding: 0;
						margin: 0;
						float: left;
						position: relative;
						clear: both;
						padding-top: 10px;
						width: 100%;
						clear: both;
					}
				
						div#ContainerHead div#navContainer div ul li {
							list-style-type:none;
							display: inline;
							position: relative;
							text-align: center;
							float: left;
							padding: 0 3px;
							margin-top: 2px;
							border-left: 1px solid #CCC;
						}

						div#ContainerHead div#navContainer div ul li.first {
							margin-left: 110px;
							border-left: none;
						}
						
						div#ContainerHead div#navContainer div ul li.search {
							float: right;
							border-left: none;
							position: relative;
							display: inline;
							margin-top: -2px;
							width: 190px;
						}
							div#ContainerHead div#navContainer div ul li.search div {
								height: 20px;
								background: none;
								padding: 0;
								margin: 3px 0 0 0;
								line-height: 40px;
							}
					
							div#ContainerHead div#navContainer div ul li.search form input {
								display: inline;
								position: relative;
								float: left;
								clear: right;
							
							}
						
							div#ContainerHead div#navContainer div ul li.search form img {
								display: inline;
								position: relative;
								float: left;
								clear: right;
							}
						
							div#ContainerHead div#navContainer div ul li.search form input {
								margin: -2px 0 0 5px;
							}
						
							div#ContainerHead div#navContainer div ul li.search form input#f_search {
								width: 100px;
							}
				
							div#ContainerHead div#navContainer div ul li.search form input#go {
								margin-top: 1px;
							}
	
							div#ContainerHead div#navContainer div ul li a {
								padding: 10px;
								color: #FFF;
								text-decoration: none;
							}
		
			div#ContainerHead div#accessContainer {
				display: inline;
				position: relative;
				float: left;
				padding: 23px 0 6px 0;
				width: 860px;
			}
			
				div#ContainerHead div#accessContainer div#logoContainer {
					float: left;
					position: relative;
					display: inline;
					margin-top: 22px;
				}
				
				div#ContainerHead div#accessContainer div#helpfulLinks {
					float: right;
					postion: relative;
					display: inline;
					height: 75px;
					margin: 0 -10px 0 0;
				}
			
					div#ContainerHead div#accessContainer div#helpfulLinks div {
						float: right;
						display: block;
						postion: relative;
						clear: both;
					}
					
					div#ContainerHead div#accessContainer div#helpfulLinks div.coordinators {
							margin: -3px 0 12px 0;
					}
					
						div#ContainerHead div#accessContainer div#helpfulLinks div div {
							display: inline;
							float: right;
							position: relative;
							clear: none;
							margin-left: 15px;	
					}
	
		div#ContainerHead img {
		
		}
	
	/* CONTENT AREA STYLES */
		
	div#ContainerBody {
		float: left;
		position: relative;
		clear: both;
		display: block;
		text-align: left;
		width: 100%;
	}
	
		div#ContainerBody div.featuredContent {
			display: inline;
			float: left;
			width: 70%;
			position: relative;
		}
		
			div#ContainerBody div.featuredContent div.heroSection,
			div#ContainerBody div.featuredContent div.promoSection  {
				display: block;
				float: left;
				clear: both;
				position: relative;
				width: 100%;
			}
			
			div#ContainerBody div.featuredContent div.heroSection {
				/* background-color: #FAF7F0; */
				background: #FFFFFF url(../image/heroBGFade.png) repeat-x;
				margin: 10px 0 15px 0;
			}

				div#Container div#ContainerBody div.heroSection div.Corners {
                			height: 10px;
                			width: 100%;
                			margin: 0;
                			padding: 0;
                			position: absolute;
                			top: 0;
                			left: 0;
                			clear: both;
                			float: left;
        			}

                			div#Container div#ContainerBody div.heroSection div.Corners div.interiorNavWestCorner {
                        			display: inline;
                        			float: left;
                        			background: #FFF url(../image/navTopWestCorner.png) no-repeat top left;
                        			position: relative;
                        			height: 10px;
                        			width: 10px;
                        			margin: 0;
                        			padding: 0;
                        			clear: right;
                			}

                			div#Container div#ContainerBody div.heroSection div.Corners div.interiorNavEastCorner {
                        			display: inline;
                        			float: right;
                        			background: #FFF url(../image/navTopEastCorner.png) no-repeat top right;
                        			position: relative;
                        			height: 10px;
                        			clear: right;
                        			width: 10px;
                        			margin: 0;
                        			padding: 0;
                			}

			
				div#ContainerBody div.featuredContent div.promoSection div ul li a {
					color: #666;
					text-decoration: none;
				}
			
				div#ContainerBody div.featuredContent div.heroSection div.heroMessage {
					width: auto;
					display: block;
					clear: both;
					float: left;
					position: relative;
					padding: 20px 0 0 26px;
					height: auto;
				}
				
				div#ContainerBody div.featuredContent div.heroSection div.pageContent {
					width: 50%;
					float: left;
					display: inline;
					position: relative;
					height: auto;
				}

					div#ContainerBody div.featuredContent div.heroSection div.pageContent div.bookCounter {
						font-size: 2em;
						display: block;
						position: relative;
						float: left;
						clear: both;
						height: 25px;
					}
						div#ContainerBody div.featuredContent div.heroSection div.pageContent div.bookCounter div {
							display: inline;
							position: relative;
							clear: right;
							float: left;
							height: 25px;
							line-height: 25px;
						}

						div#ContainerBody div.featuredContent div.heroSection div.pageContent div.bookCounter div.textCounter {
							margin-top: -2px;
						}

						div#ContainerBody div.featuredContent div.heroSection div.pageContent div.bookCounter div img {
							margin: 0;
							padding: 0;
						}

					 div#ContainerBody div.featuredContent div.heroSection div.pageContent div.helpfulLinksHero div {
                                                        display: inline;
                                                        position: relative;
                                                        float: left;
                                                	margin: 22px 15px 0 0; 
						}           


				div#ContainerBody div.featuredContent div.heroSection div.heroCake {
					float: right;
					display: inline;
					position: relative;
					margin: -25px 25px 0 0;
				}
				
				div#ContainerBody div.featuredContent div.promoSection div.whatsNew {
					width: 327px;
					display: inline;
					float: left;
					position: relative;
					margin-right: 10px;
				}
					
					div#ContainerBody div.featuredContent div.promoSection div.whatsNew .listHeader {
						height: 32px;
						width: 327px;
					}
						
						div#ContainerBody div.featuredContent div.promoSection div.whatsNew ul {
							list-style-type: none;
							padding: 0;
							margin: 20px 2em 0 2em;
						}
						
							div#ContainerBody div.featuredContent div.promoSection div.whatsNew ul li {
								background-image: url(../image/whatsNewBullet.gif);
								background-repeat: no-repeat;
								background-position: 0 1em;
								padding: .5em 0 .5em 1.5em;
							}
							
								div#ContainerBody div.featuredContent div.promoSection div.whatsNew ul li a {
								
								}
					
				
				div#ContainerBody div.featuredContent div.promoSection div.featuredLinks {
					width: 327px;
					display: inline;
					float: left;
					position: relative;
				}
				
					div#ContainerBody div.featuredContent div.promoSection div.featuredLinks .listHeader {
						height: 32px;
						width: 327px;
						color: #333;
					}
					
						div#ContainerBody div.featuredContent div.promoSection div.featuredLinks ul {
							list-style-type: none;
							padding: 0;
							margin: 20px 2em 0 2em;
						}
						
							div#ContainerBody div.featuredContent div.promoSection div.featuredLinks ul li {
								background-image: url(../image/featuredBullet.gif);
								background-repeat: no-repeat;
								background-position: 0 1em;
								padding: .5em 0 .5em 1.5em;
								overflow: hidden;
							}
							
							div#ContainerBody div.featuredContent div.promoSection div ul li.viewAll {
								background-image: none;
								color: red;
							}
							
								div#ContainerBody div.featuredContent div.promoSection div ul li.viewAll a {
									color: red;
									text-decoration: underline;
								}
							
								div#ContainerBody div.featuredContent div.promoSection div.featuredLinks ul li a {
									
								}
		
		div#ContainerBody div.Gateways {
			display: inline;
			float: right;
			width: 30%;
			position: relative;
		}
		
			div#ContainerBody div.Gateways div.gateway {
				padding: 9px 0;
				display: block;
				position: relative;
				float: right;
			}
			
			div#ContainerBody div.Gateways div.currentBook {
				padding-top: 9px;
			}
	
	
	/*  FOOTER STYLES */ 
	
	div#ContainerFooter {
	
		float: left;
		position: relative;
		clear: both;
		display: block;
		text-align: left;
		width: 100%;
		
	}
	
		div#ContainerFooter div.shadow {
		
		}
		
			div#ContainerFooter div.shadow img {
			
			}
			
		div#ContainerFooter div#addressLine {
			text-align: center;
			margin-bottom: 20px;
			width: 100%;
			float: left;
			clear: both;
			position: relative;
		}
		
			div#ContainerFooter div#addressLine div {
				width: 100%;
				text-align: center;
				float: left;
				clear: both;
				display: block;
				position: relative;
			}
		
				div#ContainerFooter div#addressLine div ul {
					width: 100%;
					float: left;
					clear: both;
					display: block;
				}
				
					div#ContainerFooter div#addressLine div ul li {
						list-style-type: disc;
						color: #1A71AE;
						display: inline;
						margin-right: 10px;
					}
					
					div#ContainerFooter div#addressLine div ul li.first {
						
					}
						
						div#ContainerFooter div#addressLine div ul.footerLinks li {
							color: #CCC;
						}
						
						div#ContainerFooter div#addressLine div ul.footerLinks li a {
							text-decoration: underline;
							font-size: 12px;
							color: #CCC;
						}
					
						div#ContainerFooter div#addressLine div ul li.hasImage {
							margin-top: 12px;
						}
						
				div#ContainerFooter div#addressLine div p {
					color: #305531;
				}
				
					div#ContainerFooter div#addressLine div p img {
					
					}
					
				div#ContainerFooter div#addressLine div img {
				
				}