/*****************************************************************
 *     Style Sheet for the Mississippi Recyclering Coalition     *
 *                                                               *
 * Designed by Reese Yontz in September 2008 and finalized on    *
 * <INSERT FINAL DATE HERE>.                                     *
 *                                                               *
 *****************************************************************/

/*****************************************************************
 *                                                               *
 *                    Hierarchy of Divisions                     *
 *                                                               *
 * Body                                                          *
 *    Frame                                                      *
 *       Header                                                  *
 *       MenuBar                                                 *
 *       Left                                                    *
 *       Right                                                   *
 *       Footer                                                  *
 *                                                               *
 *****************************************************************/

body
{
	background-image:	url('images/blue_gradient2.jpg');
	background-repeat:	repeat-x;
	background-attachment:	fixed;
	background-position:	0 0;
	background-color:	white;
	text-align:		center;
	padding:		0px;
	margin:			0px;
}

#frame
{
	width:			704px;
	background:		transparent;
	top:			0px;
	padding:		0px;
	margin:			auto;
	text-align:		left;
}

#header
{
	position:		relative;
	width:			704px;
	background:		black;
	color:			#90c8e9;
	padding:		0px;
	text-align:		center;
	margin:			auto;
/*	overflow:		hidden; */
/*	border-bottom:		solid 2px #e2e1e7; */
}

#header h1
{
	text-align:		center;
	top:			0px;
	font-family:		"Monotype Corsiva", cursive;
	font-weight:		bold;
	font-size:		40px;
	padding:		0px;
	margin:			0px;
}

#header h1.address
{
	float:			left;
	font-family:		"Times New Roman";
	font-weight:		normal;
	font-size:		12px;
	padding-left:		12px;
	text-align:		left;
}

#header h1.phone
{
	float:			right;
	font-family:		"Times New Roman";
	font-weight:		normal;
	font-size:		12px;
	padding-right:		12px;
	text-align:		right;
}

#menubar
{
	position:		relative;
	height:			30px;
	width:			704px;
	margin:			auto;
}

#menubar ul
{
	float:			left;
	list-style-type:	none;
	margin:			0px;
	padding:		0px;
	background:		transparent;
}

#menubar ul li
{
	float:			left;
	background:		url('images/left_tab.jpg') no-repeat;
	margin:			0px;
}

#menubar ul li a
{
	float:			left;
	background:		url('images/right_tab.jpg') no-repeat;
	background-position:	100% 0%;
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		20px;
	font:			10px Arial;
	text-decoration:	none;
	font-weight:		bold;
	color:			#accdec;
/*	line-height:		18px; */
	margin:			0px;
}

#menubar ul li a:hover
{
	text-decoration:	underline;
}

#right
{
	position:		relative;
	background-image:	url('images/MRC_logo_left2.gif');
	background-position:	0 0;
	background-repeat:	no-repeat;
	margin:			auto;
	padding-left:		210px;
	min-height:		460px;
	width:			504px;
}

#right h1
{
	font-family:		"times new roman";
	font-weight:		bold;
	font-size:		32px;
	text-align:		center;
}

#right h2
{
	font-family:		"times new roman";
	font-size:		22px;
	text-align:		left;
	margin-left:		10px;
}

#right h3
{
	font-family:		"times new roman";
	margin-left:		15px;
	text-align:		left;
	font-size:		22px;
	font-style:		italic;
}

#right p
{
	text-indent:		15px;
	margin:			20px;
	text-align:		justify;
	font-family:		"times new roman";
	font-weight:		normal;
	font-size:		16px;
}

#right ul li
{
	font-family:		"times new roman";
	font-size:		16px;
	font-weight:		normal;
	margin:			10px 50px 10px 10px;
	text-align:		justify;
}

#right table td
{
	font-family:		"times new roman";
	font-size:		16px;
	font-weight:		normal;
	padding:		3px;
}

#footer
{
	position:		relative;
	width:			704px;
	background-color:	transparent;
	text-align:		center;
	overflow:		hidden;
	margin:			auto;
}

#footer h1.left
{
	float:			left;
	padding-left:		10px;
	font-size:		12px;
	font-weight:		normal;
	text-align:		left;
}

#footer h1.right
{
	float:			right;
	padding-right:		10px;
	font-size:		12px;
	font-weight:		normal;
	text-align:		right;
}

#footer h1.center
{
	font-size:		10px;
	font-weight:		normal;
	text-align:		center;
}

#footer a
{
	font-size:		10px;
}