/*
/includes/style/4/ald_interior.css

created: 			17 November, 2006
last modified: 		21 November, 2006
version:			1.0
created for:		Arapahoe Library District
					12855 East Jamison Circle
					Englewood, CO 80122
					303-798-2444
					http://www.arapahoelibraries.org
					webmaster@ald.lib.co.us
Author:				John Lambertson (jlambertson@ald.lib.co.us, webmaster@ald.lib.co.us)
Description:		Section-specific style sheet for kidsite.arapahoelibraries.org 
					for standards-compliant browsers
					the style used here has borrowed heavily from "The One True Layout"
					section="HOMEWORK"
*/

/* BODY & HEADER------------------------------------------------------ */
body
	{
	text-align: center;
	background-color: #FFFFFF;
	font-family: "Century Schoolbook", "New Century Schoolbook", Times, serif;
	margin-top: 0;
	}
/* text formatting */
h1
	{
	color: #ff0000;
	font-size: 1.5em;
	font-weight: bold;
	}
	
h2
	{
	color: #ff0000;
	font-size: 1.2em;
	font-weight: bold;
	}
	
h3
	{
	color: #ff0000;
	font-size: 1.1em;
	font-weight: bold;
	}
	
h4
	{
	color: #ff0000;
	font-size: 1em;
	font-weight: bold;
	}
	
strong
	{
	font-size: 90%;
	font-weight: bold;
	}
	
a
	{
	color: #ff0000;
	}
	
.sideLink
	{
	color: #000;
	padding: 2px 3px 3px 3px;
	}
	
.footerLink
	{
	color: #00f;
	}
	
/* image manipulation */
img 
	{
	border: 0;
	}
	
.imageFloat1
	{
	float: left;
	margin: 3px 10px 0 0;
	border: 1px solid #000;
	}
	
.imageFloat2
	{
	float: right;
	margin: 3px 0 0 10px;
	border: 1px solid #000;
	}

.imageSideNav
	{
	border: 1px solid #000;
	}
	
/* hard rule defaults */
hr
	{
	color: #ff0000; /* IE */
	background-color: #ff0000; /* mozilla */
	border: 0;
	width: 300px;
	height: 3px;
	}
	
#outsideContainer
	{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*background-color: #00ff00;*/
	background: #00ff00 url(/images/layout/4/background.gif) repeat-y;
	}
	
/* clear the outside container for content to go below */
.blockWrapper:after
	{
	content: '';
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.blockWrapper
	{
	display: inline-block;
	}
.blockWrapper
	{
	display: block;
	}
/* end easy clearing */
	
/* START HEADER */	
#group_1-3
	{
	float: left;
	width: 225px;
	height: 184px;
	}
#group_1-7
	{
	float: left;
	width: 800px;
	height: 184px;
	}
#block_1
	/*sign_1*/
	{
	float: left;
	width: 173px;
	height: 118px;
	}
#block_2
	/*tales_head*/
	{
	float: left;
	width: 173px;
	height: 66px;
	}
#block_3
	/*sign_2*/
	{
	float: right;
	width: 52px;
	height: 184px;
	}
#block_4
	/*hoppey*/
	{
	float: left;
	width: 137px;
	height: 184px;
	}
#block_5
	/*spark*/
	{
	float: left;
	width: 143px;
	height: 184px;
	}
	
#block_6
	/*swoop*/
	{
	float: left;
	width: 119px;
	height: 160px;
	}
#block_7
	/*flik*/
	{
	float: left;
	width: 176px;
	height: 184px;
	}
/* END HEADER */
	
/* START LEFT COLUMN */	
#group_8-11
	{
	float: left;
	text-align: center;
	width: 173px;
	}
	
#block_8
	/*tales body*/
	{
	float: left;
	width: 173px;
	height: 163px;
	}
#block_9
	/*mr. crow*/
	{
	float: left;
	width: 173px;
	padding: 15px 0 15px 0;
	}
#block_9 form
	{
	float: left;
	padding: 0 0 0 5px;
	color: #ff0000;
	}
.searchButton
	{
	text-indent: -1000em;
	background: transparent url(/images/navigation/interior/buttonback.gif) no-repeat center top;
	cursor: pointer;
	}
.searchLoc
	{
	float: left;
	clear: both;
	font-size: 70%;
	font-weight: bold;
	background: url(/images/navigation/interior/buttonback.gif) repeat;
	}
.searchIcon
	{
	float: left;
	vertical-align: top;
	}
#block_10 ul
	{
	float: left;
	margin: 30px 0 30px -40px;
	list-style: none;
	}
	
#block_10 ul li
	{
	float: left;
	display: inline;
	}
	
#block_10 ul li a
	{
	color: #ff0000;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 80%;
	padding: 3px 5px 5px 3px;
	margin-right: -3px;
	border-left: 10px solid #00ff00;
	background: url(/images/navigation/interior/buttonback.gif) repeat-x;
	}
	
#block_10 ul li a:hover
	{
	color: #ff0000;
	float: left;
	font-weight: bold;
	font-size: 80%;
	text-decoration: underline;
	padding: 3px 5px 5px 3px;
	margin-right: -3px;
	margin-bottom: -1px;
	border-left: 10px solid #f6941b;
	background: url(/images/navigation/interior/buttonback.gif) repeat-x;
	}
	
#block_11
	/*ald logo*/
	{
	vertical-align: bottom;
	width: 173px;
	height: 150px;
	}
/* END LEFT COLUMN */

/* START CENTER COLUMN */
#group_12-13
	{
	float: left;
	text-align: left;
	width: 454px;
	height: 100%;
	}
/* start nav */
#block_12
	{
	float: left;
	width: 454px;
	height: 71px;
	/*border: 2px solid #000000;*/
	background: url(/images/layout/4/background_nav.jpg) no-repeat;
	}
	
#block_12 ul
	{
	float: left;
	margin: 30px 0 0 -40px;
	list-style: none;
	}
	
#block_12 ul li
	{
	float: left;
	display: inline;
	}
	
#block_12 ul li a
	{
	color: #ff0000;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 70%;
	padding: 3px 5px 5px 3px;
	margin-right: -3px;
	border-left: 10px solid #00ff00;
	background: url(/images/navigation/interior/buttonback.gif) repeat-x;
	}
	
#block_12 ul li a:hover
	{
	color: #ff0000;
	float: left;
	font-weight: bold;
	font-size: 70%;
	text-decoration: underline;
	padding: 3px 5px 5px 3px;
	margin-right: -3px;
	margin-bottom: -1px;
	border-left: 10px solid #f6941b;
	background: url(/images/navigation/interior/buttonback.gif) repeat;
	}
/* end nav */

#block_13
	/* page content */
	{
	width: 424px;
	height: 100%;
	margin: 0 0 0 15px;
	}

/* END CENTER COLUMN */
	
/* START RIGHT COLUMN */	
#group_14-16
	{
	float: right;
	text-align: center;
	width: 173px;
	}
	
#block_14
	/*page character*/
	{
	vertical-align: bottom;
	width: 173px;
	}
	
#block_15
	/* misc content */
	{
	vertical-align: top;
	text-align: left;
	width: 173px;
	height: auto;
	}
	
#block_16
	/* email a librarian */
	{
	width: 173px;
	padding: 15px 0 15px 0;
	}
/* END RIGHT COLUMN */

/* BEGIN FOOTER */
#block_17
	/* bottom page cleanup */
	{
	float: left;
	width: 800px;
	height: 18px;
	background: url(/images/layout/4/background_foot.jpg) no-repeat;
	}

#block_18
	/* footer */
	{
	display: block;
	clear: both; 
	float: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	}
	
.poll 
	{
	width: 146px;
	border: 5px #ef0f01 solid;
	background-color: #ffcc00;
	padding: 5px;
	margin: 0 2px 2px 5px;
	}
	
form input.poll
	{
	font-size: 70%;
	font-weight: bold;
	background: url(/images/navigation/interior/buttonback.gif) repeat;
	}
	
.copyRight
	{
	font-size: 90%;
	color: #000;
	}
/* END FOOTER */