body { font-family: trebuchet ms, verdana, arial, tahoma; font-size: 90%; color: #888; background-color: white; line-height: 180%; margin: 0; padding: 0; text-align: center; }

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer { width: 85%; margin: 0 auto; text-align: left; }
#wrapper-menu-top { background: white url('../../images/bg02-white-left.png') no-repeat left top; }
#menu-top { background: transparent url('../../images/bg02-white-right.png') no-repeat right top; overflow: hidden; /* no idea why this works, but it fixes a FF problem */ }
#menu-top ul { margin: 0 20px; padding: 1em 0 0 0; list-style: none; font-size: 85%; float: left; }
#menu-top li { display: inline; float: left; }
#menu-top a { float: left; background:url(../../images/menuleft.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; line-height: 1.5em; }
#menu-top a span { background: transparent url(../../images/menuright.png) no-repeat right top; padding:5px 15px 4px 6px; color:#5b8fbe; display: block; float: left; cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */ }
#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span {	background-position:100% -42px; }
#wrapper-header { background: transparent url('../../images/bg.png') top center repeat-x; }
#header { background: #eee url('../../images/banner_ginger.jpg') no-repeat center top; }
#wrapper-header2 { background: transparent url('../../images/bg02-blue-left.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('../../images/bg02-blue-right.png') top right no-repeat; }

#header h1 { margin: 0 20px; padding: 0; height: 192px; line-height: 3em; color: #ccc; font-size: 130%; }

#wrapper-content { background: white url('../../images/bg02-white-left.png') no-repeat left top; }

* html #wrapper-content { height: 1%; }

#content { background: transparent url('../../images/bg02-white-right.png') no-repeat right top; padding: 5px 245px 5px 40px; }

#wrapper-menu-page { float: right; width:180px; margin: 20px 30px 3em 2em; background: transparent url('../../images/menu.png') no-repeat; text-align: center; line-height: 140%; font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif; }
* html #wrapper-menu-page { margin-right: 15px; }
#menu-page { padding-top: 5px; }
#menu-page ul { margin: 0; padding: 0; list-style: none; font-size: 90%; }
#menu-page h3 { font-size: 75%; text-transform: uppercase; margin: 1em 0 0.3em 0; color: #5b8fbe; font-weight: normal; letter-spacing: 0.15em; }
#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#left-wrapper-menu-page { float: left; width: 180px; margin: 10px 30px 1em 1.5em; background: transparent url('../../images/menu.png') no-repeat; text-align: center; line-height: 140%; font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif; }
* html #left-wrapper-menu-page { margin-left: 5px; }
#left-menu-page { padding-top: 5px; }
#left-menu-page ul { margin: 0; padding: 0; list-style: none; font-size: 90%; }
#left-menu-page h3 { font-size: 75%; text-transform: uppercase; margin: 1em 0 0.3em 0; color: #5b8fbe; font-weight: normal; letter-spacing: 0.15em; }
#left-menu-page a:link, #menu-page a:visited { color: #888; }
#left-menu-page a:hover { color: #5b8fbe; }

#wrapper-footer { margin-top: 1em; text-align: center; }
#footer { margin: 0 20px; background-color: #e5f0fc; border: 1px solid #ccc; border-bottom: 0; clear: both; }

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

.imageLeft { float: left; margin-right: 15px; margin-bottom: 15px; border: none; }
.imageRight { float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 10px; border: none; }

/* Margin Padding Classes */
.leftMargin10 { margin-left: 10px; }
.leftMargin20 { margin-left: 20px; }
.leftMargin30 { margin-left: 30px; }
.leftMargin40 { margin-left: 40px; }
.leftMargin50 { margin-left: 50px; }
.leftMargin100 { margin-left: 100px; }
.leftMargin150 { margin-left: 150px; }
.leftMargin200 { margin-left: 200px; }

.photoTable {  border: solid 1px rgb(0,0,0); border-bottom: solid 4px rgb(0,0,0); margin-bottom: 20px; padding: 5px; width: 750px; _width: 750px; }
.photoTitle { font-weight: bold; text-align: center; font-size: 1.1em; }
.photoDesc { text-align: center; font-size: 0.9em; }
.photoThumb {  min-width: 240px; _width: 240px; vertical-align: middle; }

.inputForm { width: 600px; margin-left: auto; margin-right: auto; }
.formHeader { text-align: center; }
.formTitle { text-align: right; vertical-align: top; }
.formField { text-align: left; vertical-align: top; padding-left: 3px; }

.postCredit { text-align: center; font-size: 0.8em; }

TEXTAREA { font-family: trebuchet ms, verdana, arial, tahoma; }
INPUT { font-family: trebuchet ms, verdana, arial, tahoma; font-size: 90%; }
SELECT { font-family: trebuchet ms, verdana, arial, tahoma; font-size: 90%; }

/* Blog Styles */
.Post { margin-bottom: 8px; margin-right: 2px; width: 760px; }
.PostTitle { font: 14pt Verdana, Helvetica; margin-top: 4px; letter-spacing: -0.5pt; }
.PostTitle a { text-decoration: none; color: #cc6633; }
.PostTitle a:visited { color: #cc6633; }
.PostTitle a:hover { color: #cc6633; background-color: #ffeecc; }
.PostSubtitle {	font: 10pt Verdana, Helvetica; color: #ee9966; }
.PostInfo { border-top: dotted 1px #cccccc; margin-top: 6px; padding-top: 4px; font: 8pt Verdana, Helvetica; color: #999999; }
.PostBody { line-height: 160%; }
.PostDetails { width: 100%; padding: 0 0 0 0; }
.PostFeedbackItem { margin-bottom: 12px; width: 550px; border: solid 1px #eeeeee; border-right: solid 2px #dddddd; border-bottom: solid 2px #cccccc; padding: 2px 2px 8px 2px; }
.PostFeedbackTitle { font: 11pt Verdana, Helvetica; color: #cc6633; }
.PostFeedbackTitle a { text-decoration: none; color: #cc6633; }
.PostFeedbackTitle a:visited { color: #cc6633; }
.PostFeedbackTitle a:hover { color: #cc6633; background-color: #ffcc99; }
.PostFeedbackInfo { font: 8pt Verdana, Helvetica; color: #999999; border-bottom: dotted 1px #cccccc; }
.PostFeedbackBody { font-size: 11pt; padding-left: 8px; padding-right: 8px; }
.PostFeedbackForm { border: solid 1px #cccccc; padding: 2px 2px 2px 2px; height: 200px; }
.PostFeedbackForm h3 { font-family: Verdana, Helvetica; margin-top: 0px; padding: 2px 4px 2px 4px; border-bottom: dotted 1px #cccccc; margin-bottom: 8px; }

.InputForm { border-top: solid 1px #cccccc; }
.FormField { clear: both; margin-top: 4px; padding: 4px 8px 4px 8px; }
.FormTextBox { width: 320px; font: 11pt Palatino Linotype, Georgia, Times; }
.FormLabel { float: left; width: 160px; }
.FormCheckbox { margin-left: 160px; }
.FormDropDown { font: 11pt Palatino Linotype, Georgia, Times; }
.FormBody { padding: 4px 8px 0px 8px; line-height: 110%; }
.FormBody textarea { clear: both; width: 100%; height: 120px; }
.FormBodyRichEdit { padding: 4px 8px 0px 8px; line-height: 110%; }
.FormNotes { color: #999999; font-size: 8pt; }
.FormField .Image { border: solid 2px #ffcc99; padding: 8px 8px 8px 8px; }
.FormField .Response { padding-left: 8px; width: 120px; }
.FormField .RefreshButton { margin-left: 250px; width: 80px; font: 8pt Verdana, Helvetica; }
.FormButtonContainer { padding: 8px 8px 8px 8px; width: 540px; text-align: center; }
.FormButtonContainer input { font: 8pt Verdana, Helvetica; }
.FormErrorMessage { clear: both; font-size: 9pt; color: #ff0000; padding-left: 160px; }

.adminMenu { width: 200px; float: left; }
.adminContent { margin-left: 210px; }

.FeedbackList { width: 550px; padding: 0 0 0 0; margin-bottom: 8px; }
.FeedbackItem { padding: 5px; }
.FeedbackForm { width: 550px; padding: 3px 3px 3px 5px; border: solid 1px #999; }

.ItemsGrid { width: 540px; border: none; }
.ItemsGridItem { border-top: solid 1px #cccccc; }
.ItemsGridMenu { float: right; }
.TitleLabel { float: left; display: block; width: 340px; font-weight: bold; }
.SubtitleLabel { display: block; width: 340px; font-size: 8pt; }
.TitleEdit { float: left; display: block; width: 340px; font-weight: bold; border: solid 1px #cccccc; }
.SubtitleEdit { display: block; width: 340px; border: solid 1px #cccccc; height: 40px; }

.loginPanel { width: 300px; margin-left: auto; margin-right: auto; }

/* RealEstateOne Product Page */
.featureTable { border: solid 1px rgb(60,60,60); }
.featureRow { background-color: #218CC5; }
.featureHeader { font-size: 1.1em; font-weight: bold; color: #FFFFFF; padding-left: 10px; width: 90%; }
.featureStd {  font-size: 1.1em; font-weight: bold; color: #FFFFFF; width: 10%; text-align: center; }
.featureTitle { font-size: 1.1em; font-weight: bold; padding-left: 5px; background-color: rgb(232,232,232); }
.featureGraphic { text-align: center; vertical-align: middle; background-color: rgb(232,232,232); }
.featureDetails { padding-left: 5px; }
.featureDetails p, .featureDetails ul, .featureDetails li { font-size: 0.9em; line-height: 1.2em; }
.updateNote { font-size: 0.9em; font-style: italic; }

/* RichEdit */
.RichEdit { width: 508px; }
.rtTab { width: 500px; height: 100%; overflow: hidden; border: solid 1px #cccccc; padding: 0 0 0 0; }
.rtButtonBar { border: solid 1px #cccccc; background-image: url(ButtonBar.png); background-repeat: repeat-x; width: 500px; height: 24px; overflow: hidden; padding: 1px 1px 1px 6px; text-align: left; clear: both; }

.rtButton
{
	width: 22px;
	height: 20px;
	margin: 0px 1px 0px 1px;
	padding: 1px 1px 1px 1px;
	float:left;
	background-image: url(RichEdit.gif);
}

a.rtButton:hover
{
	border: solid 1px #000000;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	background-color: #cccccc;
	filter: alpha(opacity=90);
}

.rtCombo
{
	font: 10pt Tahoma, Arial;
	margin: 0px 2px 0px 0px;
	float: left;
}

.rtRichEdit
{
	width: 500px;
	height: 348px;
	padding: 0 0 0 0;
	overflow: scroll;
	clear: both;
}

.rtHtmlEdit
{
	width: 500px;
	height: 400px;
	padding: 0 0 0 0;
}

.rtColorPopup
{
	width: 122px; 
	border: solid 1px #333333;
	padding: 1px 0px 0px 0px;
	background-color: #ffffff;
	font-size: 2px;
	z-index: 999;
}

.rtColorPopup .rtCloseButton
{
	width: 122px;
	height: 20px;
	font-size: 12px;
}

.rtColorCell
{
	width: 10px;
	height: 10px;
	display: block;
	margin: 1px 1px 1px 1px;
	float: left;
}

a.rtColorCell:hover
{
	border: solid 2px #000000;
	margin: -1px -1px -1px -1px;
	text-decoration: none;
}

.rtColorRow
{
	clear:both;
	height: 8px;
}

.rtViewButtons
{
	clear: both;
	float: left;
	padding: 0px 0px 4px 12px;
}

.rtViewButtons a
{
	border: solid 1px #cccccc;
	background-color: #eeeeee;
	font: 10pt Verdana, Helvetica;
	padding: 4px 4px 4px 4px;
	margin: 0 0 0 -6px;
}

a.rtbBold
{
}

a.rtbItalic
{
	background-position: -22px 0px;
}

a.rtbItalic:hover
{
	background-position: -22px 0px;
	border: solid 1px #000000;
}

.rtbUnderline
{
	background-position: -44px 0px;
}

.rtbStrikethrough
{
	background-position: -66px 0px;
}

.rtbSuperscript
{
	background-position: -88px 0px;
}

.rtbSubscript
{
	background-position: -110px 0px;
}

.rtbRemoveFormatting
{
	background-position: -132px 0px;
}

.rtbColor
{
	background-position: -154px 0px;
}

.rtbLeft
{
	background-position: -176px 0px;
}

.rtbCenter
{
	background-position: -198px 0px;
}

.rtbRight
{
	background-position: -220px 0px;
}


.rtbJustify
{
	background-position: -242px 0px;
}

.rtbOrderedList
{
	background-position: -286px 0px;
}

.rtbUnorderedList
{
	background-position: -264px 0px;
}

.rtbIndent
{
	background-position: -308px 0px;
}

.rtbOutdent
{
	background-position: -330px 0px;
}

.rtbHyperlink
{
	background-position: -352px 0px;
}

.rtbRemoveLink
{
	background-position: -374px 0px;
}

.rtbHorzRule
{
	background-position: -396px 0px;
}

.rtbCut
{
	background-position: -418px 0px;
}

.rtbCopy
{
	background-position: -440px 0px;
}

.rtbPaste
{
	background-position: -462px 0px;
}

.rtbUndo
{
	background-position: -484px 0px;
}

.rtbRedo
{
	background-position: -506px 0px;
}