/*****************************************************************************
**		 __      __  ____     ____     __  __  ________   ________      	**
**		/\ \  __/\ \/\  _`\  /\  _`\  /\ \/\ \/\_____  \ /\_____  \    		**
**		\ \ \/\ \ \ \ \ \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...			**
**																			**
**	This page contains all of the styles for the about section.				**
**																			**
*****************************************************************************/


/* Contact Box */
#contactBox
{
	margin-bottom:				20px;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					30px;
	text-align:					center;
	width:						560px;
}

#contactError
{
	color:						#d82c2c;
	float:						left;
	font-size:					16px;
	font-weight:				bold;
	margin-top:					15px;
	margin-left:				8px;
}

.contact
{
	background-color:			#e2ddc6;
	float:						left;
	text-align:					left;
	width:						560px;
}

.contactLogo
{
	float:						left;
	margin-bottom:				10px;
	margin-top:					10px;
}

.contactForm
{
	float:						left;
	margin-left:				30px;
	margin-right:				30px;
	width:						540px;
}

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

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

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

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

.contactButton
{
	background-image:			url('./images/contact_button.png');
	border:						0px;
	clear:						left;
	cursor:						pointer;
	float:						left;
	height:						23px;
	margin-top:					3px;
	padding:					2px;
	width:						51px;
}

.contactInput
{
	border:						1px solid #a7a6a4;
	clear:						left;
	color:						#aaa;
	float:						left;
	font-size:					20px;
	margin-bottom:				10px;
	width:						250px;
}

.contactText
{
	border:						1px solid #a7a6a4;
	float:						left;
	font-family:				sans-serif;
	font-size:					20px;
	height:						120px;
	margin-bottom:				10px;
	width:						500px;
}

.contactRecaptcha
{
	clear:						both;
	float:						left;
	margin-bottom:				10px;
}

#otherInfo
{
	float:						left;
	margin-left:				10px;
	margin-top:					20px;
}

.otherLocation
{
	font-weight:				bold;
	padding-right:				5px;
	text-align:					right;
}