/*
bgstyle.css
external cascading style sheet

by Stanley Eng, 5/2009
*/


body.regular 
{
background-color: #A632DF;
color:#ffffff;
font-family: georgia, sans-serif, arial, verdana ;
}

body.listings {
 background-color: #A632DF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}

body.indiv
{
background-image: url('blackline.gif');
color:#cccc99;
font-family: arial, verdana, sans-serif ;
/*font-family: georgia, sans-serif, arial, verdana ;*/
}

/*
A:link {text-decoration: none; color:#99ffff;}
A:link {text-decoration: none; color:#00008b;}
A:visited {text-decoration: none; color:#6699cc;}
*/

A:link {text-decoration: none; color:#99ccff;}
A:visited {text-decoration: none; color:#00008b;}
A:active {text-decoration: none; color:#FFFF00;}
A:hover {text-decoration: underline; color:#FFFF00;}



img {  
border-style: none;
}

.centered {
display: block;
margin-left: auto;
margin-right: auto 
}

.centered2 {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 22px;
margin-bottom: 22px;
}

img.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.green
{
border-style: ridge;
border-color: green;
border-width: 2px;
}
.indiv_border
{
border-style: ridge;
border-color: #6666ff;
border-width: 2px;
margin: 4px;
}

.indiv_border_center
{
border-style: ridge;
border-color: #6666ff;
border-width: 2px;
margin: 4px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 22px;
margin-bottom: 22px;
}

table.listings {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #A632A3;
	border-collapse: collapse;
	background-color: #9432b9;
	color: #dcdcdc;
      font-size: 12px;
      width: 72%;
      margin-right: 14%;
      margin-left: 14%;
/* margin: auto  -- causes problems in IE */
}

table.inman {
	border-width: 0px;
	border-collapse: collapse;
	color: #dcdcdc;
      font-size: 15px;
      width: 52%;
      margin-right: auto;
      margin-left: auto;
/*
	border-spacing: 0px;
	border-style: solid;
	border-color: #A632A3;
	background-color: #9412b9;
*/
}

table.inman2 {
	border-width: 0px;
	border-collapse: collapse;
	color: #dcdcdc;
      font-size: 15px;
      width: 60%;
      margin-right: auto;
      margin-left: auto;
}

table.openhouse {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #000093;
	border-collapse: collapse;
	background-color: #943295;
	color: #dcdcdc;
      font-size: 12px;
	font-family: verdana,sans-serif;
      width: 54%;
      margin-right: 23%;
      margin-left: 23%;
}

table.listingdetail {
	font-family: arial,sans-serif;
}

table.resources {
	border-width: 0px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #A632A3;
	color: #dcdcdc;
      font-size: 12px;
      width: 50%;
      margin-right: 25%;
      margin-left: 25%;
}

table.video {
	border-width: 0px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #A632A3;
	color: #dcdcdc;
      font-size: 15px;
      width: 40%;
}


th.head {
cursor: pointer;
background-color: #9422df;
border-color: #A632A3;
border-width: 1px;
border-style: solid;
color: #dddd00;
}

td.tdrow {
border-color: #A632A3;
border-width: 1px;
border-style: solid;
}

.ar {text-align: right;}
.al {text-align: left;}
.ac {text-align: center;}
.w40 {width:28%;}

.smalltext
{
  font-size: 10px;
  font-style: italic;
/*  color: #00cc00;*/
  margin-top: 8px;
  margin-bottom: 8px;
}

.fs12
{
  font-size: 12px;
  color: yellow;
}

.fontmed { font-size: 16px; margin-bottom: 8px; }
.fontbig { font-size: 24px; margin-bottom: 8px; }

.frontpara
{
  font-size: 18px;
  color: yellow;
  margin-top: 13px;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
  width: 68%;
/*  text-align: center;*/
}

.frontpara_inset
{
  font-size: 16px;
  color: #ccffcc;
  margin-top: 13px;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
  width: 58%;
}

.emailform_field_left
{
  width: 48%; 
  text-align: left; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.resource_top
{
  font-size: 24px;
  color: white;
  margin-bottom: 20px;
/*
  margin-left: auto;
  margin-right: auto;
  background-color: #9432b9;
  padding-top: 20px;
  width: auto;
border-style: ridge;
border-color: rgb(0,125,0);
border-width: 1px;*/
}

.square_resource {
border-style: ridge;
border-color: rgb(0,125,0);
border-width: 1px;
padding: 1px;
text-align: center;
width: 72%;
}

.squaretext {
border-style: ridge;
border-color: rgb(0,255,0);
border-width: 1px;
padding: 3px;
color:#efef00; 
text-align: center;
width: 30%;
}

#contact_pic {
width: 58%;
float: left;
}
#contact_txt {
width: 31%;
float: right;
}

h3 {color: yellow}

#contact_left { 
/*position: absolute; */
position: relative; 
left: 20%; 
width: 20%; 
}

#contact_right { 
/*position: absolute; */
position: relative; 
left: 43%; 
width: 50%; 
overflow: auto;
}

.divcenter {
text-align: center 
}

#header { 
text-align: center;
}

#content { 
text-align: center;
margin-bottom: 24px;
}

#contentheader { 
margin-top: 28px;
}

#contentheader2 { 
margin-top: 108px;
}

#contentfooter { 
margin-bottom: 28px;
}

.divlower {
position: relative; 
top: 40px;
}

#container { 
margin-bottom: 24px;
}

textarea.csstext {
/* not used currently */
background-color:#fff;
font-family:arial;
font-size:12pt;
color:#000;
width: 90px;
height: 22px;
}

.logintext {
background: #ffc;
font-size:12pt;
width: 90px;
height: 22px;
}
.logintext:hover {
background: #fea;
}

.emailtext {
background: #ffc;
font-size:10pt;
width: 400px;
height: 18px;
}
.emailtext:hover {
background: #fea;
}

textarea:hover {
background: #fea;
}

input.cssbutton {
background-color:#888;
font-family:arial;
font-size:14pt;
color:#000;
width: 110px;
height: 36px;
}

/* --- agents screen --- */

#outeragent
{
/*height: 100px;*/
width: 750px;  
/*border: 3px double red; */
margin-right: auto; 
margin-left: auto;
}

#indivagentbox
{
height: 200px; 
width: 250px; 
/*border: 1px solid black; */
float: left; 
font-size: 10pt;
text-align: center;
}

/* --- resources: inman screen --- */

#outer_inman
{
width: 640px;  
margin-right: auto; 
margin-left: auto;
}

#indiv_inman_box
{
width: 200px; 
float: left; 
font-size: 10pt;
text-align: center;
margin-bottom: 11px;
}

#indiv_qa_box
{
width: 180px; 
/*height: 100px; */
float: left; 
font-size: 10pt;
text-align: left;
margin: 12px;
/*border-style: ridge;
border-color: #A632A3;
border-width: 1px;*/
}

#title_inman_box
{
/*height: 200px; */
width: 600px; 
float: left; 
font-size: 12pt;
text-align: center;
margin-top: 32px;
margin-bottom: 16px;
background-color: #9432b9;
}


/* 
--------------
navigation bar
--------------
newer tyssen one 
*/


* { margin: 0; padding: 0; }
		
#tablelistings { 
margin-right: auto;
margin-left: auto;
}

#nav { 
float: left;
width: 100%;
background-color: #000; 
text-align: center;
margin-bottom: 10px;
z-index:99;
}

#nav ul { 
width: 55.1em;
margin: 0 auto;
list-style: none;
font-size: 16px;
font-family: Arial,Helvetica,sans-serif;
line-height: 28px;
}		
		
#nav li { 
float: left;
position: relative;
width: 11em 
}
		
#nav a { 
display: block;
width: 11em; 
color: #FFF; 
text-decoration: none;
background-color: #000
font-size: 12px; /*amazingly this line affects the activeli bkgrd color */
} 
		
#nav a:hover { background-color: #363 }

#nav li:hover { background-color: #363 }

#nav li ul { 
display: block;
position: absolute; 
width: 11em; 
left: -999em;
/*font-size: 15px;*/
background-color: #444;
} 
		
#nav li:hover ul { top: 1.6em; left: 0 }
		
#nav li li {  display: block }

#nav #activeli 
{ 
background-color: #336699;
/*border-top: 1px solid #ff0;*/
}