/*****************************************************************************
**		 __      __  ____     ____     __  __  ________   ________      	**
**		/\ \  __/\ \/\  _`\  /\  _`\  /\ \/\ \/\_____  \ /\_____  \    		**
**		\ \ \/\ \ \ \ \ \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 the grownups pages.							**
**																			**
*****************************************************************************/


/* School Sort/Search Box */
#sortBox
{
	margin-bottom:				20px;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					30px;
	text-align:					center;
	width:						500px;
}

.sort
{
	background-color:			#d3d07c;
	float:						left;
	text-align:					left;
	width:						500px;
}

.sortTitle
{
	color:						#021b42;
	font-size:					24px;
	font-weight:				bold;
	margin-bottom:				10px;
	margin-top:					10px;
}

.sortForm
{
	float:						left;
	margin-left:				30px;
	margin-right:				30px;
	width:						500px;
}

.sortTopLeft
{
	background-image:			url('./images/sort_top_left.png');
	float:						left;
	height:						30px;
	width:						30px;
}

.sortTopRight
{
	background-image:			url('./images/sort_top_right.png');
	float:						right;
	height:						30px;
	width:						30px;
}

.sortBotLeft
{
	background-image:			url('./images/sort_bot_left.png');
	clear:						left;
	float:						left;
	height:						30px;
	width:						30px;
}

.sortBotRight
{
	background-image:			url('./images/sort_bot_right.png');
	float:						right;
	height:						30px;
	width:						30px;
}

.sortButton
{
	background-image:			url('./images/sort_search.png');
	border:						0px;
	cursor:						pointer;
	float:						left;
	height:						21px;
	margin-left:				15px;
	margin-top:					18px;
	width:						80px;
}

.sortInput
{
	border:						1px solid #a7a6a4;
	float:						left;
	font-size:					20px;
	width:						250px;
}

.sortSelect
{
	float:						left;
	margin:						0px 10px 0px 10px;
}

.sortSelect select
{
	clear:						left;
	float:						left;
}

.sortSelect h2
{
	float:						left;
	font-size:					16px;
}



/* List of Schools */
.schoolOdd, .schoolEven
{
	background-color:			#e3ebef;
	border:						1px solid #a7a6a4;
	float:						left;
	margin-left:				20px;
	margin-right:				20px;
	margin-top:					20px;
	padding:					10px;
	width:						550px;
}

.schoolEven
{
	background-color: 			#eef3f6;
}

.schoolAddress h3
{
	font-size:					18px;
	margin-bottom:				5px;
}

.schoolAddress
{
	font-size:					12px;
	line-height:				14px;
}

.schoolTable
{
	margin-left:				20px;
	margin-top:					5px;
}

.schoolTable th
{
	width:						130px;
}