/**********************************************************
TABLE OF CONTENTS:
-----------------------------------------------------------
-HTML MARKUP DECLARATIONS
-UNIVERSAL STYLES
-LAYOUT STYLES
-ACTION BUTTON LINK STYLES
-HELP BOX STYLES
-AGENT PAGE STYLES
-FAQ PAGE STYLES
-LISTING LIST STYLES
-MODIFY LISTING PAGE STYLES
-PUBLISH PAGE SYLES
-RESOURCES STYLES
-RESOURCES - HOUSE MUSEUMS
-RESOURCES - RESTORATION STORIES
-SEARCH PAGE STYLES
-TOOLS STYLES
**********************************************************/

/**********************************************************
HTML MARKUP DECLARATIONS
**********************************************************/
body {
	margin: 0;
	padding: 2px 0 0 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000033;
	background: #FFFFFF;
}
a {
	color: #660000;
}
a:hover {
	color: #000099;
}
h1 {
	font-size: 30px;
	font-family: "Baskerville Old Face", "Palatino Linotype", "Times New Roman", Roman;
	font-weight: normal;
	margin: 0;
	padding: .3em;
	font-style: italic;
}
h2 {
	font-size: 20px;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: .3em;
	color: #660000;
}
h3 {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: .3em;
	color: #660000;
}
h4 {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: .3em;
}
li {
	padding: 0;
	margin: 2px 15px;
}
p {
	margin: 5px;
	padding: 5px;
}
input, 
textarea {
	font-size: 11px;
	color: #000033;
}
select {
	font-size: 11px;
}
ul {
	padding: 5px 15px;
	margin: 0;
}

/**********************************************************
UNIVERSAL STYLES
**********************************************************/
.accent {
	color: #FF0000;
	font-weight: bold;
}
.alert {
	color: #D00;
	font-weight: bold;
}
.alertBox {
	background: #EEEEEE;
	border: solid 3px #FF0000;
	margin: 5px;
	width: 590px;
}
/* border-bottom creates a dashed underline for links */
.border-bottom,
.border-bottom a {
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #660000;
}
.border-bottom:hover,
.border-bottom a:hover {
	color: #000099;
	border-bottom: 1px solid;
}
.button {
	background: #9F987B;
	color: #F1F1E9;
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* bg, font properties, and spacing for reset buttons */
.buttonreset {
	background: #E8E1D7;
	color: #736B63;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0;
	margin-left: 30px;
	text-transform: lowercase;
}
.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.floatleft {
	float: left;
	padding-left: 10px;
}
.floatright {
	float: right;
	padding-right: 10px;
}
.forcecontent {
	width: 590px;
}
.formFieldName {
	font-weight: bold;
}
/* A special style used to add a gradient back ground to large dynamically sized tables or divs */
.gradientBG {
	text-align: left;
	vertical-align: top;
	border: 0;
	margin: 0 0 5px 0;
	background: url(/images/layout2/featbg.jpg) repeat-x;
}
.instruct {
	font-size: 10px;
	color: #405F99;
	vertical-align: top;
	font-style: italic;
}
.leadingletter{
	color: #660000;
	font-size: 24px;
}
.noShow {
	display: none;
}
.note {
	color: #666666;
	font-style: italic;
	font-size: 10px;
}
/* Used to style extracted quotes from passages, example: editorial1.htm */
.passagequote {
	margin: 10px;
	padding: 10px;
	text-align: left;
	border: 1px solid #660000;
}
.quote {
	font-style: italic;
	color: #737057;
	padding: 10px 20px;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.rowAlt {
	background-color: #F1F1E9;
}
.rowMain { 
	background-color: #E8E6DA;
}
.rowTitle, 
.rowTitle p, 
.rowTitle a, 
.rowTitle td {
	color: #E8E1D7;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background: #660000 url(/images/title.jpg) repeat-x;
}
.rowTitle h2, 
.rowTitle h3 {
	color: #F1F1E9;
}
.smallT {
	font-size: 10px;
	font-style: normal;
}

/**********************************************************
LAYOUT STYLES
**********************************************************/
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
#headersub {
	width: 780px;
	padding: 0;
	border: 0;
	margin: 0;
	height: 115px;
	background: url(/images/layout5/navbar-sub.jpg) no-repeat;
}
#menuTop {
	text-align: right;
	padding: 3px 10px;
	font-size: 10px;
	height: 14px;
}
#logo img {
	width: 600px;
	height: 73px;
	border: 0;
}
#menu {
	font-family: "Times New Roman", Times, serif;
	width: 780px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
}
#menu a,
#menu span {
	padding: 0 10px;
	text-decoration: none;
	color: #FFFFFF;
}
#menu a:hover {
	text-decoration: underline;
	color: #EAE8DC;
}
#menu span {
	color: #EAE8DC;
}	
#menu p {
	margin: 0;
	padding: 0;
}
#content {
	width: 780px;
	text-align: left;
	background: #FFFFFF;
}
.cont-feature {
	width: 550px;
	border: 0;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0 3px 0 0;
	background: url(/images/bracket.jpg) no-repeat;
}
.cont-feature h1 {
	margin-left: 65px;
}
.cont-feature div {
	margin-left: 50px;
}
#footer {
	background: #FFFFFF url(/images/footer.jpg) repeat-x;
	width: 770px;
	clear: both;
	margin: 10px 0 0 0;
	padding: 15px 5px 5px 5px;
	text-align: center;
}

/**********************************************************
ACTION BUTTON LINK STYLES
**********************************************************/
.bFunctional {
	background: url(/images/button.gif) no-repeat center center;
	padding: 0;
	margin: 2px auto;
	width: 140px;
	height: 20px;
}
.bFunctional a {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
}
.bFunctional a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*  buttonLocational controls the call-button-like action buttons */
.bLocational {
	background: url(/images/callbutton.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 160px;
	text-align: left;
}
.bLocational a, 
.bLocational span{
	font-size: 11px;
	text-decoration: none;
	width: 160px;
	height: 24px;
	padding: 4px 0 0 30px;
	display: block;
	_width: 130px;
}
.bLocational span {
	font-weight: bold;
}
/**********************************************************
HELP BOX STYLES
**********************************************************/
#helpbox {
	margin: 10px 0;
}
#helpbox .close {
	display: none;
	background: #EEEEEE;
}
#helpbox .toggle {
	background: #FFFFFF;
	padding: 3px;
	margin: 0;
	font-weight: bold;
}
#helpbox .toggle a {
	padding: 3px 3px 3px 16px;
	background: #FFFFFF url(/images/helpbox-plus.gif) no-repeat left center;
	line-height: 18px;
}
#helpbox .close .toggle {
	border-bottom: solid 1px #000033;
}
#helpbox .close .toggle a {
	background: #FFFFFF url(/images/helpbox-minus.gif) no-repeat left center;
}

/**********************************************************
AGENT PAGE STYLES
**********************************************************/
#agents {
	width: 595px;
}
.agent {
	clear: left;
	border-bottom: solid 1px #000033;
	margin: 5px;
	background: #EAE8DC;
	min-height: 125px;
	_height: 125px;
}
.agent p {
	font-size: 14px;
}	
.agentImageBox {
	border: none;
	float: left;
	padding: 5px;
	margin: 3px;
	width: 110px;
	background: #F1F1E9;
	text-align: center;
	min-height: 110px;
	_height: 110px;
}
.agentImage {
	border: none;
	width: 100px;
}
.agentLogo {
	border: none;
	width: 200px;
	padding: 2px;
}
#agentMap {
	text-align: center;
	border-top: solid 2px #000033;
}

/**********************************************************
ELIZABETH PAGE STYLES
**********************************************************/
.specialOffer {
	color: #CC0000;
	border: thin dashed #003366;
	padding: 10px;
	background-image: url(images/layout2/featbg.jpg);
	margin-top: 10px;
	margin: 5px;
	width: 560px;
}

/**********************************************************
FAQ PAGE STYLES
**********************************************************/
#faqMenu {
	padding: 10px;
	background: #F1F1E9;
}
	
.faqBlock {
	padding: 10px 0;
	border-top: solid 4px #CCCCCC;
}

/**********************************************************
LISTING LIST STYLES
**********************************************************/
/* listingListRow styles are used for the boxes containing search results */
.listingListRow,
.listingListRowFeatured {
	text-align: left;
	margin: 0;
	padding: .5em 0;
	border-top: solid 1px #000033;
	clear: left;
	width: 505px;
}
.listingListRowCustHome {
	text-align: left;
	margin: .5em 0;
	padding: .5em 0;
	border-top: solid 1px #000033;
	clear: left;
}
.listingListRow img,
.listingListRowFeatured img {
	padding: 3px;
}
.listingListRow h1,
.listingListRowFeatured h1 {
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 14px;
	border: none;
}
.listingListRow h1,
.listingListRowFeatured h1 {
	font-size: 12px;
}
.listingListRow h2, 
.listingListRow h3,
.listingListRow h4,
.listingListRowFeatured h2,
.listingListRowFeatured h3,
.listingListRowFeatured h4 {
	margin: 0;
	padding: 0;
}
.listingListDetails {
	width: 355px;
}
.listingListLocation {
	text-align:right;
	width: 135px;
	float: right;
}
.listingListSubRow td{
	border-bottom: solid 1px #CCC;
}
.listingListRowFeatured {
	background: #F3F2ED;
	border: solid 1px #660000;
	width: 495px;
	padding: 5px;
}
.listingListNav {
	background: #EEE;
	height: 20px;
	margin: 10px 0;
}
.listingListNav a {
	padding: 0 10px;
}
.listingListNav p {
	margin: 2px;
	padding: 2px;
}

/**********************************************************
MODIFY LISTING PAGE STYLES
**********************************************************/
.modifyListingInfo td {
	border-bottom: solid 1px #DDD;
}

/**********************************************************
PUBLISH PAGE STYLES
**********************************************************/
.publishService td {
	border-bottom: solid 1px #DDD;
}

/**********************************************************
RESOURCES STYLES
**********************************************************/
/* #resoureces id's are used for formatting resource sections */
#resourcesLeftCol {
	float: left;
	width: 290px;
	padding: 0 10px 0 0;
}
#resourcesRightCol {
	float: left;
	width: 290px;
}
/* .sect styles are used for section separators with background images, see resources.htm */
.sect-storefront {
	background: url(/images/section-storefront.jpg) no-repeat top right;
}
.sect-gable {
	background: url(/images/section-gable.jpg) no-repeat top right;
}
.sect-house {
	background: url(/images/section-house.jpg) no-repeat top right;
}
.sect-lamp {
	background: url(/images/section-lamp.jpg) no-repeat top right;
}
.sect-porch {
	background: url(/images/section-porch.jpg) no-repeat top right;
}
.sect-sconce {
	background: url(/images/section-sconce.jpg) no-repeat top right;
}
.sect-sidewalk {
	background: url(/images/section-sidewalk.jpg) no-repeat top right;
}
.sect-staircase {
	background: url(/images/section-staircase.jpg) no-repeat top right;
}
.sect-staircase2 {
	background: url(/images/section-staircase2.jpg) no-repeat top right;
}
.sect-staircase3 {
	background: url(/images/section-staircase3.jpg) no-repeat top right;
}
.sect-birdbath {
	background: url(/images/section-birdbath.jpg) no-repeat top right;
}
.resourceHeader{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #660000;
	height: 57px;
	padding: 15px 0 0 10px;
	margin: 10px 0 0 0;
	font-weight: normal;
}
/* Sets styles for each publication block on the "Publications" section of Resources */
.publication {
	height: 190px;
}

/**********************************************************
RESOURCES - HOUSE MUSEUMS
**********************************************************/
#houseMuseums {
	width: 595px;
	display: table;
}
.houseMuseum {
	min-height: 170px;
	padding: 5px 5px 5px 180px;
	margin: 5px;
	background: #E8E6DA;
	border-bottom: solid 1px #000033;
	_height: 170px;
}
.houseMuseumImage {
	position: relative;
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 5px;
	margin: 5px 5px -160px -170px;
}
.houseMuseumImageLg {
	position: relative;
	width: 250px;
	height: 180px;
	text-align: center;
	padding: 5px;
	margin: 5px 5px -160px -270px;
}
.houseMuseumTitle {
	font-size: 12px;
	font-weight: bold;
	background: #F1F1E9;
}

/**********************************************************
RESOURCES - RESTORATION STORIES
**********************************************************/
#stories2 {
	width: 595px;
}
.story {
	min-height: 160px;
	padding: 5px 5px 5px 180px;
	margin: 5px;
	background: #E8E6DA;
	border-bottom: solid 1px #000033;
	_height: 160px;
}
.storyImage {
	position: relative;
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 5px;
	margin: 5px 5px -160px -170px;
}
.storyTitle {
	font-size: 12px;
	font-weight: bold;
	background: #F1F1E9;
}

/**********************************************************
SEARCH PAGE STYLES
**********************************************************/
#recentListings td {
	border-bottom: solid 1px #DDD;
}
.searchState a,
.searchCountry a,
.searchStyle a,
.searchPrice {
	padding: 1px 0;
	border-bottom: solid 1px #FFF;
	width: 100%;
	display: block;
}
.searchState a:hover,
.searchCountry a:hover,
.searchStyle a:hover,
.searchPrice :hover {
	background: #FFFFFF;
}
.searchCountry {
	margin-top:1em;
}

/**********************************************************
TOOLS STYLES
**********************************************************/
/* #tools determines width of tool boxes on sub pages */
#tools {
	width: 175px;
	background: #FFFFFF;
	padding: 0;
	margin: 3px 0;
}
/* .toolbox define default styles for boxes on sub pages */
.toolbox {
	font-size: 10px;
}
.toolbox {
	text-align: center;
	background: url(/images/layout2/tool-default.jpg) repeat-x right top;
	border-left: 1px solid #4D4D6E;
	margin: 0;
	padding: 5px;
}
.toolbox h2 {
	font-size: 14px;
	margin: 0;
	text-align: center;
	color: #000033;
	padding: 5px 3px;
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 95%;
}
.toolbox form {
	padding: 0;
	margin: 0;
}
.toolbox p {
	padding: 2px;
	margin: 0 auto;
}
.toolbox ul {
	padding: 5px;
	margin: 0;
}
.toolbox .quote {
	color: #333333;
	padding: 0 3px 0 0;
	margin: 0;
	text-align: left;
}
#toolbuyers,
#toolquotes {
	background: url(/images/layout2/tool-buyers.jpg) repeat-x right top;
}
#toolrealtors {
	background: url(/images/layout2/tool-realtors.jpg) repeat-x right top;
}
#toolsellers {
	background: url(/images/layout2/tool-sellers.jpg) repeat-x right top;
}
#toolsbracket {
	background: url(/images/layout2/tool-bracketsub.jpg) no-repeat right top;
	height: 45px;
}
#modListingActivate p {
	margin: 8px 20px;
}