/* -------------------------------------------------------------------------------------
--> GENERAL STYLE AREA -->
------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	font-size: 62.5%;
	color: #4e4e4e;
	padding: 0;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_page_bg.jpg) top left repeat-x;
	font-family: 'Trebuchet', 'Helvetica';
}

div, p, ul, ol, dl, h1, h2, h3, h4, h5, h6, table, hr, form {
	float: left;
	clear: both;
	width: 100%;
}

ul, ol {
	list-style: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #548be5;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

p {
	margin: 0 0 10px 0;
	line-height: 1.3;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 a {
	color: #2B2B2B;
}

img {
	float: left;
}

.middle_align {
	text-align: center;
}

.left {
	float: left;
	clear: none;
	width: auto;
}

.right {
	float: right;
	clear: none;
	width: auto;
}

.left *, .right * {
	float: left;
}

.wrapper {
	text-align: left;
	float: none;
	width: 1000px;
	margin: 0 auto;
}

.container {
	position: relative;
	font-size: 1.3em;
}

#nav {
	height: 50px;
	margin: 0 0 25px 0;
	width: 100%;
}

#nav li {
	float: left;
	clear: none;
	width: auto;
	background-image: none;
	padding: 0;
}

#nav li a {
	display: block;
	height: 50px;
	float: left;
	text-indent: -10000px
}

#nav li a.active, #nav li a:hover {
	background-position: 0px -50px;
}

#auction_nav_home {
	width: 106px;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_nav_home.jpg) top left no-repeat;
}

#auction_nav_live {
	width: 198px;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_nav_live.jpg) top left no-repeat;
}

#auction_nav_silent {
	width: 157px;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_nav_silent.jpg) top left no-repeat;
}

#auction_nav_entertainment {
	width: 166px;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_nav_entertainment.jpg) top left no-repeat;
}

#auction_nav_location {
	width: 216px;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_nav_location.jpg) top left no-repeat;
}

#auction_nav_general_info {
	width: 157px;
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_nav_general_info.jpg) top left no-repeat;
}

.content {
	background: #fff url(http://www.wheatonmontessori.org/images/interface/auction_content_bg.jpg) top left repeat-y;
}

.sidebar {
	float: left;
	width: 299px;
}

#sidebar_buttons {
	background: #fff;
}

#sidebar_buttons a {
	float: left;
	width: 299px;
	display: block;
	margin: 0 0 10px;
	text-indent: -10000px;
}

#button_donate {
	height: 111px;
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_donate.jpg) top left no-repeat;
}

#button_donate:hover {
	background-position: 0px -111px;
}

#button_contribution {
	height: 118px;
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_contribution.jpg) top left no-repeat;
}

#button_contribution:hover {
	background-position: 0px -118px;
}

#button_rsvp {
	height: 113px;
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_rsvp.jpg) top left no-repeat;
}

#button_rsvp:hover {
	background-position: 0px -113px;
}

#sub_sidebar_buttons a {
	float: left;
	width: 299px;
	height: 50px;
	display: block;
	text-indent: -10000px;
}

#sub_sidebar_buttons a:hover {
	background-position: 0px -50px;
}

#button_donor_list {
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_donor_list.jpg) top left no-repeat;
}

#button_preview_cata {
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_preview_cata.jpg) top left no-repeat;
}

#button_early_bid {
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_early_bid.jpg) top left no-repeat;
}

#button_volunteer {
	background: transparent url(http://www.wheatonmontessori.org/images/interface/auction_button_volunteer.jpg) top left no-repeat;
}

.main_content {
	float: right;
	clear: none;
	width: 690px;
}

.main_content h1 {
	color: #ee4583;
	padding: 0 40px 0 15px;
	margin: 40px 0 10px;
	width: 635px;
}

.main_content p {
	padding: 0 40px 0 15px;
	width: 635px;
	line-height: 1.5;
	font-size: 110%;
}

.main_content ul {
	padding: 0 40px 0 15px;
	width: 635px;
	font-size: 110%;
	margin: 0 0 15px;
}

.main_content ul li {
	width: 630px;
	padding: 0 0 5px 15px;
	background: transparent url(http://www.wheatonmontessori.org/images/interface/bullet.jpg) 0 4px no-repeat;
}

.main_content ul.two_column li {
	width: 290px;
	padding: 0 5px 0 14px;
	clear: none;
	float: left;
}

#footer_wrapper {
	margin: 5px 0 0;
	color: #545353;
	background: #fff3d2;
}

#footer {
	padding: 10px 0 7px;
}

.footer_info {
	float: right;
	clear: none;
	width: 840px;
	font-size: 90%;
}

.footer_info p {
	margin: 5px 0 3px 0;
}