/* CSS Document */


	
/*  ===================================================  
 	===================================================  
	
	Description: Community Council structure style sheet 
	Author: Sean Kabanuk
	Release date: 0/0/0 
	Designer approved: Sean Kabanuk
	Date approved: 0/0/0 
	Revision History:	Revised By		Revised On:
						Sean Kabanuk		0/0/0 

  	=================================================== 
  	===================================================  */

	

body {
	background: #fff url(../images/pageBackgroundHills.gif) no-repeat scroll center top;
	margin: 0px;
	padding: 0px;
	}
	
#globalContainer {
	position: relative;
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
}

	#pageBackgroundTopContainer {
		background: url(../images/pageBackgroundTop.gif) no-repeat top left;
		height: 549px;
	} /* seperates the page frame from the background hills image to keep left drop shadow from moving when user narrows the window past the content width */
	
/*  ===================================================  */
/*  DEFINES BRANDING BANNER */
/*  ===================================================  */

#brandingContainer {
	width: 963px;
	margin: 0px 0px 0px 0px;
	}

#clientLogo {
	float: left;
	margin: 30px 0px 0px 15px;
	}
	
#searchContainer {
	float: right;
	margin: 145px 40px 0px 0px;
	}

.siteSearchField {
	float: left;
	margin: 0px 10px 0px 0px;
	}

.searchButton {
	float: left;
	}

/*  ===================================================  */
/*  DEFINES STRUCTURAL CONTAINERS BANNER */
/*  ===================================================  */

#dropShadowContainer {
	position: absolute;
	top: 529px;
	left: 0px;
	width: 1012px;
	padding: 0px;
	background: url(../images/dropShadowBackground.gif) top left repeat-y;
	}
	
	#dropShadowBottom {
		height: 25px;
		margin: 0px;
		background: #fff url(../images/dropShadowBottom.gif) top left no-repeat;
		}
		
#globalContentContainer {
	position: relative;
	padding: 13px 8px 8px 9px;
	margin: -350px 13px 0px 20px;
	background: url(../images/contentBackground.gif) bottom right no-repeat;
	}
	
	#backgroundColumnContainer {
		background: url(../images/columnBackground.gif) top left repeat-y;
		}
		
/*  ===================================================  */
/*  DEFINES PHOTO BANNER */
/*  ===================================================  */
		
html>/**/body #bannerPhotoContainer {
	position: absolute;
	top: -335px;
	left: 29px;
	z-index: 100;
	} /* positioned absolutely to solve display problem in IE6 with combination of floats on this div and negative margin on parent div, causing images to dissapear. */
	/* Also hacked for IE 7 since z index is set to 0 in IE7 stylesheet.  For some reason this value conflicts with the one in the IE 7 stylesheet */
.bannerPhotoLeft {
	float: left;
	}
	
.bannerPhotoRight {
	float: left;
}
	
/*  ===================================================  */
/*  DEFINES PRIMARY NAV */
/*  ===================================================  */

#primNavContainer {
	position: relative;
	z-index: 500;
	float: left;
	margin-top: 200px;
	width: 226px;
	background-color: #f5f4e1;
	}

ul#primNav {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	}
	
	ul#primNav ul {
		position: absolute;
		display: none;
		left: 225px; /* Set 1px less than menu width */
		top: 0;
		background: #d9c48b;
		margin: 0px;
		padding: 0px;
		width: 194px;
		}
	
	ul#primNav li {
		position: relative;
		list-style: none;
		text-align: left;
		}
	
	ul#primNav li a {
		display: block;
		text-decoration: none;
		color: #ac975d;
		padding: 5px 10px 5px 10px;
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		}
				
	ul#primNav li a:hover {
		color: #fff;
		background: #d9c48b;
		}
	
	/* Fix IE. Hide from IE Mac \*/
	* html ul#primNav li { 
		float: left; height: 1%; 
		}
		
	* html ul#primNav li a { 
		height: 1%; 
		}
	/* End */
		
	ul#primNav ul li {
		width: 180px; /* controls the width of the subnav item */
		}
	
	ul#primNav li ul li a { 
		font: 13px Arial, Helvetica;
		padding: 5px 7px 5px 7px;
		width: 180px;
		color: #fff;
		background: #d9c48b;
		text-align: left;
		} /* Sub Menu Styles */

	
	ul#primNav li ul li a:hover {
		color: #ac975d;
		background: #f5f4e1;
		}
	
	ul#primNav li:hover ul ul,
	ul#primNav li:hover ul ul ul,
	ul#primNav li.over ul ul,
	ul#primNav li.over ul ul ul { 
		display: none; 
		} /* Hide sub-menus initially */
	
	ul#primNav li:hover ul,
	ul#primNav li li:hover ul,
	ul#primNav li li li:hover ul,
	ul#primNav li.over ul,
	ul#primNav li li.over ul,
	ul#primNav li li li.over ul { 
		display: block; 
		} /* The magic */
	
	ul#primNav li.menuparent {  }
		
	ul#primNav li.menuparent:hover,
	ul#primNav li.over { 
		background-color: #d9c48b; 
		}





/*  ===================================================  */
/*  DEFINES SECONDARY NAV */
/*  ===================================================  */
	


	#columnTwo ul { 
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		color: #666;
		line-height: 13px;
		padding: 0px;
		margin: 0px;
		}

	#columnTwo li {	
		color: #666;
		list-style: none;
		}

	#columnTwo li a {
		padding: 4px 0px 4px 0px;
		text-decoration: none;
		color: #728052;
		font-size: 100%;
		}

	#columnTwo li a:hover {
		color: #234119;
		text-decoration: underline;
		} 
		
						
/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

	
#mainContentContainer {
	width: 735px;
	float: left;
	margin-top: 330px;
	margin-bottom: 30px;
	}
	
	#mainContentContainerNest {
		width: auto;
		padding: 0px 30px 0px 30px;
		} /* this div serves as a work around for IE6 box model bug that shows up in right column width/padding values. */
		
#columnOne {
	clear: both;
	float: left;
	width: 475px;
	padding: 0px 20px 0px 0px;
	}

#columnTwo {
	float: left;
	width: 180px;
	}
		
				
/*  ===================================================  */
/*  DEFINES FOOTER */
/*  ===================================================  */

	
#footer {
	position: relative;
	margin: 0px;
 	padding: 0px;
	background: #fff;
	height: 50px;
	}
	
#copyrightcontainer {
	float: left;
	margin-left: 20px;
	}
		
#legalcontainer {
	float: right;
	margin-right: 20px;
	}
	
#copyrightDate {
	float: left;
	}
	
#footerHolder {
	clear: both;
	height: 1px;
	} /* hacks the main container div to stretch height for all child divs */
	
	* html #footerHolder {
		/* commented backslash hack v2 \*/
 		display: none;
  		d\isplay: none;
  		/* end hack */
		}
		
/*  ===================================================  */
/*  DEFINES MISCELLANEOUS ELEMENTS */
/*  ===================================================  */

#memberWorkContainer {
	border-top: 4px solid #fff;
	margin-right: 0px;
	margin-bottom: 50px;
	}
	
	#membersIcon {
		float: left;
		margin: 20px 10px 0px 10px;
	}
	
.contentTable {
	border-top: 1px solid #b1b19f;
	border-left: 1px solid #b1b19f;
	background: #ecedd4;
	}
	
	.contentTable p {margin: 0px;}
	
/*.contentTableColumn {
	padding: 3px 8px 3px 8px;
	background-color: #C6CFC3;
	border-bottom: 1px solid #b1b19f;
	}*/
	
	.contentTableRow {
		padding: 3px 8px 3px 8px;
		background: #dfe2d7;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		}
		
	.contentTableRowAlternating {
		padding: 3px 8px 3px 8px;
		background: #f9f9ee;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc; 
		}
	
#shimDiv {
	clear: both;
	width: auto;
	}
	
#siteMapContainerLeft {
	width: 300px; 
	margin: 10px 10px 0px 0px; 
	padding: 5px; 
	float: left; 
	background: #fafaf0;
}

#siteMapContainerRight {
	width: 300px; 
	margin: 10px 0px 0px 0px; 
	padding: 5px; 
	float: left; 
	background: #fafaf0;
}

#homePromoContainerOne {
	float: left;
	width: 100px;
	margin: 30px 0px 0px 100px;
	text-align: center;
	}
	
#homePromoContainerTwo{
	float: left;
	width: 100px;
	margin: 30px 0px 0px 75px;
	text-align: center;
	}
	
#homePromoContainerThree {
	float: left;
	width: 100px;
	margin: 30px 0px 0px 75px;
	text-align: center;
	}

/*  ===================================================  */
/*  DEFINES HOME PAGE FEATURES */
/*  ===================================================  */