body{
	background-color:#E5F2F3;
	font-family: Verdana;
	font-size:16px;
	color:#283740;
	margin:0;
}

/* HEADER */
div#header-wrapper{
	background-color:#A3B5C1;
	border-bottom: 20px solid #6494B2;
}
div#header{
	max-width:900px;
	margin:0 auto;
	padding:30px;
	background:#A3B5C1 url('/images/manual.png') no-repeat scroll 310px 0px;
}
div#header h1{
	margin:0;
}


/* CONTENT */
div#content-wrapper{
	background-color:#E5F2F3;
	position:relative;
	background:transparent url('/images/combo.png') no-repeat scroll 60% bottom;	
	}
div#content{
	max-width:960px;
	margin:0 auto;
	line-height:1.5em;
	position:relative;
	z-index:1;
}
div#content a:link {
    color:#C43333;
}
div#content a:visited {
	color:#9B2929;
}
div#content a:hover {
    color:#F23E3E;
}
div#content div.buttonborder{
	border: 1px solid #F23E3E;
	margin-bottom:20px;
}
div#content div.button {
	background-color:#E5C9C9;
	color:#F23E3E;
	width:100%;
	text-align:center;
}
div#content div.button:hover{
	background-color:#E5DCDC;
}
div#content div.button a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;	
	padding:15px 0;
	
}
div#content div.booklist {
	background-color:white;
	padding:30px;
	margin-bottom:200px;
	line-height:1.5em;
}
div#content div.booklist h2 {
	margin-top:0;
}
div#content div.booklist h3{
	margin-top:0;
}
div#content div.booklist p.isbn {
	color:#A3B5C1;
}
div#content div.booklist div.links img{
	width:100%;
	padding-bottom: 10px;
}


/* FOOTER */
div#footer-wrapper{
	background-color:#A3B5C1;	
	border-top: 20px solid #6494B2;
	width:100%;
	padding-bottom:30px;
}
div#footer{
	clear:both;
	max-width:960px;
	margin:10px auto;
	padding:0 30px;
}
div#footer div.bullet{
	float:left;	
	margin-right:10px;
}
div#footer div.bybullet p{
	margin:0;
}
div#footer div.overline {
	padding-top:10px;
	border-top:1px solid #283740;
}	
div#footer div.spjglink a:link, a:visited{
	background:#9CDBEF url('/images/somepeoplejugglegeese.png') no-repeat scroll 10px 10px;	
	display:block;
	text-indent:-1000px;
	height:50px;
	width:50px;
	padding:10px;
	border:5px solid #6494B2;
	overflow:hidden;
}
div#footer div.spjglink a:hover{
	background: #BDE2ED url('/images/somepeoplejugglegeese.png') no-repeat scroll 10px 10px;	
	display:block;
	text-indent:-1000px;
	height:50px;
	width:50px;
	padding:10px;
	border:5px solid #6494B2;
}
div#footer div.buttonborder{
	border:5px solid #F23E3E;
}

 



/*  RESPONSIVE LAYOUT CODE  
http://www.responsivegridsystem.com/calculator/ */


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
