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


/* About Box */
#aboutBox
{
	margin-bottom:				20px;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					30px;
	text-align:					center;
	width:						600px;
}

#about
{
	margin-left:				auto;
	margin-right:				auto;
	text-align:					center;
	width:						600px;
}

.aboutHeading
{
	float:						left;
	font-size:					26px;
	font-weight:				bold;
	line-height:				30px;
	margin-bottom:				5px;
	margin-top:					15px;
	text-align:					center;
	width:						598px;
}


.aboutContent
{
	background-color:			#EFECE4;
	float:						left;
	width:						600px;
}

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

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

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

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


/* Entries */
#mainEntry
{
	clear:						left;
	float:						left;
	margin-left:				10px;
	text-align:					left;
	width:						450px;
}

#thumbGroup
{
	clear:						right;
	float:						right;
	height:						300px;
	margin-right:				10px;
	width:						120px;
}

.thumbEntry
{
	filter:						alpha(opacity=40);
	margin-bottom:				10px;
	opacity:					.4;
}

.thumbEntry:hover
{
	filter:						alpha(opacity=100);
	opacity:					1;
}

.buttonLast
{
	cursor:						pointer;
	float:						left;
	margin-top:					7px;
}

.buttonNext
{
	cursor:						pointer;
	float:						right;
	margin-top:					7px;
}