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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* { margin:0;padding:0; } 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap { height:100%; }

body > #wrap { height:auto; min-height:100%; width:100%; float:left; display:block; }

#main { width:1000px; padding-bottom:200px; margin:0 auto; display:block; overflow:hidden; }  /* must be same height as the footer */

#footerContainer { position:relative;
	margin-top:-200px; /* negative value of footer height */
	height:200px;
	clear:both;
	float:left;
	display:block;
	width:100%;
	background:url(../images/header_footer/footer_tile.jpg) bottom repeat-x; } 

/* CLEAR FIX*/
.clearfix:after { content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {  height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

/* =========================================================== STANDARD STARTS =========================================================== */
body { 
	background:#E9E8C9 url(../images/header_footer/background_repeat.jpg) top repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; font-size:13px;
}
a { text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
img { border:none; }

#mainLeft { 
	width:250px; padding:0; margin:0 0 40px 0; float:left; display:block; 
	background:#122330 url(../images/header_footer/navigation_repeat.jpg) top repeat-x;
}
#mainLeftCap { 
	width:250px; height:30px; padding:0; margin:0; float:left; display:block;
	background:url(../images/header_footer/navigation_cap.jpg) no-repeat;
}

#logoContainer { width:250px; height:260px; padding:0; margin:0; float:left; display:block; }
#navigation { 
	width:250px; padding:2px 0 20px 0; margin:0 0 20px 0; float:left; display:block; color:#AFCEFF; font-size:15px; 
	font-weight:bold; background:url(../images/header_footer/navigation_line.png) top repeat-x;
	font-family:Arial, Helvetica, sans-serif; line-height:18px;
}
#navigation li span { 
	position:absolute; z-index:10; display:block; width:23px; height:26px;left:45px; top:6px;
}
#navigation li { 
	width:250px; padding:0; margin:0; float:left; display:block; list-style:none; text-align:center;
	position:relative;
}
#navigation li a { 
	width:230px; padding:8px 10px 10px 10px; margin:0; float:left; display:block; color:#AFCEFF;
	background:url(../images/header_footer/navigation_line.png) bottom repeat-x;
}
#navigation li a:hover { 
	text-decoration:none; color:#F4FDBF; 
	background:#133E4F url(../images/header_footer/navigation_line.png) bottom repeat-x;
}
#navigation li a.active { 
	text-decoration:none; color:#F4FDBF; 
	background:#133E4F url(../images/header_footer/navigation_line.png) bottom repeat-x;
}

#mainRight { width:750px; padding:0; margin:0; float:left; display:block; }
#headerContainer { 
	width:750px; height:330px; padding:0; margin:0; float:left; display:block; position:relative;
	background:url(../images/header_footer/header_background.jpg) no-repeat;
}
#headerQuote { 
	width:600px; height:37px; padding:0 150px 0 0; margin:0; float:left; display:block; font-weight:bold; 
	font-size:14px; color:#FFF; text-align:right; font-style:italic; 
}
#headerQuote span { 
	float:right; display:block; padding:10px 5px 10px 35px; margin:0; height:17px;
	background:url(../images/header_footer/header_quote_icon.png) left no-repeat;
}
#headerContainer h1 { 
	width:465px; padding:0 0 1px 5px; margin:0; float:left; display:block; font-size:25px; font-weight:bold; font-style:italic;
	line-height:30px; border-bottom:1px dashed #C9181D; position:absolute; bottom:20px; left:25px; color:#C9181D;
} 

#flashContainer { width:700px; padding:0 25px; margin:10px 0; float:left; display:block; }
#flashContainer a { color:#090; font-weight:bold; }

#contentContainer { width:700px; padding:10px 25px; margin:0; float:left; display:block; }
#contentContainer p { padding:5px; margin:0 0 10px 0; display:block; color:#0B252E; }

#contentContainer ul#trophy { padding:0 5px; margin:0; display:block; color:#0B252E; }
#contentContainer ul#trophy li { 
	padding:5px 0 5px 27px; margin:0; color:#0B252E; list-style:none; display:block; font-weight:bold;
	background:url(../images/trophy.png) left center no-repeat; 
}

#contentContainer ul { padding:0 5px 0 20px; margin:0 0 10px 0; display:block; color:#0B252E; }
#contentContainer ul li { padding:0 0 10px 0; margin:0; color:#0B252E; }

#contentContainer a { color:#090; font-weight:bold; }
#contentContainer img { float:right; padding:0; margin:0 0 10px 25px; }

#footer { 
	width:980px; height:70px; padding:120px 10px 10px 10px; margin:0 auto; display:block; 
	background:url(../images/header_footer/footer_background.png) no-repeat; color:#FFF;
}
#leftFooter { width:400px; padding:0; margin:0; float:left; display:block; }
#leftFooter a { color:#f4fdbf; font-weight:bold; }

#rightFooter { width:420px; padding:0; margin:0; float:right; display:block; text-align:right; line-height:17px; color:#FFF; }
#rightFooter a { color:#FFF; }
/* =========================================================== STANDARD FINISH =========================================================== */

/* =========================================================== MOREINFO STARTS =========================================================== */
#linksContainer { width:470px; padding:0; margin:0; float:left; display:block; }
#linksContainer li { 
	width:450px; padding:10px 10px 12px 10px; margin:0; float:left; display:block; list-style:none;
	background:url(../images/header_footer/navigation_line.png) bottom repeat-x;
}
#linksContainer label { width:200px; padding:0; margin:0; float:left; display:block; }
#linksContainer li a { width:250px; padding:0; margin:0; float:left; display:block; }
/* =========================================================== MOREINFO FINISH =========================================================== */

/* =========================================================== BOOKINFO STARTS =========================================================== */
.booksContainer { width:210px; padding:5px; margin:10px 5px; float:left; display:block; background:#f4f4e4; }
.bookCover { width:210px; padding:0; margin:0; float:left; display:block; }
#contentContainer .bookCover img { padding:0; margin:0; float:left; }
.bookTitle { 
	width:210px; height:40px; padding:5px 0; margin:0; float:left; display:block; text-align:center;
	font-weight:bold; font-size:13px; color:#009900;
}
.thumbnailsContainer { width:460px; padding:0; margin:10px 5px; float:left; display:block; }
.thumbnailsContainer h2 { width:450px; padding:5px; margin:0 0 5px 0; float:left; display:block; color:#090; } 
#thumbnailsRow { width:460px; padding:0; margin:0 0 10px 0; float:left; display:block; } 
.thumbnails { width:110px; height:110px; padding:5px; margin:0 5px 10px 5px; float:left; display:block; background:#f4f4e4; }
#contentContainer .thumbnails img { padding:0; margin:0; float:left; }
.back { width:450px; padding:5px; margin:5px 0; float:left; display:block; }
/* =========================================================== BOOKINFO FINISH =========================================================== */

/* =========================================================== FORM     STARTS =========================================================== */
#contactForm { width:400px; border-collapse:collapse; padding:0; margin:0; float:left; display:block; }
#contactForm td:first-child { width:150px; padding:10px 5px; margin:0; }
#contactForm td:last-child { width:210px; padding:10px 5px; margin:0; }
#contactForm input { width:200px; padding:2px; }
#contactForm img { width:70px; height:30px; padding:0; margin:0 10px 0 0; float:left; display:block; border:1px solid #999; } 
#contactForm input.submit { width:210px; height:30px; padding:0; }
#contactForm textarea { width:204px; padding:2px; height:120px; }

.required { font-weight:bold; color:#900; }
.error { font-weight:bold; color:#900; }
.accept { font-weight:bold; color:#06F; }
/* =========================================================== FORM     FINISH =========================================================== */