body{margin-bottom:0px;
	 margin-top:0px;
	 background-image:url(images/bg_gradient.jpg);
	 background-position:top;
	 background-repeat:repeat-x;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 background-color:#514121;
	 text-align:justify}
	
td {text-align:justify;}	

/*This sets the background image to repeat in the main body copy area*/
.mainarea {background-image:url(images/mainbg.jpg);
		   background-position:top;
		   background-repeat:repeat-y;
		   width:774px;}
		   
#brown ul {list-style:none;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	line-height:1.5em; /*This makes the spacing between the lines 1.5*/
	}		

/*This sets the background for the main list items to be the brown gradient*/	
#brown ul li.gradient {
	background-image:url(images/linkgradient.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

#brown ul li a:link, #brown li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	height:19px; /*This height and width sets the display block height and width so the whole bg image is shown*/
	width:180px;
	list-style:none; /*This makes it so there is no bullet for the list items.*/
	background-image:url(images/linkgradient.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:2px; /*This makes a space between the links, so you can see the gradients background behind the links*/
	}
	
#brown ul li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	height:19px;
	width:180px;
	background-image:url(images/linksolid.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:2px;}	
	
/*This ul li ul sets the inner list items to not have a background image*/	
#brown ul li ul a:link, #brown ul li ul a:visited{
	color:#463517;
	font-weight:bold;
	text-decoration:none;
	list-style:none;
	background-image:none;
	border:none;}
	
#brown ul li ul a:hover{
	color:#937131;
	text-decoration:none;
	list-style:none;
	background-image:none;
	font-weight:bold;
	border:none;
	}	
	
#bottom td{background-color:#514121; color:#FFFFFF; text-align:center; padding:10px;}

#bottom a:link, #bottom a:visited {
		color:#FFFFFF;
		text-decoration:underline;}
		
#bottom a:hover {
		color:#FFFFFF;
		text-decoration:none;}
	
h1 {font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bold;
	color:#847551;
	margin:0px;
	padding:0px;}
	
h1.offices {font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;}
	
h2.largebrown {font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bold;
	color:#847551;
	margin:0px;
	padding:0px;}
	
h3 {font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#514121;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:8px;}						
	
.officeListings {font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;}	
	
.officeHeadings {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;}		 
	
a:link, a:visited {
	  color:#463517;
	  font-weight:normal;
	  text-decoration:underline;}
	  
a:hover {
	  color:#666666;
	  font-weight:normal;
	  text-decoration:underline;}
	  
img { behavior: url(iepngfix.htc); }/*This makes pngs work in ie6. We need the blank.gif, and .htaccess files in the folder online	*/