/********************************************************************
file:			distinctive-styles-v01.css
author:			Kevin Strange -- strange@tol.com
description:	style sheet for DistinctHomes.com
changes:		
				2004.03.17 - strange@tol.com - Kevin Strange 
						   -- Initial code
*********************************************************************/

html { margin:0px; padding:0px; }
body { background-color:white; color:black; margin:0px; padding:0px;}
h { margin:0px; padding:0px; margin-bottom:0px; }
p { margin:0px; padding:0px; }
div { margin:0px; padding:0px; }
hr { margin:0px; margin-bottom:1px; }
h2{ font-size:15px; margin-bottom:5px; padding:0px; line-height:20px; border-bottom:1px solid #AD9E7B; color:#887841; }
h1{	font-size:16px;	margin-bottom:10px;	padding:0px; line-height:36px; border-bottom:1px solid #AD9E7B; }
br{ line-height:10px; }
 
 /* plain text */
.TextT1Sm {	font-family:arial, helvetica, sans-serif; font-size:10px; }
.TextT1Ms {	font-family:arial,helvetica,sans-serif;	 font-size:12px; }
.TextT1Md {	font-family:arial, helvetica, sans-serif; font-size:13px; }
.TextT1Lg {	font-family:arial, helvetica, sans-serif; font-size:16px; }
.TextT2Sm {	font-family:verdana, geneva, sans-serif; font-size:10px; }
.TextT2Ms {	font-family:verdana,geneva,sans-serif; font-size:11px; }
.TextT2Md {	font-family:verdana, geneva, sans-serif; font-size:13px; }
.TextT2Lg {	font-family:verdana, geneva, sans-serif; font-size:16px; }
.TextThin { font-family:"arial narrow", "helvetica compressed";	font-size:13px; }
.TextHeader { font-family:arial, helvetica, sans-serif; font-size:13px; font-weight:bold;	color:#FFFFFF; }
.TextSubHead { font-family:arial, helvetica, sans-serif; font-size:13px; font-weight:bold;	color:#003163; }
.TextWarning { font-family:arial, helvetica, sans-serif; font-size:13px; font-weight:bold;	color:#FFFFFF; background-color:#D60000; padding:2px; }
.TextMonoSm { font-family:monospace; font-size:11px; }
.TextLeader { font-family:arial, helvetica, sans-serif; font-size:13px; font-weight:bold;	background-color:#FFFFFF; }

/* Form Elements */
input, select, textarea { margin:4px; }
.BkgCheckbox { margin:4px; background-repeat:no-repeat;	}
.BkgRadiobtn { margin:4px; background-repeat:no-repeat;	}
.BkgXs { margin:4px; background-repeat:no-repeat; }
.BkgSm { margin:4px; background-repeat:no-repeat; }
.BkgMd { margin:4px; background-repeat:no-repeat; }
.BkgLg { margin:4px; background-repeat:no-repeat; }
.BkgTextareaSm { margin:4px; background-repeat:no-repeat; }
.BkgTextareaMd { margin:4px; background-repeat:no-repeat; }
.BkgTextareaLg { margin:4px; background-repeat:no-repeat; }
.Checkbox {	width:16px;	height:16px; }
.Radiobtn {	width:16px;	height:16px; background-color:transparent; }
.TextboxXs { width:61px; }
.TextboxSm { width:96px; }
.TextboxMd { width:200px; }
.TextboxMl { width:250px; }
.TextboxLg { width:360px; }
.TextareaSm { width:96px; height:100px;	font-family:monospace; }
.TextareaMd { width:200px; height:100px; font-family:monospace; }
.TextareaMl { width:250px; height:100px; font-family:monospace; }
.TextareaLg { width:360px; height:100px; font-family:monospace; }
.DropdownXs { width:61px; font-family:"arial narrow","helvetica compressed"; }
.DropdownSm { width:96px; font-family:"arial narrow","helvetica compressed"; }
.DropdownMd { width:200px; font-family:"arial narrow","helvetica compressed"; }
.DropdownMl { width:250px; font-family:"arial narrow","helvetica compressed"; }
.DropdownLg { width:360px; font-family:"arial narrow","helvetica compressed"; }
input.submit{ background-color:#DB850C; font-weight:bold; font-family:Verdana, Arial,Helvetica,Sans-serif; font-size:12px; font-weight:bold; color:#ffffff; line-height:16px; }
.search { width:95px; height:18px; font-family:verdana,geneva,sans-serif; font-size:10px; line-height:12px; }

/* Right Search Form */
.price { width:63px; height:18px; }
.keyword { width:133px; height: 18px }
.cboState {width:63px; height:18px; }
.rightSearch { color:#887841; font-family:Times New Roman; font-size: 11px; font-weight:bolder; }

/* - LINKS - */
a { text-decoration:none }
a:hover { color:#DB850C; }

/* - mainLink - */
.mainLinkTextSm { font-family:verdana, geneva, sans-serif; font-size:10px; font-weight:normal; color:#000000; text-decoration:underline; }
.mainLinkTextSmb { font-family:verdana, geneva, sans-serif; font-size:10px; font-weight:bold; color:#000000; text-decoration:underline; }
.mainLinkTextMd { font-family:arial, helvetica, sans-serif;	font-size:13px;	font-weight:bold; color:#000000; text-decoration:underline; }
.mainLinkTextLg { font-family:arial, helvetica, sans-serif;	font-size:16px;	font-weight:bold; color:#000000; text-decoration:underline; }
.mainLink { font-family:arial, helvetica, sans-serif; font-weight:bold;	color:#003163; text-decoration:underline; }
a.mainLink:link, a.mainLink:visited { color:#AD9E7B; }
a.mainLink:hover { color:#DB850C; }

/* - featureLink - */
.featureLinkTextSm { font-family:arial, helvetica, sans-serif; font-size:10px; color:#003163; text-decoration:underline; }
.featureLinkTextMd { font-family:arial, helvetica, sans-serif; font-size:13px; color:#003163; text-decoration:underline; }
.featureLinkTextLg { font-family:arial, helvetica, sans-serif; font-size:16px; color:#003163; text-decoration:underline; }
.featureLink { font-family:arial, helvetica, sans-serif; color:#003163;	text-decoration:underline; }
a.featureLink:link, a.featureLink:visited {	color:#003163; }
a.featureLink:hover { color:#D60000; }

/* - redLink - */
.redLinkTextSm { font-family:verdana, geneva, sans-serif; font-size:10px; color:#D60000; text-decoration:none; }
.redLinkTextMd { font-family:verdana, geneva, sans-serif; font-size:13px; color:#D60000; text-decoration:none; }
.redLinkTextLg { font-family:verdana, geneva, sans-serif; font-size:16px; color:#D60000; text-decoration:none; }
.redLink { font-family:verdana, geneva, sans-serif;	color:#D60000; text-decoration:none; }
a.redLink:link, a.redLink:visited {	color:#D60000; }
a.redLink:hover { color:#D60000;	text-decoration:underline; }

/* - sideLink - */
.topLinkTextSm { font-family:arial, geneva, sans-serif; font-size:10px; font-weight:bold; color:#000000; }
.topLinkTextMd { font-family:arial, geneva, sans-serif; font-size:13px; font-weight:bold; color:#000000; }
.topLinkTextLg { font-family:arial, geneva, sans-serif; font-size:16px; font-weight:bold; color:#000000; }
.topLink { font-family:arial, geneva, sans-serif; font-weight:bold; color:#000000; }
a.topLink:link, a.topLink:visited { color:#000000; }
a.topLink:hover { color:#FFFFFF; }

/* - featuredLink - */
.feaLink { font-family:arial, geneva, sans-serif; font-size:11px; font-weight:bold; color:#000000; }
a.feaLink:hover { color:#DB850C; }

/* - whiteLinks - */
.whiteLink { font-family:arial, helvetica, sans-serif; font-weight:bold; color:#FFFFFF; }
a.whiteLink:link, a.whiteLink:visited {	text-decoration:none; color:#FFFFFF; }
a.whiteLink:hover { text-decoration:underline; color:#FFFFFF; }

.whiteLinkTextSm { font-family:verdana, geneva, sans-serif;	font-size:10px;	font-weight:bold; color:#FFFFFF; }
a.whiteLinkTextSm:link, a.whiteLinkTextSm:visited {	color:#FFFFFF; }
a.whiteLinkTextSm:hover { text-decoration:underline; }

.whiteLinkTextMd { font-family:arial, helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; }
a.whiteLinkTextMd:link, a.whiteLinkTextMd:visited {	color:#FFFFFF; }
a.whiteLinkTextMd:hover { text-decoration:underline; }

.whiteLinkTextLg { font-family:arial, helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; }
a.whiteLinkTextLg:link, a.whiteLinkTextLg:visited {	color:#FFFFFF; }
a.whiteLinkTextLg:hover { text-decoration:underline; }

.whiteLinkNav { font-family:verdana, geneva, sans-serif; font-size:10px; line-height:10px; color:#FFFFFF; text-decoration:none; }
a.whiteLinkNav:link, a.whiteLinkNav:visited { color:#FFFFFF; }
a.whiteLinkNav:hover { text-decoration:none; }

.realmLink {font-family:arial, geneva, sans-serif; font-size:9px; color:#FFFFFF; }
a.realmLink:link, a.realmLink:visited { text-decoration:none; color:#FFFFFF; }
a.realmLink:hover {text-decoration:underline; color:#FFFFFF; }

/* Nav Box Areas */
#header { position:relative; left:0px; top:0px; width:775px; height:110px; z-index:1; background-color:#000000; }
#navA { position:relative; margin:0px; padding:0px; left:0px; top:0px; width:775px; height:23px; background-color:#DB850C;  border:1px solid #000000; border-bottom:none; z-index:2; }
#navB { position:relative; margin:0px; padding:0px; left:0px; top:0px; width:775px; line-height:24px; height:23px; z-index:2; background-color:#EBBA75;  border:1px solid #000000; }
#Footer { position:relative; margin:0px; padding:0px; left:0px; top:0px; width:775px; height:101px; z-index:7; background-color:#000000; }

/* Page box Areas */
#DescContent { position:relative; margin:0px; padding:0px; left:5px;  top:5px; width:573px; height:auto; z-index:3; }
#mainContent { position:relative; margin:0px; padding:0px; left:5px; top:0px; width:760px; height:auto; z-index:6; }
#FPContent { position:relative; margin:0px; padding:0px; left:5px; top:5px; width:573px; height:auto; z-index:4; }
#RightContent { position:absolute; margin:0px; padding:0px; left:585px; top:0px; width:185px; height:500px; z-index:5; }
#Content { position:relative; margin:0px; padding:0px; left:5px; top:5px; width:760px; height:auto; }

/* Top Nav */
#realmNav { position:absolute; margin:0px; padding-bottom:0px; left:0px; top:0px; width:775px; line-height:14px; height:15px; z-index:10; background-color:#000000; font-family:arial, geneva, sans-serif; font-size:9px; color:#FFFFFF; }
