/* Marana AZ Styles
  ******************************************* */

/* zero margin and padding on all elements  */
* { margin:0; padding:0; }

html {scrollbar-base-color:#C08A00; }

html {
/* Fixes background nastiness when a sidebar is open in Firefox */
	min-width:770px; }

body {
/* Use backgound image as opposed to colour so that site is still functional if images are off */
	background-color:#905800;
	/*background: url('../images/bg/background1.png') 0 0 repeat;*/
	/* Shove all content to the center of the screen for Internet Explorer 5 */
	text-align:center; }
	
body {
/* relative font sizing to allowing scaling in Internet Explorer - http://www.clagnut.com/blog/348/*/
	font:normal 62.5%/1.8em Arial, Helvetica, sans-serif; }
/*=====[ Set up container divs and add background tiles ]=====*/

#pageheadContainer { width:100%; height:121px; padding:0 0 0px 0;
	background:transparent url('../images/bg/pageheadBackground1.png') 0 100% repeat-x; }



#pagehead, #content, #footer {
/* Set widths for "sub" container divs and center on the screen . fluid you say? I think not sir, you are quite mad! */
	width:770px;
	margin:0 auto;
	position:relative;
/* Shove the content back where it should be now we have convinced IE5 that center aligned websites are, infact, groovy (see body{}) */
	text-align:left; }

#pagehead { height:120px; 
       background:transparent url('../images/bg/pageheadBackground23.png') 0 100% repeat-x; }

/*=====[ Navigations ]=====*/


#pagehead h1 { width:300px; 
               margin:0px 0 0 8px;
	           position:absolute;
	           top:0; left:0;
			   color:#CCCCCC;
			   line-height:2.0em;
			   font-size:2.0em; }

/* Main navigation list
  *******************************************/

#pagehead ul { display:block;
	           position:absolute;
	           top:90px; left:250px; }

#pagehead li {width:80px; float:left;
              display:block;
	       	  margin-left:3px; }

#pagehead li a { height:20px;
	             display:block;
				 background:url('../images/menu/background_3.png') no-repeat;
	             text-align:center;
	             color:#FFE;
	             font-size:1.2em;
	             font-weight:bold;
/* Line height same as height, which puts the text vertically centered */
	             line-height:20px;
	             text-decoration:none; }

/*
#pagehead li.odd a { background:#FFCF63; }

#pagehead li.even a { background:#CE9A00; }
*/
#pagehead a:hover { color:#FFE; 
                    font-size:1.3em;
                    background:#D0B391;}


/* Content area
  ************************************************** */

#contentContainer { width:100%; margin:0 0 0px 0;
	background:#F7F7F7 url('../images/bg/contentBackground2.png') 50% 100% repeat-y;
/* Float left to prevent floated child divs(#article & #subContent) overflowing . aka the FnE method http://www.orderedlist.com/articles/clearing_floats_fne */
	float:left; }
	
#content {
/* Add drop shadow/fading backgound to top of content area . doesn't work on IE5/MAC */
	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; }

/* Set font size for content area and position */
#content { position:relative;
	       font-size:1.3em; }

/* two column layout for info and left
  **************************************************** */
#info p, #left p{ word-spacing:0.2em;}
 
#info { width:450px; float:left;
	       padding:40px 0 20px 0;
	       margin-left:260px;
		   line-height:1.7em;
		   color:#635141; }
	
#info h1 { margin:15px 0; text-align:center; 
           font-size:1.5em; color:#9C6500;}

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


#info p strong { color:#98533B;}

.careful em { color:#98533B; }

#left { position:absolute; top:0; left:30px;
/* Fix double margin bug in IE on floats using display:inline */
	display:inline;
	width:180px;
	float:left; 
	padding:30px 0 20px 0;
	color:#8B725A;
	font-size:.9em; }

#left ul li { color:#9C6500; font-weight:bold; }

#left h2 { font-size:1.3em; }

#left h3 { font-size:1.1em; margin:20px 0 10px 0;}

#left h6 { margin:-10px 0 10px 0; text-align:center;}


/* menu links in left column
  **************************************************************/
#lower_links { width:180px; height:auto; margin:25px 0 0 0px;
               padding:0; border:0;}

#lower_links ul { width:180px; padding:0; margin:0;}

#lower_links li { width:180px; height:23px; 
                  border:0;
				  border-right:2px  solid #669933;
				  border-bottom:2px  solid #669933;
				  border-left:2px  solid #669933;
				  padding:0 0 0 0px; }
				  
#lower_links li.first { width:180px; height:23px;
                        line-height:25px; 
                        margin:0; 
						border:2px  solid #669933;
				        padding:0 0 0 0px; }				  

#lower_links a {  height:23px;  display:block;
                       padding:0 0 5px 5px; 
					   background:url('../images/left/left_link1a.jpg') no-repeat;
					   text-align:left;
					   color:#fff;
	                   font-size:1.1em;
	                   font-weight:bold;
    /* Line height same as height, which puts the text vertically centered */
	                   line-height:25px;
	                   text-decoration:none; }
						 
#lower_links a:hover { height:24px; width:180px; display:block; 
                       padding:0 0 0 5px; margin:0;
                       background:url('../images/left/left_link2a.jpg') no-repeat;
					   color:#fff;
                       text-align:left;
					   font-weight:bold;
					   font-size:1.1em;
					   line-height:25px;}

	
/* Footer Area
  ************************************************** */
  
#footerContainer { width:100%;
	background:transparent url('../images/bg/footBackground.png') 0 0 repeat-x;
	clear:both; }
#footer { height:150px;
	background:transparent url('../images/bg/footBackground2.png') 100% 0 no-repeat; }

/* Foot navigation and FIR */

#footer ul {
	position:absolute;
	top:45px; }

#footer li {
/* hide bullets */
	list-style-type:none; }

/* This is the anchor top button at bottom of page */
#footer #pageTop {
	position:absolute;
/* This position worked out using a highly technical formula: left a bit, right a bit, no left a bit... bingo! */
	left:487px;
	top:-30px; }

#footer #pageTop a {
	display:block;
	width:26px;
	height:26px;
	text-indent:-9999px;
	text-decoration:none;
	background:transparent url('../images/bg/pageTop.png') 0 0 no-repeat;
/* Float to make hit area work in... yup, you gussed it again Internot Exploder 5 */
	float:left; }

#copyrite { width:250px; height:70px; float:left;
            /*background:#66FF33;*/ 
            margin:77px 0 0 5px;
			color: #FFF;
            text-align:left;
            font: .9em arial, verdana, sans-serif; 
			font-weight: bold; }

#broker { width:480px; height:70px; float:right;
          line-height:1.0em;
          padding:0 0 0 20px ; 
          margin:-72px 0 0 260px;
		 /*background:#FFFF00;*/
		  color:#FFF;}

.relator { font-size:1.1em; font-style:italic; font-weight:700;
           color:#FFF;}

#license { width:200px; height:70px; 
           color:#FFF;
           /*background:#00FFFF;*/
           margin:-55px 0 0 280px;}


/* General params and typography 
  **********************************************/

/* #content ul used to prevent main navigation, within #pagehead, list breaking */
#content ul {
	margin:0.8em 0 0.6em 0em;
	padding-left:0.0em;
	list-style-type:none; }

ol {
	margin:0.8em 0 0.6em 2em;
	padding-left:1em;
	list-style-type:lower-roman; }

blockquote {
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	font-style:italic;
	border-left:4px solid #E2D7CF; }

/* Frame images */
img {
	padding:2px;
	border:1px solid #F2F2F2; }

p { margin:0.3em 0 0.6em 0; }

a { color:#9C6500;
	font-weight:bold;
	text-decoration:none; }

a:hover { color:#9D6141;	 
	      text-decoration:underline; }

/* MORE LINK 
  ********************************************************** */

a.morelink:link { background: transparent url('../images/sprites.gif') no-repeat 5px -400px;
		          padding: 0 0 5px 21px; text-decoration:none; 
			   	  font-size:0.9em;  font-style:italic; color:#9D6141;; }
					
a.morelink:hover { font-size:0.9em;  font-style:italic; color:#CC3333;
                   text-decoration:underline; padding: 0 0 5px 21px;
		           background: transparent url('../images/sprites.gif') no-repeat 5px -500px; }
				   
/*.morelink span { position:absolute;left:-9999px; width:900px; }*/	
	

h1, h2, h3, h4 { font-family:Georgia, Times New Roman, Times, serif; }

h2 { color:#9C6500;
	 margin-bottom:.5em;
	 line-height:1.7em;
	 font-size:1.7em; }

h3 {
	margin:0.8em 0 0.6em 0;
	font-size:1.3em; }

h4 {
	margin:0.8em 0 0.6em 0;
	font-size:1.1em; }
	
/* classes for the contact form   
   ******************************************************  */
.help { width:450px; }
.help h2 {color:#CC003A; text-align:center; }	
.privacy { width:450px; padding:5px; }	
/* Contact Form 
 ********************************************************** */

#contact { width:450px; }

fieldset { width: 450px; height:auto; 
           float:left; clear:left;
		   padding:0 10px 10px 0;
           margin: 0 0 0px 0; }
		   
ledgend { width:450px; height:auto;
          color:#990000;   
		  font:1.1em bold arial,verdana,sans-serif;  }		   

#contact ol { width:430px; height:auto; margin:0px 0px 0 0;
              list-style-type:none; }
			 
#contact ol li { width: 430px; height:25px; float:left; clear:left; 
                 margin:0px 0px 0 0px; text-align:left;
			     padding: 8px 0;  }
			  
			  
#contact ol li input { float:right;
                       margin:-20px 0px 0px 0px;
					   padding:2px 0; 
                       border:2px ridge  #ccc;
					   background-color:#FFFFFF;  
				       background: url('../picts/content/shadeform333.gif') no-repeat;
                       font: .9em normal arial, verdana, sans-serif;  }	
					   
			   					   
#contact ol li select { 
                        margin:0px 0px 0px 0; 
                        font: 0.9em normal arial, verdana, sans-serif;  }

.financing ol li { padding: 8px 0;}
.financing ol li input { float:left; clear:left;  }

.cell-1 { background-color:#E2DBD9;  }
			  
.cell-2 { background-color:#CEC8C4;  }

#comments { height:180px;}
	
.textarea { width:430px;height:110px;  margin:0px 0 0 5px;  
           background: url('../picts/content/shadeform333.gif') no-repeat;  }

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

#buttons { border:0px; padding-left:20px;  }			  			  			  
#buttons ol li input { margin:0 0 0 -440px; cursor:hand; }

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