/* CSS Document :: Main */

body {
	/*font:Maiandra GD, Tahoma, Arial, Helvetica, sans-serif;*/
	color:#aaa;
/*	background:#442b06;
	background:#472c03;
	background:#322727;*/
	background:#eee;
	background-image:url();
	background-position: left top;
	background-repeat:no-repeat;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family: arial, "Maiandra GD", verdana, helvetica, sans-serif;
}
.inactive				{color:#999;}	/* This is used for inactive a selection on menus and etc. */				

p 						{margin:0px;}
#Content p 				{line-height:normal; margin:0px;}
p.ShowHide				{
	position:relative;
	left:425px;
	color:#000;
	border:0px solid #f00;
	text-align:left;
	font-size:small;
}
img 		{
	border:0px solid #ccc;
	vertical-align: text-bottom;
}
img.video		{border:2px solid #f60; margin:4px 9px; cursor:pointer}
img.thumb		{border:1px solid #66f; margin:5px 5px; cursor:pointer}
img.big			{border:1px solid #000; margin:0px; 	cursor:pointer;}
img.highlight	{border:1px solid #AAA; margin:5px 10px; padding:5px; background-color:#FFF;}
img.top			{clear:both; border:none; float:right; align:absmiddle;}

a img		{text-decoration: none; border:0px none;}
a:link		{text-decoration: none; color: #00f; font-weight:500;}
a:visited	{text-decoration: none; color: #00f; font-weight:500;}
a:hover		{text-decoration: none; color: #000; font-weight:600; text-transform:capitalize;}
a:active	{text-decoration: none; color: #fa4; font-weight:600;}

/*
#BoxMenuUpperRight a:link		{text-decoration: none; color: #aaa; font-size:12px; }
#BoxMenuUpperRight a:visited	{text-decoration: none; color: #aaa; font-size:12px; }
#BoxMenuUpperRight a:hover		{text-decoration: none; color: #fff; font-size:12px; text-transform:capitalize;}
#BoxMenuUpperRight a:active		{text-decoration: none; color: #fa4; font-size:12px; }
*/
#BoxMenuUpperRight a:link		{text-decoration: none; color: #222; font-size:16px; }
#BoxMenuUpperRight a:visited	{text-decoration: none; color: #222; font-size:16px; }
#BoxMenuUpperRight a:hover		{text-decoration: none; color: #000; font-size:16px; text-transform:capitalize;}
#BoxMenuUpperRight a:active		{text-decoration: none; color: #fa4; font-size:16px; }
#BoxMenuLeft a:link		{text-decoration: none; color: #322727; }
#BoxMenuLeft a:visited	{text-decoration: none; color: #322727; }
#BoxMenuLeft a:hover	{text-decoration: none; color: #000; text-transform:capitalize;}
#BoxMenuLeft a:active	{text-decoration: none; color: #fc6; }
#MLS		a:link		{text-decoration: none; color: #999; font-weight:900; }
#MLS		a:visited	{text-decoration: none; color: #999; font-weight:900; }
#MLS		a:hover		{text-decoration: none; color: #fff; font-weight:900; text-transform:capitalize;}
#MLS		a:active	{text-decoration: none; color: #339; font-weight:900; }
#Copyright  a:link		{text-decoration: none; color: #999; font-weight:900; }
#Copyright  a:visited	{text-decoration: none; color: #999; font-weight:900; }
#Copyright  a:hover		{text-decoration: none; color: #fff; font-weight:900; text-transform:capitalize;}
#Copyright  a:active	{text-decoration: none; color: #339; font-weight:900; }

a.header:link	{text-decoration: none; color: #333;}
a.header:visited{text-decoration: none; color: #333;}
a.header:hover	{text-decoration: none; color: #F00; text-transform:capitalize;}
a.header:active	{text-decoration: none; color: #F00;}

h1 {
	font-weight:800;
	color:#333;
	font-size:12px; /* Not a relative value, since this is the site logotype */
	line-height:10px; /* Ditto */
	margin:0px 0px 7px 0px;
	padding:0;
	}
h2 {
	color:#ccc;
	font-size:2.18em;
	font-weight:800;
	margin:0 0 0.83em;
	}
h3 {
	color:#333;
	font-size:1em;
	font-weight:700;
	margin:1.63em 0 0.27em; /* ~18px 0 ~3px */
	}

.yes		{color: #009900;}
.yes2		{color: #009900; font-weight:600;}
.pending	{color: orange;}
.pending2	{color: orange; font-weight:600;}
.no			{color: red;}
.no2		{color: red; font-weight:600;}
.selected	{color: #811; font-weight:bold;}
.selected2	{color: #fa4; font-weight:bold; font-size:1em; font-family:sans-serif, helvetica, "Maiandra GD", arial, verdana;}
.red 		{color: #FF0000}
.green		{color: #008800}
.blue		{color: #0000FF}
.yellow		{color: #FFFF00}
.gold		{color: #FF9900}

/*
**	------------------
**	DIV stuff
**	------------------
*/

/*
	This is the container box for other DIV elements.  I am using this to wrap other
	DIVs is because this will allow the Dreamweaver to layout them properly.
*/
div.BoxTop {
	position:relative;
	width:750px;
	margin:30px 0px 0px 0px;
	border-bottom:0px solid #F4B;
	opacity:0.85; 
	filter:alpha(opacity=85);
	z-index:0;
}
div.BoxMain {
	clear:both;
	text-align:left;
	width:830px;
	height:400px;
	border:0px solid #fa4;
	/*border:10px solid #322727;*/
	background-color:#eee;
	background-image:url(../graphics/PicFrame-758x387-830x400-warpa-fa4-eee.jpg);
	background-position:top;
	background-repeat:no-repeat;
	opacity:1; 
	filter:alpha(opacity=100);
	z-index:10;
}
div.BoxBottom {
	clear:both;
	width:750px;
	height:30px;
	margin:0px 0px 0px 0px;
	border-top:0px solid #Fff;
}
div.BoxImg {
	float:left;
	margin:0px;
	padding:0px;
	border:3px solid #f00;
}
div.BoxImg p {
	text-align:center;
	color:#333;
}
div.PicLogo { /* This is the DuoForte logo on the top left hand corner of all pages */
	float:left;
	position:relative;
	margin:0px 0px 0px 0px;
	border:0px black dashed;
	z-index:0;
}
#BoxMenuUpperRight { /* This contains the menu on the index page */
	float:right;
	position:absolute;
	top:60px;
	right:0px;
	margin:0px 0px 0px 0px;
	border:0px #CCF solid;
	font: Geneva, Arial, Helvetica, sans-serif;
}
#BoxMenuLeft { /* This contains the menu on the left of the page */
	text-align:center;
	position:absolute;
	margin:340px 10px 10px 10px;
	padding:5px 10px;
	border:0px #CCF solid;
	width:705px;
	text-align:left;
	z-index:99;
}
#BoxMenuLeft p {
	margin:0px; 
	font-size:1.1em; 
	font-family:sans-serif, helvetica, "Maiandra GD", arial, verdana;
}

div.ContentWrapper { /* This is the main content area */
	float:left;
	width:750px;
	height:375px;
	color:#000;
	position:relative;
	top:11px;
	left:39px;
	font-size:small;
	background-color:#fff;
	border:1px solid #555;
	opacity:0.9; 
	filter:alpha(opacity=90);
	z-index:2;
}
div.Content { /* This is the main content area */
	width:auto;
	margin:100px 0px 0px 0px;
	padding:10px 20px;
	color:#322727;
	font-size:1em;
	overflow:auto;
	scrollbar-arrow-color:		#322727;
	scrollbar-face-color: 		#fa4;
	scrollbar-highlight-color:	#666;
	scrollbar-3dlight-color:	#FEF;
	scrollbar-shadow-color:		#333;
	scrollbar-darkshadow-color: #333;
	scrollbar-track-color:		#eee;
	scrollbar-base-color: 		#ccc;
	background-color:#fff;
	opacity:0.9; 
	filter:alpha(opacity=90);
	z-index:2;
}
div.Content h1 {
	clear:none;
	margin:20px 0px 5px 0px;
	width:auto;
	color:#e80;
	font-size:1.4em;
	font-weight:600;
	font-family: "Times New Roman", Times, Arial, sans-serif, Verdana, Helvetica;
}
div.Content h2 {
	clear:left;
	width:auto;
	color:#928787;
	font-size:1em;
	font-weight:600;
	font-family:Verdana, sans-serif, Helvetica, Arial;
}
div.Content ul {margin:0.5em 0em 0em 1.5em; padding:0px;}
div.Content li {margin:0em 0em 0em 1.5em; padding:0px;}
div.Content p.url {
	color:#F00;
	font-size:1em;
	font-style:italic;
	line-height:0.5em;
	font-weight:800;
	margin: 0px 0px 0.5em;
}
div.BoxDialog {
	background-color:#fff;
	opacity:0.8; 
	filter:alpha(opacity=80);
}
div.BoxHighlight {
	float:right;
	text-align:center;
	margin:0px;
	padding:0px;
	border:0px solid #999;
}
div.BoxHighlight p {
	clear:both;
	float:right;
	width:250px;
	font-size:11px; /* ~14px */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #036;
	padding:0px 15px 5px 5px;
}
#Address {
	float:left;
	margin:0px 0px 0px 20px;
	text-decoration: none; 
	color: #fff; 
	font-weight:600;
	font-size:1em;
}
#MLS {
	float:right;
	vertical-align:text-bottom;
	margin:0px 20px 0px 10px;
	text-decoration: none; 
	color: #fff; 
	font-weight:300;
	font-size:1em; 
}
#Subscribe {
	float:left;
	clear:none;
	position:relative;
	left:20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.8em;
	text-align:left;
	color:#999;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 5px;
	border:0px black dashed;
}
#Copyright { /* Copyright box on every page */
	float:right;
	clear:none;
	position:relative;
	left:-20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.8em;
	text-align:right;
	color:#999;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 5px;
	border:0px black dashed;
}
#Header { /* This is the horizontal box on top separting the top header from the main sections, also containing the doc path */
	clear:both;
	width:100%;
	height:30px;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-top:1px solid black; 
	border-right:0px solid black; 
	border-bottom:3px solid black;
	border-left:0px solid black; 
	z-index:2;
}
#headerLogo { /* This is within the #Header div, used to contain the Duo Forte */
	float:left;
	height:13px;
	padding:15px 0px 0px 180px; 
/*	background-image:url('../graphics/header_left.gif');
	background-position: left top;
	background-repeat:no-repeat; */
}

#headerOverlap { /* This is the floating pic for layout effects, redefined in other css */
	position:absolute;
	top:75px;
	left:65%;
	width:60px;
	height:60px;
	border: 0px solid #000;
	/*background-image:url(../graphics/DELSeal_Jiaying_SqSm.gif);
	background-position: left top;
	background-repeat:no-repeat;*/
}
/* ---( form )--- */
.form {
	border:0px solid red; 
	text-align:left; 
	font-size:1em; 
	font-weight:0;
	}
.inputbox {
	color:#339;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	background-color:#FFF;
	border:1px solid #999;
	padding:1px 0px 1px 2px;
	}
.inputboxReadOnly {
	color:#339;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	background-color:#DDD;
	border:1px solid #999;
	padding:1px 0px 1px 2px;
	}
.inputboxnewsletter {
	color:#aaa;
	height:14px;
	font-size:10px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #999;
	padding:0px 3px 0px 3px;
}
.submit, .reset {
	color:#000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	background-color:#cfc;
	border:1px solid #666;
}
.submitnewsletter {
	color:#00f;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	border:0px solid #aaa;
	background-color:#eee;
	vertical-align:middle;
}
.reset {
	background-color:#fdd;
}