/* @override http://ranchbrokernetwork.com/css/all.css */

html{
	margin:0;
	padding:0;
	}
body{
	margin:0 0 76px 0;
	padding:8px 0 0 0;
	background:url(../images/bg-body.gif);
	background-attachment: fixed;
	font-family: "Trebuchet MS",Trebuchet,Arial,sans-serif;
	color:#EBEBEB;
	}
form{
	margin:0;
	padding:0;
	}
/*this is a layout trick, inserts a &nbsp and clears both sides of it */
span.top,
span.bottom{
	font:0px/0px Arial, Helvetica, sans-serif;
	background:no-repeat;
	clear:both;
	}
/*__________________________________content_________________________*/
#main{
	margin:0 auto;
	width:817px;
	padding:0;
	}
#main span.top{
	display:block;
	width:817px;
	height:18px;
	background:url(../images/bg-top-span.png);
	}
#main span.bottom{
	display:block;
	width:817px;
	height:25px;
	background:url(../images/bg-bot-span.png);
	}

#content{
	width:817px;
	background:url(../images/bg-content.png);
	}
#content .body{
	margin:0 5px;
	background:url(../images/bg-main.gif);
	}
#content .page{
	padding:0 12px 0 16px;
	background:url(../images/bg-page.png);
	overflow:hidden;
	width:779px;
	}
#content .page h1{
	margin:0;
	}
#content .page h2{
	font-size: 22px;
	font-family:"Times New Roman",Times,serif;
	color:#EBEBEB;
}
#content .page h3{
	font-size: 17px;
	font-family:"Times New Roman",Times,serif;
	color:#EBEBEB;
}
#content .page h4{
	font-size: 17px;
	font-family:"Times New Roman",Times,serif;
	color:#EBEBEB;
	margin-bottom: 0;
}
a img {
	border: none;
}
.photo p {
	text-align: center;
	margin-bottom: 0;
}
blockquote {
	margin: 40px 0 10px 0;
	font-style: italic;
}
a {
	color:#EBEBEB;
}
.emphasis {
	text-decoration: underline;
}
p.copyright {
	font-style: italic;
	font-size: .9em;
}


/*___________ testimonials _______________*/
.testimonials p.quoter {
	font-style: italic;
	margin: 0 0 0 315px;
}
/*___________ FAQ _________________________*/
.faq p {
	margin-top: 0;
	margin-bottom: 1.6em;
}
.faq p.question {
	font-style: italic;
	font-size: 1.1em;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0;
}
.faq p.list-header {
/*	margin-top: .5em;*/
	margin-bottom: 0;
}
.faq ol {
	margin-top: 0;
}

/*_________________________________logo________________________________*/
#content .page .logo{
	width:100%;
	height:156px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.jpg) no-repeat;
	margin-bottom:18px;
	margin-top: 10px;
	}
	
/*_________________________________ home ________________________________*/
div.opening-statement {
	padding: 0 10px;
}
	
.text-replace {
	width:510px;
	height:33px;
	display:block;
	overflow:hidden;
	margin-left: 30px;
	margin-top: 10px;
	background:url(../images/quote_home.gif) no-repeat;
}
.opening-statement p.quoter,
p.quoter {
	text-align: left;
	font-style: italic;
	margin: 0 0 0 330px;
}
/*_________________________________ contact ________________________________*/
p.contact {
	margin: 0;
}

/*________________________________left-navigation_____________________________*/
#content .page .left-nav{
	float:left;
	margin:0 23px 91px 12px;
	width:143px;
	display:inline;
	}
#content .page .left-nav span.top{
	background:url(../images/bg-top-span-nav.png);
	width:143px;
	height:14px;
	}
#content .page .left-nav span.bottom{
	background:url(../images/bg-bot-span-nav.png);
	width:143px;
	height:15px;
	display:block;
	}
/*thin box border and drop shadow set as a none-styled list*/
#content .page .left-nav ul{
	width:143px;
	margin:0;
	padding:0;
	list-style:none;
	background:url(../images/bg-left-nav.png) repeat-y; 
	float:left;
	}
#content .page .left-nav ul li{
	margin:0 0 4px 12px;
	width:110px;
	height:40px;
	}
/*Nav image replacement: text indented off the page*/
#content .page .left-nav ul li a{
	display:block;
	width:110px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	}
/*___________________left-nav & top-nav hover states__________________*/
#content .page .left-nav ul li a.featured:hover,
#content .page .left-nav ul li a.brokers:hover,
#content .page .left-nav ul li a.sellers:hover,
#content .page .left-nav ul li a.buyers:hover,
#content .page .left-nav ul li a.about-us:hover,
#content .page .left-nav ul li a.faq:hover,
#content .page .left-nav ul li a.maps:hover,
#content .page .left-nav ul li a.links:hover,
#content .page .left-nav ul li a.home:hover,
#content .page .left-nav ul li a.contact:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-buyers a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-sellers a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-featured a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-brokers a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-application a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-application.broker a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-listing a:hover,
#content .page .right-block .sub-block ul.top-sub-nav li.topNav-referral a:hover,
#content .page .right-block .sub-block ul.top-sub-nav li.topNav-photos a:hover,
#content .page .right-block .sub-block ul.top-nav li.topNav-testimonials a:hover{
	/*background-position:x y;   y=100%: bottom of graphic(100%) is placed at bottom of container(100%).  See CSS The Missing Manual, pg. 181*/
	background-position:0 100%;
}
/*____________________u-r-here states____________________________________*/
/*
	Each page must have an identifier: ex. 
	<body id="u-r-here-buyers-application"> identifies buyers(left-nav) and application(top-nav)
	<body id="u-r-here-sellers-testimonials"> identifies sellers(left-nav) and testimonials(top-nav)
	
	the selectors below will identify which page we are on and the move the :hover graphic up to a 
	persistent state (meaning: you are on this page).  So for every page on the site there are two 
	of these persistent states for corresponding to the left nav and then the top subnav. Below the
	listings are grouped per page.  (there are more efficient ways to do this, but with the given 
	structure I thought this was easiest)
*/
/*________brokers________*/
body#u-r-here-brokers-main #content .page .left-nav ul li a.brokers,
body#u-r-here-brokers-main #content .page .right-block .sub-block ul.top-nav li.topNav-brokers a{
	background-position:0 100%;
}
body#u-r-here-broker-application #content .page .left-nav ul li a.brokers,
body#u-r-here-broker-application #content .page .right-block .sub-block ul.top-nav li.topNav-application.broker a{
	background-position:0 100%;
}
body#u-r-here-broker-testimonials #content .page .left-nav ul li a.brokers,
body#u-r-here-broker-testimonials #content .page .right-block .sub-block ul.top-nav li.topNav-testimonials a{
	background-position:0 100%;
}
body#u-r-here-broker-listing #content .page .left-nav ul li a.brokers,
body#u-r-here-broker-listing #content .page .right-block .sub-block ul.top-nav li.topNav-listing a{
	background-position:0 100%;
}
body#u-r-here-broker-referral #content .page .left-nav ul li a.brokers,
body#u-r-here-broker-referral #content .page .right-block .sub-block ul.top-sub-nav li.topNav-referral a{
	background-position:0 100%;
}
body#u-r-here-broker-photos #content .page .left-nav ul li a.brokers,
body#u-r-here-broker-photos #content .page .right-block .sub-block ul.top-sub-nav li.topNav-photos a{
	background-position:0 100%;
}


/*________Sellers________*/
body#u-r-here-sellers-main #content .page .left-nav ul li a.sellers,
body#u-r-here-sellers-main #content .page .right-block .sub-block ul.top-nav li.topNav-sellers a{
	background-position:0 100%;
}
body#u-r-here-seller-application #content .page .left-nav ul li a.sellers,
body#u-r-here-seller-application #content .page .right-block .sub-block ul.top-nav li.topNav-application a{
	background-position:0 100%;
}
body#u-r-here-seller-testimonials #content .page .left-nav ul li a.sellers,
body#u-r-here-seller-testimonials #content .page .right-block .sub-block ul.top-nav li.topNav-testimonials a{
	background-position:0 100%;
}
/*_______Buyers________*/
body#u-r-here-buyers-main #content .page .left-nav ul li a.buyers,
body#u-r-here-buyers-main #content .page .right-block .sub-block ul.top-nav li.topNav-buyers a{
	background-position:0 100%;
}
body#u-r-here-buyer-application #content .page .left-nav ul li a.buyers,
body#u-r-here-buyer-application #content .page .right-block .sub-block ul.top-nav li.topNav-application a{
	background-position:0 100%;
}
body#u-r-here-buyer-testimonials #content .page .left-nav ul li a.buyers,
body#u-r-here-buyer-testimonials #content .page .right-block .sub-block ul.top-nav li.topNav-testimonials a{
	background-position:0 100%;
}
/*_______left nav About Us________*/
body#u-r-here-about-main #content .page .left-nav ul li a.about-us{
	background-position:0 100%;
}
/*_______left nav FAQ________*/
body#u-r-here-faq-main #content .page .left-nav ul li a.faq{
	background-position:0 100%;
}
/*_______left nav Maps________*/
body#u-r-here-maps-main #content .page .left-nav ul li a.maps{
	background-position:0 100%;
}
/*_______left nav Links________*/
body#u-r-here-links-main #content .page .left-nav ul li a.links{
	background-position:0 100%;
}
/*_______left nav Home________*/
body#u-r-here-home-main #content .page .left-nav ul li a.home{
	background-position:0 100%;
}
/*_______left nav Contact________*/
body#u-r-here-contact-main #content .page .left-nav ul li a.contact{
	background-position:0 100%;
}

/*___________________left-nav: regular link states__________________*/
#content .page .left-nav ul li a.featured{
	background:url(../images/li-left-nav-featured.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.brokers{
	background:url(../images/li-left-nav-brokers.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.sellers{
	background:url(../images/li-left-nav-sellers.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.buyers{
	background:url(../images/li-left-nav-buyers.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.about-us{
	background:url(../images/li-left-nav-about.gif) no-repeat 0 0;
	}	
#content .page .left-nav ul li a.faq{
	background:url(../images/li-left-nav-faq.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.maps{
	background:url(../images/li-left-nav-maps.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.links{
	background:url(../images/li-left-nav-links.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.home{
	background:url(../images/li-left-nav-index.gif) no-repeat 0 0;
	}
#content .page .left-nav ul li a.contact{
	background:url(../images/li-left-nav-contact.gif) no-repeat 0 0;
	}	
	
	
/*_____ top nav: set the links widths and button images ______*/
#content .page .right-block .sub-block ul.top-nav li.topNav-buyers{
	width:118px;
	}
#content .page .right-block .sub-block ul.top-nav li.topNav-buyers a{
	width:118px;
	background:url(../images/li-top-nav-buyers.gif);
	}
#content .page .right-block .sub-block ul.top-nav li.topNav-sellers{       
    width:118px;                                                          
    }                                                                     
#content .page .right-block .sub-block ul.top-nav li.topNav-sellers a{     
    width:118px;                                                          
    background:url(../images/li-top-nav-sellers.gif);                      
    }
#content .page .right-block .sub-block ul.top-nav li.topNav-brokers{      
    width:118px;                                                         
    }                                                                    
#content .page .right-block .sub-block ul.top-nav li.topNav-brokers a{    
    width:118px;                                                         
    background:url(../images/li-top-nav-brokers.gif);                     
    }                                                                        
#content .page .right-block .sub-block ul.top-nav li.topNav-application{
	width:223px;
	}
#content .page .right-block .sub-block ul.top-nav li.topNav-application a{
	width:223px;
	background:url(../images/li-top-nav-application.gif);
	}
/* Broker Application nav button	*/
#content .page .right-block .sub-block ul.top-nav li.topNav-application.broker{
	width:223px;
	}
#content .page .right-block .sub-block ul.top-nav li.topNav-application.broker a{
	width:223px;
	background:url(../images/li-top-nav-broker-application.gif);
	}
/* Broker Listing nav button	*/
#content .page .right-block .sub-block ul.top-nav li.topNav-listing{
	width:154px;
	}
#content .page .right-block .sub-block ul.top-nav li.topNav-listing a{
	width:154px;
	background:url(../images/li-top-nav-broker-listing.gif);
	}	
/* Broker referral nav button	*/
#content .page .right-block .sub-block ul.top-sub-nav li.topNav-referral{
	width:179px;
	}
#content .page .right-block .sub-block ul.top-sub-nav li.topNav-referral a{
	width:179px;
	background:url(../images/li-top-nav-broker-referral.gif);
	}
#content .page .right-block .sub-block ul.top-sub-nav li.topNav-photos{
	width:162px;
	}
#content .page .right-block .sub-block ul.top-sub-nav li.topNav-photos a{
	width:162px;
	background:url(../images/li-top-nav-broker-photos.gif);
	}	
/* testimonials	*/	
#content .page .right-block .sub-block ul.top-nav li.topNav-testimonials{
	width:154px;
	}
#content .page .right-block .sub-block ul.top-nav li.topNav-testimonials a{
	width:154px;
	background:url(../images/li-top-nav-testimonial.gif);
	}

#content .page .right-block{
	float:left;
	width:585px;
	padding-bottom:91px;
	}
* html #content .page .right-block,
* html #content .page .left-block{
	padding-bottom:65px;
	}
*+html #content .page .right-block,
*+html #content .page .left-block{
	padding-bottom:65px;
	}
/*___________________________________right-box_______________________________*/
#content .page .right-block span.top{
	background:url(../images/bg-top-span-right.png);
	width:585px;
	height:17px;
	}
#content .page .right-block span.bottom{
	background:url(../images/bg-bot-span-right.png);
	width:585px;
	height:20px;
	display:block;
	}
#content .page .right-block .sub-block{
	width:585px;
	background:url(../images/bg-sub-block.png) repeat-y;
	overflow:hidden;
	}
/*____________________________________top nav________________________________*/
#content .page .right-block .sub-block ul.top-nav{
	width:552px;
	margin:0 0 0px;
	padding:7px 0 0 33px;
	list-style:none;
	overflow:hidden;
	}

/*using the float method (see CSS:The Missing Manual: pg 225)*/
#content .page .right-block .sub-block ul.top-nav li{
	float:left;
	height:28px;
	margin-right:10px;
	font-size: .9em;
	}
/*set as block to add padding to top and bottom of link (inline elements don't accept padding)*/
#content .page .right-block .sub-block ul.top-nav li a{
	display:block;
	height:28px;
	color:#EBEBEB;
	}

/*____________________________________top sub nav________________________________*/
#content .page .right-block .sub-block ul.top-sub-nav{
	width:552px;
	margin:0 0 5px 155px;	
	/*margin:0 0 5px 45px;	this is for two buttons in a sub-nav*/ 
	padding:15px 0 0 33px;
	list-style:none;
	overflow:hidden;
	}

#content .page .right-block .sub-block ul.top-sub-nav li{
	float:left;
	height:28px;
	margin-right:22px;
	font-size: .9em;
	/*border: 1px solid blue;*/
	}
#content .page .right-block .sub-block ul.top-sub-nav li a{
	display:block;
	height:28px;
	color:#EBEBEB;
	}		

/*__________________________________main content area that is not a form_________________________*/
#content .page .right-block .main-content{
	margin:0px 36px 13px 32px;
	float:left;
	width:516px;
	display:inline;
	
	font-family: "Trebuchet MS",Trebuchet,Arial,sans-serif;
	font-size: .9em;
	line-height: 1.6em;
	margin-bottom: 1em;
	
	color:#EBEBEB;
	/*line-height: 1.1;*/ /*original*/
	}

/* IE margin fix */
* html #content .page .right-block .main-content{
	margin:14px 36px 13px 32px;
}	
#content .page .right-block .main-content li{         
    line-height: 24px;                             
    }
                                              
#content .page .right-block .main-content .photo {
	float: right;
	padding: 64px 14px 14px 10px;
}

/*#content .page .right-block .main-content li a {*/
#content .page .right-block .main-content a {
	color:#EBEBEB;
	text-decoration: none;
}
/*#content .page .right-block .main-content li a:hover {*/
#content .page .right-block .main-content a:hover {
	border-bottom: solid 1px;
}

#content .page .right-block .main-content a.text-link {
	color:#EBEBEB;
	text-decoration: none;
	border-bottom: solid 1px;
}
#content .page .right-block .main-content .link-descr {
	font-style: italic;
	line-height: 18px;
}
/*_____________ bio page ____________________*/
#content .page .right-block .main-content div.bio {
    clear: both;
}
#content .page .right-block .main-content div.bio img {
    float: right;
	clear: right;
	/*width: 200px;*/
	padding: 39px 14px 14px 10px;
}
#content .page .right-block .main-content div.bio img.photo2 {
	padding-top: 10px;
}

/* ___________ maps page ______________*/
#content .page .right-block .maps table {
	width: 510px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
#content .page .right-block .maps table td {
	/*border: 1px solid blue;*/
	padding: 0;
}
#content .page .right-block .maps table .first-cell {
	width: 130px;
	font-size: 1.1em;
	font-weight: bold;
}
#content .page .right-block .maps table .second-cell {
	width: 200px;
}

#content .page .right-block .maps table select {
	width: 170px;
}
#content .page .right-block .maps table input.submit {
	margin-top: 6px;
}
div#map {
	clear: both;
	width: 510px;
	height: 600px;
	padding: 2em 0;
	border: solid thin black;
}
div#map div#info-window {
	color: #2F2F2F;
	margin: 0;
	padding: 0;
}
div#map div#info-window p.address {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}
div#map-address p.map-note {
	font-size: .9em;
	margin: 0;
}
div#map-address p.address span {
	font-size: 1.3em;
	font-weight: bold;
}

span.for-example {
	color:#DFDFDF;
	font-size: .9em;
}
/* ___________ maps admin page (broker submit listing) ______________*/
div#map-listing {
	clear: both;
	width: 510px;
	height: 400px;
	margin-bottom: 10px;
	border: solid thin black;
}

table#submit-address {
	margin: 7px;
}
table#submit-address label#address-input-label {
	width: 125px;
	margin-top: 5px;
}
table#submit-address input#address-input {
	width: 255px;
	margin-top: 5px;
}


/*__________________________________   page ______________*/

/* adds translucent overlay when hovering over categories or subcategories */
#content .page div#links {
	margin: 5px 0;
}
#content .page div#links h3 {
	font-size: 1em;
}
#content .page div#links li span {
	font-size: .9em;
}
#content .page div#links li a {
	font-size: .9em;
}
#content .page div#links div#no-matches {
	font-style: italic;
/*	color: #F7FFAF;*/
	color: #FFBD80;
}
div#links .hover,
div#submit-link .hover { 	
	cursor: pointer; 
	background-image:url(../images/translucent.png);
}

/*.inline is added dynamically by links.js to the h3 links*/
div#links .inline {
	display: inline;
}

/* javascript dynamically add a +/- to the beginning of categories and submit link header
   this makes them monospace so that the category text does not shift left/right when clicked because of 
   different width of + and - in the body font
*/
span.plus,
span.minus {
	font-family: Courier, monospace;
}

/* give all li elements bullets, but then take away bullets for the clickable headers */
#links li {
	list-style-type: disc;
	list-style-position: inside;
}
#links li.no-bullet {
	list-style-type: none;
}


/* category colors*/
#links .sub-category {
	color: #80D2FF;
}
#links .sub-sub-category {
	color: #FFBD80;
}

/* submit link form */
#content .page .right-block div#submit-link {
	z-index: 100;
	width: 450px;
}

p#submit-link-header {
	float: right;
	clear: both;
	font-size: 17px;
	margin-bottom: 0;
}
#content .page .right-block div#submit-link h3 {
	/* floating causing IE6 duplicate character bug*/
	float: none;	
	clear: both;
	margin-left: -45px;
	padding-top: 30px;
	font-size: 1.5em;
	
}

/* live search of links text box */
div#links {
	position: relative;
}
div#link-search {
	float: right;
	margin: 10px 10px 0 0;
	font-size: .9em;
}
div#link-search input {
	margin: 0 2px;
}
/* this class added by javascript need so much specificity to override the others */
#content .page .right-block .main-content div#links a.highlight {
	color: #000000;
	background-color: #F7FFAF;
}

/*__________________________________forms_____________________*/
#content .page .right-block .main-form{
	margin:0px 36px 13px 32px;
	float:left;
	width:516px;
	display:inline;
	/*font-family:"Times New Roman",Times,serif;*/
	font-family: "Trebuchet MS",Trebuchet,Arial,sans-serif;
	font-size: .9em;
	/*line-height: 1.6em;*/
	/*margin-bottom: 1em;*/
	color:#EBEBEB;
}
/* IE margin fix*/
* html #content .page .right-block .main-form{
	margin:14px 36px 13px 32px;
}

#content .page .right-block .main-form p {
	line-height: 1.4em;
}

/* dynamic content */

/* class added by form validation script */
form .error {
	color: #FFBD80;
}
	
/*_________top-sub-form__________*/
#content .page .right-block .main-form label.main{
	/*clear: both: make sure these don't wrap up around the right side of the top menu bar*/
	clear:both;
	float:left;
	width:111px;
	line-height:16px;
	font-size: 1em;
	padding-left:1px;
	margin-bottom:5px;
	}
#content .page .right-block .main-form label.main-long{
	clear:both;
	float:left;
	width:150px;
	line-height:16px;
	font-size: 1em;
	padding-left:1px;
	margin-bottom:5px;
	}	
#content .page .right-block .main-form label.main-small-text{
	clear:both;
	float:left;
	width:111px;
	line-height:16px;
	font-size: .95em;
	padding-left:1px;
	margin-bottom:5px;
	}
	
#content .page .right-block .main-form input.text-type-long{
	float:left;
	width:398px;
	margin:0;
	padding:0 0 0 4px;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:11px;
	}
#content .page .right-block .main-form input.text-type-med-long{
	float:left;
	width:220px;
	margin:0;
	padding:0 0 0 4px;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:11px;
	}
#content .page .right-block .main-form input.text-type-middle{
	float:left;
	width:146px;
	margin:0;
	padding:0 0 0 4px;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:11px;
	}
#content .page .right-block .main-form input.text-type-short{
	float:right;
	width:63px;
	margin:0;
	padding:0 0 0 4px;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:11px;
	}
#content .page .right-block .main-form input.text-type-short-left{
	float:left;
	width:63px;
	margin:0;
	padding:0 0 0 4px;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:11px;
	}
	
#content .page .right-block .main-form input.margin-right{
	margin-right:200px;
	}
#content .page .right-block .main-form label.state{
	float:left;
	width:40px;
	line-height:16px;
	/*font-size:16px;*/
	font-size:1em;
	padding:0;
	margin-bottom:5px;
	margin-left:8px;
	}
#content .page .right-block .main-form select.state{
	float:left;
	width:94px;
	margin:0;
	padding:0;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:10px;
	}
#content .page .right-block .main-form select.region{
	float:left;
	width:151px;
	margin:0;
	padding:0;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:5px;
	font-size:10px;
	}	
#content .page .right-block .main-form label.zip{
	float:left;
	width:20px;
	line-height:16px;
	/*font-size:16px;*/
	font-size:1em;
	
	padding:0;
	margin-bottom:5px;
	margin-left:10px;
	}

#content .page .right-block .main-form p.note{
	margin:0;
	padding:0;
	clear:both;
	font-size:14px;
	}                      

#content .page .right-block .main-form div.form-spacer {
	clear:both;
	} 
	
/* this formats the drop down menus*/
#content .page .right-block .main-form .left-select{
	margin:30px 0 0 0;
	float:left;
	width:225px;
	display:inline;
	}
	
#content .page .right-block .main-form .left-select label,
#content .page .right-block .main-form .right-select label{
	clear:left;
	float:left;
	line-height:16px;
	font-size:1em;
	padding:0;
	margin-left:2px;
	margin-bottom:4px;
	margin-top: 4px;
	width:215px;
	letter-spacing:0.5px;
	}

/* having two floated elements too that fill up the width of the parent containerthis is a 
cause of -- IE6 duplicate character -- bug  
http://www.positioniseverything.net/explorer/dup-characters.html
But - it isn't as simple as deleting the html comments.  Like they say - that didn't help.  
I had to narrow the width of the two offending floated elements that were crowding each other
to give them a little more room
*/
/** html #content .page .right-block .main-form .left-select label {
	width:215px;
	}	
*/

#content .page .right-block .main-form .right-select label{
	/*width:283px;*/
	width:273px;
	}
	
/* same IE6 duplicate character bug*/
/** html #content .page .right-block .main-form .right-select label{
	width:273px;
	}
*/	
	
#content .page .right-block .main-form .left-select select,
#content .page .right-block .main-form .right-select select{
	float:left;
	clear:left;
	width:165px;
	height:14px;
	margin:0;
	padding:0;
	height:14px;
	border:1px solid #BFD0C6;
	margin-bottom:10px;
	font-size:10px;
	}
#content .page .right-block .main-form .left-select .select-text-type,
#content .page .right-block .main-form .right-select .select-text-type{	
	float:left;
	width:160px;
	height:14px;
	border:1px solid #BFD0C6;
	margin:0 0 10px 0;
	padding:0 0 0 4px;
	font-size:11px;
	}

#content .page .right-block .main-form .left-select .select-pop-up,                         
#content .page .right-block .main-form .right-select .select-pop-up{                        
    float:left;                                                                                
    width:160px;                                                                               
    margin:0;                                                                                  
    padding:0 0 0 4px;                                                                         
    height:14px;                                                                               
    border:1px solid #BFD0C6;                                                                  
    margin-bottom:5px;                                                                         
    font-size:11px;                                                                            
}                                                                                              

/* these set the width of the input boxs in the checkbox fields	*/
#content .page .right-block .main-form .left-check .checkbox-text-type,	
#content .page .right-block .main-form .right-check .checkbox-text-type{     
    float:left;                                                             
    width:165px;                                                            
    margin:0;                                                               
    padding:0 0 0 4px;                                                      
    height:14px;                                                            
    border:1px solid #BFD0C6;                                               
    margin-bottom:5px;                                                      
    font-size:11px;                                                         
}
#content .page .right-block .main-form .left-check .checkbox-text-type-short,	
#content .page .right-block .main-form .right-check .checkbox-text-type-short{     
    /*float:left;    */                                                         
    width:165px;                                                            
    margin:0;                                                               
    padding:0 0 0 4px;                                                      
    height:14px;                                                            
    border:1px solid #BFD0C6;                                               
    margin-bottom:5px;                                                      
    font-size:11px;                                                         
}                                                       

*+html #content .page .right-block .main-form .left-select select,
*+html #content .page .right-block .main-form .right-select select,
*+html #content .page .right-block .main-form select.state{
	height:18px;
	}
#content .page .right-block .main-form .right-select{
	margin:30px 0 0 0;
	float:right;
	/* IE6 Dupe bug: This needs to be wider than the labels */
	width:283px;
	/*width:273px;*/
	display:inline
	}
	
/*checked-sub-form*/
#content .page .right-block .main-form h3{
	float:left;
	margin:35px 0 0 0;
	padding:0;
	width:510px;
	text-align:center;
	font-size:20px;
	font-weight:normal;
	}
/*#content .page .right-block .main-form h3 span.last{*/	
#content .page .right-block span.last{
	padding-right:22px;
	background:url(../images/star.gif) 100% 3px no-repeat;
	}
/*#content .page .right-block .main-form h3 span.first{*/
	#content .page .right-block span.first{
	padding-left:22px;
	background:url(../images/star.gif) 0 3px no-repeat;
	}
#content .page .right-block p.descr{
	clear:both;
	/*margin:0 0 5px 10px;*/
	margin:0 0 3px 0;
	padding:0;
	font-size:14px;
	/*text-align: center;*/
	/*margin-left: -50px;*/
	}
#content .page .right-block p.descr-centered{
	clear:both;
	margin:0 0 5px 10px;
	padding:0;
	font-size:14px;
	text-align: center;
	margin-left: -50px;
	}

#content .page .right-block .main-form ul.left-check{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:233px;
	/*width:133px;*/
	}
#content .page .right-block .main-form .checkbox{
	margin-bottom:3px;
	overflow:hidden;
	}
#content .page .right-block .main-form ul.left-check input,
#content .page .right-block .main-form ul.right-check input{
	margin-right:8px;
	width:12px;
	height:12px;
	}

#content .page .right-block .main-form ul.left-check li,
#content .page .right-block .main-form ul.right-check li{
	padding:0;
	margin:0 1px 3px 0;
	/*font-size:16px;*/
	font-size:1em;
	line-height:16px;
	}
#content .page .right-block .main-form ul.left-check li ul,
#content .page .right-block .main-form ul.right-check li ul{
	margin:0 0 0 23px;
	padding:0;
	list-style:none;
	}
#content .page .right-block .main-form ul.left-check li ul li,
#content .page .right-block .main-form ul.right-check li ul li{
	margin:3px 0 0 0;
	}
#content .page .right-block .main-form ul.right-check{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:283px;
	}

/*__________ buyer application ________________*/
table#states-check {
    text-align: left;
    float: left;
	margin-top: 10px;
	border-collapse: collapse;
}             
.state-description{
	padding:0;
	font-size:14px;
	text-decoration: underline;
	line-height: 14px;
	}                                        
.column-left {                                                        
    width: 140px;                                       
	}

table#states-check td.column-left input {
	margin-right:8px;
	width:12px;
	height:12px;
	}

table#states-check .column-middle {
	width: 120px;
}                                                      
table#states-check .column-middle select{
	border:1px solid #BFD0C6;
	font-size:10px;                                                             
	height:14px;
	padding:0;
  	width: 100px;                               
}  
table#states-check .column-right {
	width: 240px;
}                                                     
table#states-check .column-right input{  
	border:1px solid #BFD0C6;
	font-size:11px;
	height:14px;                                                                 
	padding:0;
	width: 240px;                               
}

/* __________ broker application _____________*/
table#states-licensed {
    text-align: left;
    float: left;
	margin-top: 10px;
	border-collapse: collapse;
	}	
	
table#states-licensed td {
	padding: 3px 15px 0 0;
	}
	

table#states-licensed td input {
	margin-right:8px;
	width:12px;
	height:12px;
	}
/* __________ broker listing _____________*/
#content .page .right-block .main-form p.form-example-label {
	clear:both;
	float:left;
	width:100px;
	line-height:16px;
	font-size: .9em;
	padding: 0 5px 0 1px;
	margin-bottom:5px;
	margin-top: -2px;
	text-align: right;
}
#content .page .right-block .main-form p.form-example-value {
	float:left;
	width:111px;
	line-height:16px;
	font-size: .9em;
	padding-left:6px;
	margin-bottom:5px;
	margin-top: -2px;
	text-align: right;
	text-align: left;
}
#content .page .right-block .main-form p span.listing-code {
	font-size: 1.1em;
	border: 1px solid #EBEBEB;
	padding: 3px;
}

/* ___end tables____ */

#content .page .right-block .main-form label.comments{
	display:block;
	clear:both;
	padding-top:15px;
	}
#content .page .right-block .main-form textarea{
	float:left;
	width:500px;
	border:1px solid #5B896F;
	height:65px;
	font:11px Arial, Helvetica, sans-serif;
	padding:0 0 0 4px;
	}

#content .page .right-block .main-form textarea.textarea-large	{
	height:165px;
	}
	
#content .page .right-block .main-form table#submit-table {
	clear:both;
	margin-left: 152px;
	padding-top: 20px;
}

#content .page .right-block .main-form table.form-table-textarea {
	clear: both;
}

/* I will probably replace all div.bot-botton with table#submit-table */
#content .page .right-block .main-form .bot-button{
	clear:both;
	float:left;
	width:100%;
	padding:15px 0;
	margin-left: 77px;
	display: inline;
	}
	
/** html #content .page .right-block .main-form .bot-button {
	float: none;
	width: 500px;
	height: 1%;
	margin-left: 10px;
}	
*/	
#content .page .right-block .main-form span.star-1{
	float:left;
	width:15px;
	height:15px;
	background:url(../images/star.gif) no-repeat;
	margin:0 4px 0 30px;
	display: inline;
	}
/* more IE6 duplicate character bugs due to hidden form fields	*/
/* I had to put the submits in a table */
* html #content .page .right-block .main-form #submit-table span.star-1{
	display: none;
	}
			
#content .page .right-block .main-form .submit{
	float:left;
	/* leave this margin out if we are going to omit the reset button */
	/*margin-right:24px;	*/
	display: inline;
	}
#content .page .right-block .main-form .reset{
	float:left;
	display: inline;
	}	
	
#content .page .right-block .main-form span.star-2{
	float:left;
	width:15px;
	height:15px;
	background:url(../images/star.gif) no-repeat;
	margin-left:4px;
	display: inline;
	}
/* more IE6 duplicate character bugs due to hidden form fields	*/	
* html #content .page .right-block .main-form #submit-table span.star-2{
	display: none;
	}
	
	
/*______________________________Dynamic Form Styles (controlled by javascript)_____	*/
.collapsed {
	visibility: hidden;
	}

.expanded {
	visibility: visible;
	}
	
/*div.file-uploading span {
	color: black;
	background-color: #F7FFAF;
	}
*/	

	
/*_______________________________footer____________________*/
#footer{
	margin:-97px 0 0 265px; 
	background:url(../images/bg-footer.png) no-repeat;
	width:406px;
	height:76px;
	text-align:center;
	padding:87px 25px 0;
	}
#footer p{
	margin:0;
	font-size:18px;
	color:#EBEBEB;
	letter-spacing:1px;	
	}
/*insert star in address*/
#footer p span{
	background:url(../images/star-grey.gif) no-repeat;
	margin:5px;
	padding:0 5px 0 5px;
	}
#footer p a{
	color:#EBEBEB;
	text-decoration:none;
	position:relative;
	z-index: 100;
	}
#footer p a:hover{
	border-bottom: solid 1px;
	}
	
/*___________________Featured Table__________________*/

#featured{
	right: 14px;
	display: block;
	position: relative;
	width: 546px;
	margin: 0 0 0 -2px;
	padding: 0;
}

#featured .featheader{
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	display: block;
	padding-bottom: 12px;
	padding-top: 3px;
	padding-left: 15px;
}

#featured .solidbrown{
	
	width: 546px;
	display: block;
	border-bottom: 1px solid #3c2c21;
	
}

#featured .featuredphotos{
	background-color: #feff00;
	display: block;
}


#featured .photo1{
	
	border-right: 1px solid #3c2c21;
	width: 120px;
	padding: 5px 6px 5px 15px;
	float: left;
}

#featured .photomiddle{
	
	display: inline-block;
	border-right: 1px solid #3c2c21;
	width: 120px;
	padding: 5px 6px;
	float: left;
}

#featured .photo4{
	
	display: inline-block;
	width: 120px;
	padding: 5px 12px 5px 6px;
	float: left;
}


#featured .link1{
	
	border-right: 1px solid #3c2c21;
	width: 120px;
	padding: 5px 6px 5px 15px;
	float: left;
}

#featured .linkmiddle{
	
	display: inline-block;
	border-right: 1px solid #3c2c21;
	width: 120px;
	padding: 5px 6px;
	float: left;
}

#featured .link4{
	
	display: inline-block;
	width: 120px;
	padding: 5px 12px 5px 6px;
	float: left;
}



	
#featured .brownback{
	background-color: #3c2c21;
	height: 1px;
}
	
}