/*****************************************************************************
**		 __      __  ____     ____     __  __  ________   ________      	**
**		/\ \  __/\ \/\  _`\  /\  _`\  /\ \/\ \/\_____  \ /\_____  \    		**
**		\ \ \/\ \ \ \ \ \L\ \\ \ \L\ \\ \ \ \ \/____//'/'\/____//'/'   		**
**		 \ \ \ \ \ \ \ \  _ <'\ \  _ <'\ \ \ \ \   //'/'      //'/'    		**
**		  \ \ \_/ \_\ \ \ \L\ \\ \ \L\ \\ \ \_\ \ //'/'___   //'/'___  		**
**		   \ `\___x___/\ \____/ \ \____/ \ \_____\/\_______\ /\_______\		**
**			'\/__//__/  \/___/   \/___/   \/_____/\/_______/ \/_______/		**
**																			**
**	This site created by Drew Loomer for the West Bloomfield Township 		**
**	Public Library Youth Department.  										**
**	Completed on 9-14-2009													**
**	loomerdr@wblib.org														**
**	Sorry about the lame ASCII art - it was just too tempting...			**
**																			**
**	These styles are used by all of the pages.  Styles that apply to a 		**
**	specific folder can be found in their own stylesheet.					**
**																			**
*****************************************************************************/



/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , img
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}




/* Broad Statements */
body 
{
	background-color:  			#edeff9;
	font-family:				sans-serif;
	padding:					0px;
	text-align: 				center;
}

a
{
	color:						#00529b;
	font-weight:				bold;
}





/* Container Divs */
#contentContainer
{
	margin-left:				auto;
	margin-right:   			auto;
	margin-top:					0px;
	width:           			870px;
	text-align:      			center;
}

#header
{
	background-image:			url(../images/header_background_loop.png);
	height:						33px;
	margin-left:				auto;
	margin-right:   			auto;
	text-align:					right;
	width:						650px;
}

#footer
{
	clear:						both;
	color:						#000;
	font-family:				sans-serif;
	font-size:					10px;
	margin-left:				auto;
	margin-right:   			auto;
	padding-bottom:				5px;
	padding-top:				15px;
	text-align:      			center;
	width:           			800px;
}

#post
{
	float:						left;
	font-size:					12px;
	margin-left:				25px;
	margin-top:					25px;
	width:						160px;
}

#sign
{
	background-color:			#edeff9;
	margin-top:					20px;
}






/* Content Box */
#content
{
	color:						#444444;
	float:						right;
	font-family:				sans-serif;
	font-size:					12px;
	margin-right:				15px;
	margin-top:					25px;
	text-align:					left;
	width:						632px;
}

#boxTop
{
	background-image:			url('../images/box_gradient.jpg');
	background-repeat:			repeat-x;
	float:						left;
	height:						52px;
	width:						630px;
}

#boxBottom
{
	background-image:			url('../images/box_gradient_2.jpg');
	background-repeat:			repeat-x;
	float:						left;
	height:						33px;
	text-align:					center;
	width:						630px;	
}

#boxContent
{
	background-image:			url('../images/box_gradient_3.jpg');
	background-repeat:			repeat-y;
	float:						left;
	padding:					10px;
	text-align:					justify;
	line-height:				18px;
	position:					relative;
	width:						612px;	
}

.boxRight
{
	float:						right;
}

.boxLeft
{
	float:						left;
}





/* Headings */
h1
{
	font-size:					24px;
}

h2
{
	font-size:					20px;
}

h3
{
	font-size:					16px;
	margin-bottom:				0px;
}







/* Lists */
ul
{
	list-style:					square;
	margin-top:					2px;
}






/* Links */

a 
{
	color:						#0b3243;
	text-decoration: 			none;
}

a:hover 
{
	text-decoration: 			underline;
}





/* Images */
.imgRight
{
	clear:						right;
	float:						right;
	padding:					20px;
	text-align:					center;
	width:						250px;
}

.imgLeft
{
	clear:						left;
	float:						left;
	padding:					20px;
	text-align:					center;
	width:						250px;
}

.imgCenter
{
	float:						left;
	margin-left:				160px;
	padding:					20px;
	text-align:					center;
	width:						250px;
}

.imgRight a, .imgLeft a, .imgCenter a
{
	font-weight:				bold;
}






/* Header */
#header a
{
	font-size:					18px;
	margin:						15px;
}

#header a:hover
{
	color:						#777;
	text-decoration:			none;
}

.headerLinks
{
	padding-top:				4px;
}