/*===========================
193664 = blue (dark - logo)
0D1D36 = blue (dark - insets)
F2E606 = gold
3A4A62 = blue-grey (wrapper)
===========================*/


html {border:0;}

body {
	background: #272727 url('images/bg.jpg')  repeat-x scroll top left;
	text-align: center;
	margin: 0 auto;
}

img {
	border: 0px none transparent;
	display: block; /*This fixes the vertical spacing issue in IE*/
}

table img {
	display: inline;
}

img, div { behavior: url(iepngfix.htc) }

#mercer_wrapper {
	background-color: #3A4A62;
	width: 880px;
	text-align: left;
	margin: 0 auto;
}

#mercer_header {
	background: url('images/header_logo.png')  no-repeat scroll top left;
	width: 880px;
	height: 195px;
	margin: 0;
}

#mercer_flash {
	background: url('images/flash_temp.jpg')  no-repeat scroll top left;
	width: 485px;
	height: 195px;
	float: right;
}
#mercer_divider {
	background: url('images/divider.jpg')  no-repeat scroll top left;
	width: 880px;
	height: 15px;
}

#mercer_main {
	background-color: white;
	width: 625px;
	padding: 0;
	margin: 0 0 10px 10px;
	float: left;
}

#mercer_content {
	padding: 15px;
}

#mercer_footer {
	width: 800px;
	margin: 20px auto 0 auto;
	text-align: center;
/*	float: left;*/
/*	clear: both;*/
}

#wrapper_bottom {
	background: url('images/wrapper_bottom.png')  no-repeat scroll top left;
	width: 880px;
	height: 25px;
	margin: 0 auto;
}


/* =========================== */
/* = LEFT COLUMN BEGINS HERE = */
/* =========================== */
#sidebar {
	width: 225px;
	float: left;
	margin: 0 0 0 10px;
	display: inline; /*fixes IE Doubled Float-Margin Bug*/
	/*IE GIVES ME GRIEF*/
}


/*==News Inset Begins Here==*/
#news_inset {
	background: url('images/inset_left_bg.jpg')  repeat-y scroll top left;
	width: 125px;
	margin: 0;
	padding: 0;
}

#news_top {
	background: url('images/news_top.jpg')  no-repeat scroll top left;
	width: 125px;
	height: 30px;
}

#news_body {
	background: url('images/news_bg.jpg')  no-repeat scroll top left;
	width: 125px;
/*	height: 250px;*/
/*	overflow: hidden;*/
}

#news_content {
	width: 115px;
	margin: 0 0 0 5px;
}

#more_button {
	text-align: center;
	width: 125px;
	margin: 5px 0 0 0;
}

#more_button img {
	margin: 0 auto;
}

#news_bottom {
	background: url('images/inset_left_bottom.jpg')  no-repeat scroll top left;
	width: 125px;
	height: 5px;
}

/*==Affiliation logos==*/
#mercer_affiliates {
	background: url('images/affiliates01.gif')  no-repeat scroll top left;
	width: 225px;
	height: 265px;
	margin: 0 0 10px 0;
}


/*==Auction Alerts Signup==*/
#inset_join {
	background: #0D1D36 url('images/inset_bg.jpg')  repeat-x scroll top left;
	width: 225px;
	margin: 10px 0 10px 0;
	text-align: center;
}

#inset_join form {
	display: inline; /*This fixes the IE Extra Form Margin bug*/
/*	IE gives me grief*/
	margin: 0;
	padding: 0;
}


#join_top {
	background: url('images/inset_join_top.png')  no-repeat scroll bottom left;
	width: 215px;
	height: 85px;
	margin: 10px 0 10px 5px;
}

#join_body {
/*	width: 160px;*/
	margin: 0 auto;
	text-align: center;
/*	padding: 10px 0 10px 10px;*/
}

#join_bottom {
	width: 225px;
	height: 30px;
	margin: 0;
	text-align: center;
}

/*==Auction Scroller Begins==*/
#auction_inset {
	width: 200px;
/*	height: 280px;*/
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#auction_top {
	background: url('images/inset_auction_top.png')  no-repeat scroll top right;
	width: 200px;
	height: 25px;
	text-align: center;
}


#auction_body {
	background: url('images/inset_bg.jpg')  repeat-y scroll top left;
	width: 200px;
	height: 230px;
	margin: 0 auto;
	text-align: center;
}

#auction_body img {
	margin: 0 auto 0 auto;
}
#auction_bottom {
	background: url('images/inset_bottom.png')  no-repeat scroll top left;
	height: 5px;
	margin: 0 auto;
	text-align: center;
}

#auction_bottom img {
	margin: 0 auto 0 auto;
}

/* Message of the Day */
#testimonials_top {
	background: url('images/inset_testimonials_top.png')  no-repeat scroll top left;
	width: 200px;
	height: 35px;
	margin: 10px 0 0 0;
}

#testimonials_body {
	background: #790000 url('images/inset_bg.jpg')  repeat-y scroll top left;
	text-align: center;
}

#testimonials_body img {
	margin: 0 auto 0 auto;
}

#testimonials_bottom {
	background: url('images/inset_bottom.png')  no-repeat scroll top left;
	height: 5px;
	margin: 0 auto;
	text-align: center;
}

.auctionlist {
/*	width: 625px;*/
}


/*This keeps the gallery working properly in FireFox*/
table #container img {
	display: inline;
}

/*Auction scroller photo background*/
table .listAuctionPic {
	background: transparent none;
	border: 0px none transparent;
}

/*Fixes scroller photo in FireFox*/
a.menulisting .listAuctionPic img {
	display: inline;
	background: transparent none;
	border: 0px none transparent;
}

/* =================== */
/* = NAVIGATION MENU = */
/* =================== */
/*Navigation*/
#mercer_nav {
	background: url('images/nav_bg.jpg')  repeat-x scroll top left;
	width: 225px;
	margin: 0;
	text-align: left;
}

#mercer_nav img {
	display: block;
	padding: 0;
	margin: 0;
}


/*Staff Page*/
div.staff {
	padding-top: 10px;
	clear: left;
	border-top: 1px solid #999;
}

div.staff p.staff {
	font-size: 1.5em;
	font-weight: bold;
}

.staff img {
	float: left;
	margin-right: 20px;
}


tr.stripe {
	background-color: #FBE49B;
}


/********* helpers *********/
.floatRight { float: right; }
.floatLeft  { float: left; }
img.floatRight { float: right; margin-left: 1em;}
img.floatLeft { float: left; margin-right: 1em;}
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearme { clear: both; }
.block  { display: block; }
.divider { height: 1px; margin: 1em 0; border-top: 1px solid #CCC;}