@charset "UTF-8";
/* CSS Document */
/*********************************************************************************/
/*this secction is where the code for the site colors are displayed
black:#000
white:#FFF
blue:#O6F
gray:#CCC
red:#F00
*/

/*********************************************************************************/

/*==================================Page Layout ID's===============================*/

#wrapper {
	width:1050px;
	height:auto;
	background:#000;
	Margin:0 auto; /* centers div in browser */
	
}

#Framewrapper {
	width:1500px;
	height:auto;
	background:#000;
	Margin:0 auto; /* centers div in browser */
	
}

#header {
	background: url(../images/headerBgrd.jpg);
	width:800px;
	height:135px;/*--change to pixels--*/
	padding:0px;
	margin:0;
	float:right;

	}
	
#Frameheader {
	
	width:auto;
	height:135px;/*--change to pixels--*/
	padding:0px;
	margin:0 auto;
	text-align:center;
	background: #580001 ;

	}

#menuTop {
	background: url(../images/menuBgrd.jpg);
	height:50px;
	width:710px;
	text-align:center;
	padding-top:15px;
	padding-left:90px;
    float:right;	
}

#menuTop2 {
	background: url(../images/menuBgrd.jpg) repeat-x;
	height:50px;
	width:1065px;
	text-align:center;
	padding-top:15px;
	padding-left:435px
	;
}
 ul #menu {
	background: ;
	height:50px;
	width:700px;
	z-index:10;
	
	}
	
	
 #mainContainer {
	background:#fff;
	width:800px;
	height:auto;/* change to auto */
	Float:right;

 }
#mainContainer2 {
	background:#fff;
	width:800px;
	color:#580001;
	padding-top:50px;
	height:auto;/* change to auto */
	Float:right;

 }
 
 #mainContainer2a {
	background:#fff;
	width:800px;
	color:#580001;
	padding-top:50px;
	height:auto;/* change to auto */
	Float:right;

 }
 #mainContainer3 {
	background:#fff;
	width:800px;
	color:#580001;
	height:auto;/* change to auto */
	Float:right;

 }
#leftContainer {
	background:#000;
	height:100%;/*change to value needed*/
	width:250px;
	text-align:center;
	margin:0;
	padding:0;
	float:left;
}

#leftContent {
	background:#410303;
	width:225px;
	height:400px;
	margin-top:20px;
	margin-left:12px;
	
	}
	
		
	
#rightContainer {
	background:#FFF;
	width:auto;/*change to value needed*/
	height:auto;
	Float:right;
	 }

#tableListing {
	width:90%;
	margin: 0 auto;
	height:600px;
	boarder: thin solid #000;
		
	}
	
#tableListing td {
	height:125px;
	background:none;
	border-bottom: thin solid #000;
}

#tableListing hd {
	height:30px;
	background:none;
}

 #clear{clear:both; }
 /*used when nesting divs inside other divs or 
 for adding text columns inside divs  */
  
 
 #footer {
	 width:auto;
	 height:20px;
	 text-align:center;
	 Padding-top:15px;
	 border-bottom:10px;
	 padding-left:250px;
	 font-size:x-small; color:#fff;
	 background:#000;/*change to add a color or image*/
	 clear:both;
	 }
/*=============================Page Style classes=====================================*/
.div1 { 
	width:250px;
	padding:0 auto;
	margin-top:20px;
}

.div2 {
	width:800px;
	height:auto;
	margin-top:20px;
	
	}

.div3 {
	width:350px;
	height:50px;
	float:left;
	margin-left:300px;
	}


.content {
	width:800px;
	height:auto;
	margin-top:20px;
	
	}
	
.content2 {
	width:800px;
	height:auto;
	clear:both;
	}
	
.columnText {
	width:300px;
	text-align:justify;
	float:left;
	padding-left:75px;
	padding-bottom:50px;
		}
	.columnText2 {
	width:300px;
	text-align:justify;
	float:right;
	padding-right:75px;

		}	
.p1 {
	
	text-align:center;
	color:#FFF;
		}
/* classes p1 and p2 are used to align columns of text or images inside it's container*/

.p3 {
	color:#fff;
	text-align:left;
	Padding-left:15px;
	}
.p4 { 
	text-align:justify;
	color:#900;	


}

.table1 {
	background:#410303;
	width:90%;
	height:auto;
	margin-top:20px;
	
	}
	
.table2 {
	background:none;
	width:90%;
	height:auto;
	margin-top:20px;
	position:relative;
	}
	
.table2 td {
	background:none;
	border:none;		
	}


.table3 {
	width:100px;
	height:40px;
		
	}

.td1 { background:#FFF;}
.td2 {}
.td3 {}

.image1 {
	margin-top:20px;
	margin-bottom:10px;
	border:6px ridge #f6af04;
	}
	
.image2 {
	background:#000;
	width:800px;
	height:auto;
	margin:20 0;
		}
		
		
.image3 {
	margin-top:20px;
	}

.iframe {
	height:auto;
	width:auto;
	margin: 0 auto;
	}
	
.ol {
	float:left;
	
	
	}	
	
.span {
	font-weight:bold;
	
	}	
	
.span2{
	font-style:italic;
	}	
	
.ul3 {
	
margin:20 auto;	
font-size:18px;
font-weight:bold;

}	

.form1{
	width:100%;
	
	}


/*============================Page Style tags======================================*/


html {
	background: #4B0000;
	/*sets global background color or image*/
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:center; /* IE Hack */
	color: #000;
	margin:0;
	background: url(../images/burgandybgrd.jpg) repeat-x;/*used to add a background image to top or bottom of page*/
	}
	
blockquote {
	color:#900;
	
	}	


p {
	margin:0 10px;/*alleviates the need for padding in columns*/	
	text-align:left;
	}
	
img {
	margin:0;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
}

/*============================Navigation Style Section=====================================*/

a:link {
	color:#fff; /* set to red- change to site color*/
	text-decoration:none;
}

a:hover{
	color:#edbd0e;
	text-decoration:none; font-weight:bold;
	}
a:visited{
	color:#fff;
	text-decoration:none; font-weight:bold;
	}	
body#community a#communitynav,	
body#listings a#listingnav,
body#listingsold a#listingsoldnav,
body#homesearch a#propertynav,
body#home a#homenav,
body#about a#aboutnav,
body#contact a#contactnav,
body#reo a#reonav,
body#buy_seller a#buy_sellernav,
body#loanmod a#loanmodnav,
body#property_mgmt a#propertymgmt_nav,
body#testimonials a#testimonialnav,
body#mortgage_rates a#mortgagenav,
body#officedirections a#mapnav,
body#ourteam a#teamnav { color:#edbd0e; text-decoration:none; font-weight:bold;}



/*The above code allows for the active page to be highlighted in a different color.
The body tag of each page must be given an ID and each navigation link must also have an ID.
Edit the ID above to correspond to the site links and pages.

link example: <a href="index.shtml" id="a#homenav"> Home </a>
page example: <body id=home>
*/

/*The code below is used to create a horizontal drop down menu using
an unordered list*/

ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;/*clears bullets*/
}

ul li {
  display: block;
  position: relative;
  float: left;
  /*Displays all list items as a block or box*/
}

li ul { display: none; } /*Hides all unordered lists nested inside a list item*/


ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 10px 15px 10px 15px;/*Creates the block height and width*/
  margin-left: 1px;/*Sets the distance between menu item blocks*/
  white-space:nowrap;/*Keeps all the menu items on the same line*/
  /*Sets the style for links*/
}
ul li a:hover { background: #580001; } /*Sets the link hover background color*/

li:hover ul {
  display: block;
  position: absolute;/*Sets the hover position of dropdown menu*/
}

li:hover li {
  float:none;/*keeps the dropdown menu under main menu item*/
  font-size: 11px;/*Sets the hover font size*/
}

li:hover a { background: #580001; }  /*Sets the dropdown menu hover background color*/

li:hover li a:hover { background: #666; } /*Sets the dropdown menu background color*/

/*=============================Table Global Syle Section====================================*/

table {
	padding:0;
	margin:0 auto;
	width:40%;
	height:300px;/* make auto or whatever size you need*/
	
	}
	
th {
	font-weight:bold;
	background-color:#FFF; /* color is gray change to suit site*/
	
	}

td {
	vertical-align:top;
	height:auto;
	padding:5px;
	text-align:left;
	background: url(../images/menuBgrd2.jpg) no-repeat;
	
		
	}
	
hr{
	
	width:90%;
	height:4px;
	color:#900;
	margin:0 auto;
	}