/* Tucson Ecobroker */

html { scrollbar-base-color:#CBD4B3; 
	   scrollbar-arrow-color:#000;
	   color:#000;} /*#E4D5BC; }*/

* { margin:0;
    padding:0; }
   
body { width:980px; height:auto;
       margin:5px auto 0 auto; border:0; padding:0;
	   background: #DDDDDD;/*#6D717A;*/
	   font-size:1.0em; 
       font-family: Arial, Helvetica, sans-serif;  }


/****** header 
  ****************************************************/
#headerwrap { width:980px; height:220px;
              position:relative;
		      margin:0 0 0 0;
              padding:0;
			  background:url('../images/header/eco-header-bg.jpg') no-repeat;
			  background-position:top; }
			  
#name { width:400px; height:60px; }

#header { width:980px; height:130px;
          position:relative;
		  margin:0px 0 0 0;
          padding:0; 
          background: #fff url('../images/header/pv-array_bg.jpg');
          background-repeat:no-repeat; }
   
#headerwrap h1 { margin:0px 0 0 10px;
             padding:0px 0 0 10px;
             font-family:sans-serif, Helvetica, Verdana, Arial,  ;
             color:#C90; /*#00704A; /*#3A9208;  #fff;  /*#116D16;*/
			 font-style:italic;
             font-size:2.0em;
             font-weight:800; }   

#headerwrap p { margin:-5px 0 0 15px;
            padding:0px 0 5px 20px;
			font-size:0.8em;
			font-weight:600;
			font-style:italic;
            font-family: Arial, Helvetica, Verdana, sans-serif;
            color:#9C6500;}
			
#slide { margin:-3px 0 0 0 ;}			

/* Info green menu bar below site name
   **************************************************** */
#upper_links { width:500px; height:45px;
               text-align:left; 
               margin:-50px 0 0px 440px;
               padding:5px 0 0 10px;
			    border:0;
				}
			   
#upper_links h3 { margin:0 0 0 15px;}			   

#upper_links ol { width:500px; padding:0; margin:0;}

#upper_links li { width:180px; height:23px;
                  padding:0 0 0 0px;
                  border:0;
				/*  border-right:2px solid #669933;
				  border-bottom:2px solid #669933;
				  border-left:2px solid #669933;*/
				  display:inline; }
				  
				  

#upper_links a {  width:180px; height:20x;   display:inline;
                       padding:0 0 5px 5px; 
					  /* background:url('../images/left/left_link1a.jpg') no-repeat;*/
					   text-align:left;
					   color:#000;
	                   font-size:0.9em;
	                   font-weight:500;
    /* Line height same as height, which puts the text vertically centered */
	                   line-height:20px;
	                   text-decoration:none; }
						 
#upper_links a:hover {  width:180px; height:24px; display:inline;
                       padding:0 0 0 5px; margin:0;
                       /*background:url('../images/left/left_link2a.jpg') no-repeat;*/
					   color:/*#000066*/  #AE4E01;
                       text-align:left;
					   font-weight:500;
					   font-size:0.9em;
					   line-height:20px; } 
					   				
/* ********************************************************** */


			
/****** menu background container 
  ****************************************************/

#navigation { width:980px; height:110px; 
              position:absolute; left:0px; top:131px;
              margin:0;
			  background:url('../images/content/green2-bg-top.png') no-repeat;
			  background-position:bottom;
			  background-position-x:205px; 
			  border-top:#AD2500 1px solid; }
#mls_navigation { width:980px; height:100px; 
              position:absolute; left:0px; top:131px;
              margin:0;
			/*  background:url('../images/content/green2-bg-top.png') no-repeat;
			  background-position:bottom;
			  background-position-x:205px;*/ 
			  border-top:#AD2500 1px solid; } 
			  
/* End menu navagation container 
   **************************************************/			
   
#outerwrapper { width:980px; height:auto; 
                background: #fff;
                margin:0; border:0;
				padding:0;
				font-size:0.8em;
				word-spacing:0.2em;
                line-height: 1.5em;
                color:#635141; }
   
#innerwrapper { width:760px; height:auto; /*border:#6633FF thin solid;*/ 
                float: left; 
                margin:0 0 0 0; padding:0; }
   
#content { width: 550px;
           float: left; }
   
#contentmid { width:520px; height:auto; /*border:#FF0000 thin solid;*/
              float: right;
			  margin:30px 0px 0 0px;
			  padding:0px 5px 15px 15px; }
			  
#contentmid h1 { margin:50px 0 0 25px;
                 font-size:1.3em;
				 font-style:italic; 
                 color:#9C6500; }
				 

/* The quick connect links on the home page
   center column of home page offers box 
   ************************************************ */
#quick_connect  { width:500px; height:350px;
                  margin:0 0 0 10px;
			      padding:10px 0 0 0;
				  border:0px;
				  background: url('../images/connect/new_connect.png')  ;
				  background-repeat:no-repeat;
				  background-position:top; } 
				  
#quick_connect .display { width:460px; height:320px;
                          padding:10px 0px 0px 0px;
		                  border:none;
		                  margin:0px 20px 5px 20px; }


#quick_connect .display h1 { width:440px; height:30px;
                     margin:-10px 0 0px 0px;
			         padding:8px 0 0 0;
					 color:#DFFF00;
					 text-align:center;
                     font-style:italic;
					 font-size:1.4em; }

 

.offers { width:440px; height:260px;
          margin:10px 0px 0px 10px;
          padding:5px 0 0px 0;
		  border:0; }

.offers p { text-align:center; }		  


.quicklinks { width:130px; height:230px;
              margin:0 0 0 5px; 
		      padding:0 5px 0 5px; 
              border-right: 1px dotted #CBCBCB;}

.quicklinks h3, #buyers h3, #sellers  h3 { color:#FFFF00; 
           /* border-bottom: 1px solid #FFFF00;*/ 
			font-size:12px;
            text-align:center; } 
.quicklinks h3 a { color:#FF0; }
.quicklinks h3 a:active { color: #C30; }

.newbuilders { margin:100px 0 0px 0 ; }
.newbuilders h3 a { color:#FF0; }
.newbuilders h3 a:active { color:#C30; }

.featurehomes { margin:100px 0 0px 0 ; }
.featurehomes h3 a { color: #FF0; }
.featurehomes h3 a:active { color:#C30; }

.newhomebuyers { margin:100px 0 0px 0 ; }	
.newhomebuyers h3 a { color: #FF0; }
.newhomebuyers h3 a:active { color:#C30; }

/*.quicklinks img { text-align:center; }*/
		   
#buyers { width:130px; height:230px;
          padding:0 5px 0 5px; 
          margin:-230px 0 0 153px; 
          border-right: 1px dotted #CBCBCB;}
#buyers h3 a { color:#FF0; }
#buyers h3 a:active { color:#C30; }		  			 
			   
#sellers { width:130px; height:230px;
           padding:0 0 0 5px; 
           margin:-230px 0 0 303px; }
#sellers h3 a { color:#FF0; }
#sellers h3 a:active { color:#C30; }		   
			   
/* end top of home page quick connect links box 
   ************************************************ */
				 
/* videos  page
   ******************************************************* */
.home_1 { width:280px; height:auto; margin:0; padding:0; border:0;}

.home_1 p {text-align:center; padding:0 0 10px 0;}

.home_1 object { padding:0 0 10px 0;}

#quick_connect1, #quick_connect2, #quick_connect3, #quick_connect4,
#quick_connect5, #quick_connect6, #quick_connect7, #quick_connect8,  
                { width:500px; height:360px;
                  margin:20px 0 0 10px;
			      padding:10px 0 0 0;
				  border:0px;
				  background: url(../images/connect/new_connect.png)  ;
				  background-repeat:no-repeat;
				  background-position:top; } 
				  
#quick_connect1 .display, #quick_connect2 .display, #quick_connect3 .display,
#quick_connect4 .display, #quick_connect5 .display, #quick_connect6 .display, 
#quick_connect7 .display, #quick_connect8 .display, 
         { width:460px; height:320px;
           padding:10px 0px 0px 0px;
		   border:none;
		   margin:15px 20px 5px 20px; }
		  
#quick_connect1 .display h1, #quick_connect2 .display h1, #quick_connect3 .display h1, 
#quick_connect4 .display h1, #quick_connect5 .display h1, #quick_connect6 .display h1,
#quick_connect7 .display h1, #quick_connect8 .display h1,
                   { width:440px; height:30px;
                     margin:0 0 0 0px;
			         padding:0px 0 0 0;
                     font-style:italic;
					 font-size:1.4em;					 
                     text-align:center;
			         color:#000; }				  
/* end videos  page 
  ******************************************************** */				 		  
		   


/* Do not change the (height or position of this textbox 
   it clears the drop menus on the (green_videos) page 
  *********************************************** */
#textbox { width:550px; height:auto;
           min-height:250px;
           margin:0;
		   padding:0px 10px 15px 10px; }

#textbox h1 { width:550px; height:40px;
              margin:0 0 15px 0px;
			  padding: 10px 0 0px 0;
			  font-family: Arial, Verdana, Helvetica, sans-serif;
			  font-style:italic;
              text-align:center;
			  color:#000066;
              background: url('../images/content/red_banner_50.jpg');
			  background-repeat:no-repeat;
			  background-position:center; }
/* end clear menus(green_videos) pages
  ******************************************************** */
  


/* This is lower center text box in center column
   of all pages 
   ************************************************/			 
#centerText { width:500px; height:auto; /*border:#CC9933 thin solid;*/
              margin:15px 0 0 10px;
			  padding:10px 0px;  
			 /* border:#009900 thin solid;*/}
			 
div.scroll {/*scroll box on home page index.php */
height: 400px;
width: 500px;
overflow: auto;
border: 1px solid #666;
background-color: #FFF;
padding: 8px; }				 
/* end lower center text box in center column
   of all pages 
   ************************************************ */

				 			 
/* This is right text box in center column
   of the (home) page
   ********************************************** */
#issueText { width:240px; height:305px; 
             float:right; 
			 margin:0px 0 15px 5px;
			 padding:5px  5px;
             border:#CCCCCC thin dashed; }
			 
#issueText h2 { margin:0px ;
			    padding: 5px 0;
                font-style:italic;
                text-align:center;
			    color:#000066; }			 
			 
#introText { width:500px; height:auto; /*border:#CC9933 thin solid;*/ 
			 margin:0px 0px 15px 10px;
			 padding:5px 0px 5px 0px; }
			 
#introText h1 { margin:50px 0 0 25px;
                 font-size:1.2em;
				 font-style:italic; 
                 color:#9C6500; }			 			 
			 
			 
.number2Text { width:530px; height:auto;
               min-height:305px; 
               float:right; 
			   margin:0px 0 15px 10px;
			   padding:5px  5px; }			 			 

/* end right text box in center column
   of the (home) page
   ************************************************ */
      

/* This is the green sustainable news feed  box in left 
   column of home page 
   ************************************************/   
#newsfeed { width:170px; height:auto;
            margin:0;
			padding:0; } 
			 			    
/* End green news feed  box in left column of home page 
   **********************************************************/ 

      
 /* leftsidebar 
    ************************************************************ */   
#leftsidebar { width: 205px; height:auto;  /*border:#9933CC thin solid;*/
               float: left;
               margin:0px 0px 0 0px;
			   padding:0px 0px 0px 0;
			   background-color:#94C166; }
			   
/* begin sanfrancisco slideshow ********************************* */			   
#slidecontentContainer { width:100%; margin:0 0 0px 0;
                         background-color:#FFFFFF;
	                     float:left; }
	
#slidecontent { background-color:#FFFFFF;
	/*background:transparent url('../images/bg/contentBackground.png') 0 0 no-repeat;*/
/* Ensure this background tile is never cut short, min-height for Firefox and pals, _height 'hack' for Internet Exploiter */
	min-height:300px;
	/*_height:300px; */}
	
	
#slideinfo p, #left p{ word-spacing:0.2em; }
 
#slideinfo { width:580px; float:left;
	         padding:40px 0 0px 0;
	         margin-left:240px;
			 font-size:1.1em;
		     line-height:1.7em;
		     color:#635141; }
		   
#slideinfo ul li { color:#9C6500; font-weight:bold; text-align:left; }
	
#slideinfo h1 { margin:15px 0; text-align:center; 
                font-size:1.5em; color:#9C6500; }

#slideinfo h2 { margin:15px 0; font-size:1.5em; }


#slideinfo p strong { color:#98533B; }	
	
.slideshowcontainer { width:520px; height: 580px;
                      margin:18px 0 0 0px; }
			 
			 
			 	
.slideshow { width:580px; height: auto;
             border:none;
             margin: 0px 0 0 -20px; }
			 
#slideleft { position:absolute; top:160px; left:20px; padding:95px 0 0 0;
/* Fix double margin bug in IE on floats using display:inline */
	         display:inline;
	         float:left; 
             width:200px; height: 560px; }

/* end sanfrancisco slideshow **************************************** */
			   
/* begin sweetwater slideshow **************************************** */			   
#homefeatures {  height: 170px; padding:20px 0 0 0; }
				 
#homefeatures ul li { text-align:left; margin:0 0 0 0px;}			   
/* end sweetwater slideshow */

			   		   			   
/* rightsidebar
   ********************************************************************** */   
#rightsidebar { width: 190px; height:auto; /*border:#9933CC thin solid;*/
                float: right; right:60px; top:0px;
                margin:45px 0 20px 0px;
				padding:5px 0px 0px 0px;  }
				
.columnRight { width: 170px; height:auto;
               margin: 0px 5px 15px 5px;
			   padding:0 5px;  
               list-style: none; }				

.columnRight ul, .columnRight ol { list-style: none; }

.columnRight li { line-height: 1.2; }
   
.columnRight h2 { margin:25px 0 0 0px ;
			      padding: 5px 0 15px 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }   
 
.columnRight h3 { margin:20px 0 20px -15px;
			      padding: 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }  
   
.columnRight h4 { margin: 0px;
                  padding:0; 
                  font-size: 10pt; 
                  font-weight: bold; }
				  

   
/****** Sidebar Items in both columns 
  ****************************************************/
.SidebarItem { width:170px; height:100%; margin:50px 5px 15px 5px; }

.SidebarItem p img { margin:15px 0 15px 0; }
   
.SidebarItem ul, #SidebarItem ol { list-style: none; }

.SidebarItem li { line-height: 1.2; }
   
.SidebarItem h2 { margin:0px 0 0 0;
			      padding:15px 0 5px 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }   
 
.SidebarItem h3 { margin:10px 0 10px -15px;
			      padding: 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }  
   
.SidebarItem h4 { margin: 0px;
                  padding:0; 
                  font-size: 10pt; 
                  font-weight: bold; }
				  
.SidebarItem h6 { margin:-25px 0 0 0px;
                  padding:0;
				  text-align:center; 
                  font-size: 7pt; 
                  font-weight: bold; }
				  				  		  
.features { width:170px; padding:0 5px;}

.features h3 { margin:0 0 0 -10px;}				  
/* End Sidebar Items in both columns  
   **************************************************/

/* feature homes slideshow
  **************************************************************/
#featurehome { width:170px; height:135px;
               margin:0 0 5px 0px; 
			   padding:0;
			   background:#FFFFFF; }

#featurehome h3 { font-size:1.1em; margin:0px 0 0px 0; padding:0;}

#featurehome h6 { margin:5px 0 5px 0; text-align:center; }

/* menu links in left column
  **************************************************************/
 
/***** General Styles *****/
a { color: #337766;
    text-decoration:underline;
    font-weight: bold; }
   
a:hover { color: #9C291D;
          text-decoration: none; }
   
a img { border:0; }

p { margin-bottom: 10px; }


h1 { font-size: 1.4em;
     font-weight: bold;
     color: #111;
     line-height: 1.4;
     margin: 0 0 5px 0; }
   
h2 { font-size: 1.25em;
     font-weight: bold;
     color: #111;
     line-height: 1.2;
     margin: 0 0 5px 0; }
   
h3 { font-size: 1.1em; 
     display: block; 
     margin: 10px 0; }
    
h4 { margin-bottom: 15px; 
     font-size: 10pt; 
     font-weight: bold; }
   
ul, ol { list-style-position: inside; } 

/****** Searchbox ******/
#logo  { width: 980px; height: 23px; 
         padding:0; }
 

/* Footer

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#footer { width:980px; height:60px; 
          margin:0px 0 5px 0;
		  background:#333;
          clear:both; 
		   background: #DBD8B9 url('../images/footer/ecobroker_footer_bk.png') no-repeat;
		  background-position:left;
          /*border:#090 1px solid;*/ }



#footer p { width:260px; height:1.2em;

            font-size:0.7em; color:#FF0;

            margin:5px 0 0 30px;  }

			

#footer p span { width:300px; height:1.2em;

                 font-size:0.9em; color:#FF3;

                 margin:0px 0 0 0;  }			

			

.ftmailto { width:300px; height:38px; margin:-30px 0 0 66%; }

.ftmailto a:link { width:280px; height:44px; 
                   font-size:0.9em; 
			      /*border:#090 1px solid;*/ }			  

.ftmailto a:hover { width:280px; height:44px; 
			        /*border:#090 1px solid;*/ }			  



/* End Footer

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */



 

/* Green videos in Green Videos page
   ******************************************************* */
.video_holder { width:270px; height:340px;
                float:left;
				/*position:relative; z-index:-5;*/
				margin:0px 0 0px 4px;
				padding:0;  
				border:0; }
				
.video_holder p {text-align:center; padding:0 0 10px 0;}

.video_holder object { padding:0 0 10px 0;
                       margin:0; 
                       position:relative; z-index:-3; }
				
.hr_spacer { width:520px; height:10px;
             float:left;
             margin:65px 0 20px 0px;
			 padding:0; 
			 border:0;
             background: url('../images/content/hr_colors_10.jpg');
			 background-repeat:no-repeat; }			
/* End Green videos in Green Videos page 
  ********************************************************* */ 
#videocontact { width:600px; height:auto; border:#993300 thin solid;
                margin:0 0 0 40px; padding:0;}
			  
 
 
/* This is the MP3 Player in center column
   of the (knst) page
   ********************************************** */
   
        
.mp3Player { width:420px; height:360px;
             margin:0px 0 0 20px;
	         padding:20px 0px 20px 100px;
			 border:#003399 thin dashed; }
			 
.mp3Player p { margin:0 0 0 0px;
	           padding:0px;
			   font-size:10px; }
			   			  

/* end of the MP3 Player in center column
   of the (knst) page
   ************************************************ */


/******* contact or reader survey form 
 ********************************************************** */

#emailContentmid { width: 535px; 
                  /*border:#000099 thin solid;*/
                  float: right;
			      padding:15px 0 0 15px;
                  margin-right: 0px; }
				  
#emailContentmid h1 { margin:30px 0 0 25px;
                      font-size:1.3em;
				      font-style:italic; 
                      color:#9C6500; }

#emailContentmid #help { width:450px; height:290px;
                         margin:0 0 0 0; padding:0;}

#contact { width:500px; height:auto;
           margin:0 0 0 0; padding:0;}		   

fieldset { width: 500px; height:auto;
           float:left; 
		   clear:left;
           margin:0;
           margin-bottom:30px; }
		   
ledgend { width:500px; height:100px;
          margin:0; padding:0;
          color:#990000;   
		  font-size:1.1em; 
		  font-weight: bold; 
		  font-family: arial,verdana,sans-serif;  }		   

#contact ol { width:500px; height:auto; margin:6px 0px 0 0;
              list-style-type:none; }
			 
#contact ol li { width: 500px; height:35px; float:left; clear:left; 
                 margin:0px 0px 0 0px; 
			     padding: 8px 0;
				 text-align:left;  }
			  
			  
#contact ol li input { height:15px;
                       float:none;
                       margin:0px 0px 0px 0;
					   padding:2px 0;  
                       border-style:ridge;
					   border-color:#BFBFBF;
					   border-width:2px;   
				       background:#E4E4E4;
                       font-size: .9em; 
					   font-style: normal; 
					   font-family: arial, verdana, sans-serif; }	
					   

#contact ol li radio { margin: 0;
					   padding:5px 0 0 0; }
			   					   
#contact ol li select { padding:0;
                        margin: 0; 
                        font-size: 0.9em; font-style: normal; 
						font-family: arial, verdana, sans-serif; }

.cell-1 { background-color:#DDFFCC; }			  
.cell-2 { background-color:#FFFFCC; }
.cell-3 { background-color:#FFFF99; }

.comments { width:500px; height:120px; }
	
.textarea { width:360px; height:50px;
            margin:0 0 5px 5px; padding:0;
		    text-align: left; } 
 /*  background: url('../picts/content/shadeform333.gif') no-repeat;  }*/
.shadeform { width: 200px; margin-left:0px; /* text input box  */
              font-size: 1.1em; font-family: arial, verdana, sans-serif;
/*	          background: url('../picts/content/shadeform333.gif') no-repeat; */ 
			  text-align: left;  
			  border:3px groove;  }
			  
#notice { width:450px; font-size:0.7em;  }

#buttons { width:300px; height:60px;
           /*border: #CC0033 thin inset;*/  
           padding-left:20px;  }
		   
		   			  			  			  
#buttons ol li input { width:60px; height:25px; 
                       margin:0 0 0 0px;
					   padding:0px 0; }

.space-left { margin-left:140px; }/* moves privacy link between the buttons to the left */			.submit {  margin:0 0 0 300px; }
  
/******* end contact or reader survey form 
 ********************************************************** */

/* begin advertise and archive pages 
  **************************************************************** */
#frameheader { width:auto; height:auto;
               position:relative; z-index:-3; 
               margin: 15px 0 0 0; padding: 0px; }

#frame-content { width:800px; height:auto;
                 position:relative; 
				 clear:left; 
                 margin: 0px 0 0 0; 
				 border:0px; 
				 padding: 0px; 
                 background-color: #FFF; 
				 text-align: center; 
				 font-size: 14px; font-family: arial, verdana, sans-serif; 
				 font-weight:200; }

a.frame:link,  a.frame:visited  { width:300px; height:30px; 
                  color:#000;
                  font-size: 12px; font-family: arial, verdana, sans-serif; 
				  font-weight: bold; 
                  text-decoration: underline; 
                  padding: 1px 4px 4px 4px; 
				  border-bottom:2px; border-bottom-color:#4281c4; }
				  
				  
a.frame:active	{ color:#009900; height:30px; font-size: 1.0em; 
                  font-family: arial, verdana, sans-serif; 
                  font-weight: bold; 
                  text-decoration:underline; padding: 0px; }
				  
a.frame:hover	{ color:#FFFF00; height:25px; font-size: 1.0em; 
                  font-family: arial, verdana, sans-serif; 
                  font-weight: bold; 
                  text-decoration:none; padding: 0px;  }