@charset "utf-8";

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

CSS document - Community Housing Services
http://www.communityhs.org

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

/* --------- GENERAL DECLARATIONS --------- */

html, body {
  	background-color: #fff;
  	border: none;
  	color: #514B30; /* dark grey */
  	margin: 0;
  	padding: 0;
	text-align: center;
  	width: 100%;
	font-size: small;
	}

p {
  font: 110%/135% Georgia, serif;
  margin: 0 0 15px 0;
	}


h1, h2, h3, h4 {
  	color: #555B2A; /* dark green*/
  	font-family: Arial, sans-serif;
	}

img {
	border: none;	
	}

h1 {
	font: Bold 160% Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	}

h2 {
	font: Bold 130% Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	}

	h2.topHeader {
		padding-top: 0;
		}
	
h3 {
	font: Bold 115% Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
	}
	
a:link { 
	color: #2F6B7F; /* blue */ 
	text-decoration: underline;
	}

a:visited {	
	color: #2C3638;
	text-decoration: underline;
	}
	
a:hover { 
	color: #2C3638;
	text-decoration: none;
	}
	
a:active { 
	color: #2F6B7F; /* blue */ 
	text-decoration: underline;
	}

.clear {
	clear: both;
	}

#bodyContainer {
 	border-left: 1px solid #AAAAAA;
 	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	margin: 0px auto;
	padding: 18px 18px 0 18px;
	text-align: left;
	width: 896px;
	}
	
	#logoHeaderArea #logoArea {
		float: left;
		}
	
		#logoHeaderArea #logoArea img {
			float: left;
			padding: 0 8px 0 0;
			}
		
		#logoHeaderArea #logoArea div {
			float: left;
			padding-top: 6px;
			width: 6em;
			}
			
			#logoHeaderArea #logoArea div a {
			color: black;
			font: Normal 150% Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			}

	#navSearchArea {
		float: right;
		padding: 15px 0 0 0;
		text-align: right;
		height: 4em;
		}
		
		#navSearchArea form {
			margin: 0;
			padding: 0 0 25px 0;
			}
		
			/* hide fieldset from view */	
			#navSearchArea form fieldset {
				border: none;
				margin: 0; 
				padding: 0;
				}
				
				#navSearchArea form fieldset input.goButton {
					padding: 0 .3em .1em .3em;
					}
		
		/* HACK - IE 6 floating issue */
		* html body #navSearchArea ul {
			margin-left: 60px;
			}
		
		#navSearchArea ul {
			float: left;
			margin: 0;
			padding: 0;
			text-align: right;
			}
			
			#navSearchArea ul li {
				color: #514B30;
				float: left;
				font: 130%/130% Georgia, "Times New Roman", Times, serif;
				list-style: none;
				}
				
				#navSearchArea ul li.activePage {
					background: url(../images/navBullet.gif) .9em .17em no-repeat;
					padding:  0 0 0 1.8em;
					}
					
					#navSearchArea ul li.activePage a {
						padding: 0;
						}
						
						#navSearchArea ul li.activePage a:hover {
							background: none;
							}	
				
				#navSearchArea ul li a {
					color: #514B30;
					padding:  0 0 0 1.8em;
					text-decoration: none;
					}
					
					#navSearchArea ul li a:hover {
						background: url(../images/navBullet.gif) .9em .1em no-repeat;
						}
						
		img.headerImage {
			padding: 7px 0 0 0;
			}	

/*=MAIN BODY AREA HOME PAGE 
=== === === === === === === === === === */

	#mainContentContainer {
		float: left;
		margin-top: -3px;
		}
		
		body#home #mainContentContainer {
			background: #fff url(../images/columns.gif) repeat-y right top;
			}
			
		#mainContentContainer #column1 {
			background-color: #fff;
			float: left;
			padding: 17px 17px 17px 0;
			width: 599px;
			}
		
		#mainContentContainer #column2 {
			background-color: #F4F1E1; /* tan */
			float: right;
			padding: 17px;
			width: 243px;
			}

/*=MAIN BODY AREA SUB PAGE 
=== === === === === === === === === === */

#mainContentNoColumns {
	padding: 17px 0;
	}

#navColumn {
	float: left;
	padding: 17px 0;
	width: 265px;
	}

	#navColumn ul {
		background-color: #F4F1E1;
		border-top: 1px solid #C9BE91;
		border-left: 1px solid #C9BE91;
		border-right: 1px solid #C9BE91;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		#navColumn ul li {
			border-bottom: 1px solid #C9BE91;
			color: #555B2A;
			font: normal 1.1em Arial, Helvetica, sans-serif;
			}
			
			#navColumn ul li a {
				color: #555B2A;
				display: block;
				padding: .5em .5em .5em .7em;
				}
				
				#navColumn ul li.current {
					background-color: #E8E3CD;
					display: block;
					font-weight: bold;
					padding: .5em .5em .5em .7em;
					}
					
					#navColumn ul li.current a {
						padding: 0;
						}
			
			#navColumn ul li a:link,
			#navColumn ul li a:visited,
			#navColumn ul li a:active {
				color: #555B2A;
				text-decoration: none;
				}
				
			#navColumn ul li a:hover {
				background-color: #E8E3CD;
				color: #555B2A;				
				text-decoration: underline;
				}

#mainColumn {
	float: right;
	padding: 17px;
	width: 595px;
	}
		
		#mainColumn ul,
		#mainContentNoColumns ul {
			margin-left: 15px;
			margin-top: 0;
			padding-left: 0;
			}
		
		#mainColumn ul li,
		#mainContentNoColumns ul li {
			font: 115%/140% Georgia, serif;
  			margin: 0 0 5px 0;
			}
	
	dl {
		font: 115%/140% Georgia, serif;
		margin: 0;
		padding: 0;
		}
		
		dl dt {
			margin: 0;
			font-weight: bold;
			}
			
		dl dd {
			margin: 0 0 15px 0;
			}

	div#footerContent {
		clear: both;
		padding: 50px 0 0 0;
		text-align: center;
		}

/*=PAGE SPECIFIC STYLES
=== === === === === === === === === === */

/* Site Map */

ul#sitemap {
	list-style: none;
	margin-left: 0;
	}
	
	ul#sitemap li ul {
		font: 85%/115% Georgia, serif;
		list-style: none;
		margin: 5px 0 5px 20px;
		}

/* financial info */
		
#mainColumn .financialInfo img {
	border: 1px solid black;
	}
	
	#mainColumn .financialInfo ul {
		list-style: none;
		margin: 15px 0 30px 0;
		padding-left: 0;
		}

/* download icon */

a.download {
	background: url(../images/pdfIcon.gif) 0 .17em no-repeat;
	padding: 0 0 5px 20px;
	}

/* google map */

#map {
	margin-bottom: 15px;
	}