/* Quick Color Reference:
 *
 * tan background:	#e8dabf;
 * light tan:		#f7eee1;
 * deep red:		#742b1d;
 * smoky blue:		#4f4981;
 * warning red:		#cc0000;
 *
 */


/****
 **** HTML ELEMENT STYLING
 ****/


/** body styling **/
	body
	{
		margin-top: 0px;
		margin-bottom: 1em;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		background-color: #e5dabe;
		color: #000000;
		font-size: 0.875em;	/* 16px * .875 = 14px */
	}

	body, caption, th, td, input, textarea, select, option, legend, fieldset
	{
		font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
	}

/** block-level styling **/
	p, h1, h2, h3, h4, h5, h6
	{
		margin-top: 1em;
		margin-bottom: 0px;
	}

	p:first-child,
	h1:first-child, h2:first-child, h3:first-child,
	h4:first-child, h5:first-child, h6:first-child
	{
		margin-top: 0px;
	}

	h1			{	font-size: 2em; 	/* xx-large	*/	}
	h2			{	font-size: 1.5em;	/* x-large	*/	}
	h3			{	font-size: 1.2em;	/* large	*/	}
	h4, h5, h6	{	font-size: 1em;		/* medium	*/	}

	/* give elements adjacent to headers smaller top margins */
	h1+p, h2+p, h3+p, h4+p, h5+p, h6+p,
	h1+div, h2+div, h3+div, h4+div, h5+div, h6+div,
	h1+ul, h2+ul, h3+ul, h4+ul, h5+ul, h6+ul,
	h1+ol, h2+ol, h3+ol, h4+ol, h5+ol, h6+ol
	{
		margin-top: 0.5em;
	}

	h1
	{
		margin: 0px;
		padding: 0px;
		text-align: center;
	}

	h1 img
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		border: 0px;
	}

/** lists.  Each browser uses a different strategy to indent items;
			this CSS standardizes the methods. **/
	ul, ol, li
	{
		margin-top: 1em;
		margin-bottom: 0px;
	}

	ul:first-child, ol:first-child
	{
		margin-top: 0px;
	}

	ul, ol
	{
		margin-left: 0px;
		padding-left: 0px;
	}

	li
	{
		margin-left: 2em;
		padding-left: 0px;
	}

	ul				{ list-style-type: disc; }
	ul ul			{ list-style-type: circle; }
	ul ul ul		{ list-style-type: square; }
	ul ul ul ul		{ list-style-type: circle; }
	ol 				{ list-style-type: decimal; }
	ol ol			{ list-style-type: lower-alpha; }
	ol ol ol		{ list-style-type: decimal; }

/** links **/
	a:link
	{
		color: #4f4981;
	}

	#content a:link
	{
		font-weight: bold;
	}

	a:visited
	{
		color: #742b1d;
	}

	a:hover
	{
		color: #ffffff;
		background-color: #4f4981;
		text-decoration: none;
	}

	a img
	{
		border: none;
		vertical-align: bottom;
	}

/** abbreviations **/
	abbr
	{
		font-style: normal;	/* Safari italicizes abbr! */
		border-bottom: 1px dotted #00ff00;
		cursor: help;
		white-space: nowrap;
	}


/****
 **** GENERAL PAGE LAYOUT (listed in order of appearance in html source code)
 ****/


/** body **/
	#centeredDiv
	{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 937px;
		background-image: url(/images/background.gif);
		background-position: top center;
		background-repeat: repeat-y;
	}

/** main (container for everything else) **/
	#mainWrapper
	{
	}

/** header **/
	#headerWrapper
	{
	}

	#header
	{
	}

/** content **/
	#contentWrapper
	{
		float: left;
		width: 732px;
		margin-left: 205px;
		margin-right: -937px;
		overflow: visible;
		min-height: 200px;
	}

	#content
	{
		padding: 20px;
	}

	#homepage #content
	{
		height: 388px;
		padding: 0px;
	}

/** sidebar **/
	#sidebarWrapper
	{
		float: left;
		width: 205px;
		margin-left: 0px;
		margin-right: -205px;
		overflow: visible;
	}

	#sidebar
	{
	}

	#action
	{
		position: absolute;
		top: 20px;
		left: 761px;
	}

	#homepage #action
	{
		top: 0px;
		left: 680px;
	}

	#featured #action, #customLuxury #action, #search #action
	{
		display: none;
	}

	#headerLinks
	{
		position: absolute;
		top: 112px;
		left: 251px;
		width: 435px;
		background-color: #f7eee1;
	}

	#homepage #headerLinks
	{
		left: 189px;
	}

	#search #headerLinks
	{
		font-size: 1.2em;
	}

/** footer **/
	#footerWrapper
	{
	}

	#footer
	{
	}


/****
 **** GENERAL ELEMENT STYLES (grouped by related styles)
 ****/


/** homepage **/
	#homepage #content p
	{
		margin-bottom: 0px;
	}

	#homepage #content img
	{
		vertical-align: bottom;
	}

	#homepage #contactInfo
	{
		width: 680px;
	}

	#homepage #contactInfo p
	{
		margin-left: 125px;
	}

/** search navbar **/
	#search-navbar
	{
		background-color: #f7eee1;
	}

/** sidebar **/
	#sidebar
	{
		text-align: center;
	}

	#sidebar ul
	{
		margin: 1em 0px 0.4em 0px;
		list-style-type: none;
	}

	#sidebar li
	{
		margin: 0.4em 0px;
	}

	#sidebar a:link, #sidebar a:visited
	{
		color: #742b1d;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.2em;
	}

	#sidebar a:hover
	{
		background-color: #742b1d;
		color: #ffffff;
	}

	#sidebar p
	{
		margin: 0px;
	}

	#sidebar img
	{
		vertical-align: bottom;
	}

	#action ul, #action li
	{
		margin: 0px;
		list-style-type: none;
	}

	#headerLinks p
	{
		margin: 0px;
		text-align: center;
		font-weight: bold;
	}

	#headerLinks a:link, #headerLinks a:visited
	{
		color: #000000;
	}

	#headerLinks a:hover
	{
		color: #ffffff;
	}


/** dbls error messages **/
	.warning
	{
		color: #cc0000;
		font-weight: bold;
	}

	.errorMessage
	{
		padding: 10px;
		background-color: #e5e5e5;
		color: #666666;
		font-size: 0.8em;
		font-family: Arial, sans-serif;
	}

	.errorMessage .errorReason
	{
		margin-top: 0px;
		font-style: italic;
		font-weight: bold;
	}

	.errorMessage p
	{
		margin-top: 0px;
	}

/** floating images **/
	.imgLeft, .imgTopLeft, .imgBottomLeft
	{
		margin-right: 16px;
		float: left;
	}

	.imgRight, .imgTopRight, .imgBottomRight
	{
		margin-left: 16px;
		float: right;
	}

	.imgLeft, .imgBottomLeft, .imgRight, .imgBottomRight
	{
		margin-top: 8px;
	}

	.imgLeft, .imgTopLeft, .imgRight, .imgTopRight
	{
		margin-bottom: 8px;
	}

/** footer text **/
	#contactInfo, #footer
	{
		padding: 5px;
		background-color: #742b1d;
		color: #ffffff;
	}

	#footer
	{
		font-size: 0.9em;
	}

	#contactInfo p, #footer p
	{
		margin: 0px;
		text-align: center;
	}

	#contactInfo a:link, #contactInfo a:hover, #contactInfo a:visited
	{
		background-color: transparent;
		color: #ffffff;
	}

/** credits **/
	p#credits, p#credits a:link, p#credits a:visited, p#credits a:hover
	{
		margin: 0px;
		padding: 5px;
		background-color: #e8dabf;
		color: #e8dabf;
		text-decoration: none;
		text-align: center;
	}

	p#credits a:hover
	{
		background-color: transparent;
		color: #333333;
	}

	p#credits a span
	{
		text-decoration: underline;
		margin-left: -2px;
		padding: 0px 2px;
	}

	p#credits a:hover span
	{
		color: #ffffff;
		background-color: #742b1d;
		text-decoration: none;
	}

	p#credits span.more
	{
		display: none;
	}

/** clearing floats **/
	/*	http://www.positioniseverything.net/easyclearing.html
		See also the corresponding CSS in ie7.css */
	.clear-block:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/* clearing floats for IE Mac */
	.clear-block
	{
		display: inline-block;
	}

	/* to hide from IE Mac, use this back-slashed comment: \*/
	.clear-block
	{
		display: block;
	}
	/* any regular comment will now end hiding from IE Mac */
