/* ================================
    Sitewide Stylesheet
   ================================ */

body
{
	background-color: #2F3225;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#headerBackground
{
	background-image:url(/images/masterpage_templates/header-repeat.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

#internalContainer
{
	width: 956px;
	position: relative;
	margin: 0px auto;
}

#siteHeader
{
	background-image: url(/images/masterpage_templates/header.jpg);
}

#topLeftAccent
{
	width: 6500px;
	height: 101px;
	position: absolute;
	top: 0px;
	right: 956px;
	background-image: url(/images/masterpage_templates/top-left-repeat.jpg);
}

#topLeftAccentContainer
{
	background-image: url(/images/masterpage_templates/top-left.jpg);
	width: 103px;
	height: 101px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#header
{
	display: block;
	background-image: url(/images/masterpage_templates/header.jpg);
	background-repeat: no-repeat;
	width: 956px;
	height: 101px;
}

#topnav
{
	margin: 0px 0px 0px 56px;
	padding: 0px;
	list-style:none;
	width:823px;
	height:33px;
}

	/* #topnav li a.navIsOn { background: red; color: #ffcc00; } */

	#sideNavigation { z-index: 1; }

	#topnav li { position: relative; float:left; padding: 0px; margin: 0px; z-index: 5000; }
	
		#topnav li a
		{
			display:block;
			height:33px;
			float: left;
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		#neighborhood
		{
			background-image: url(/images/masterpage_templates/menu/neighborhood.jpg);
			width: 168px;
		}
		
		#neighborhood.navIsOn
		{
			background-image: url(/images/masterpage_templates/menu/neighborhood-on.jpg);
		}

		#join
		{
			background-image: url(/images/masterpage_templates/menu/join.jpg);
			width: 196px;
		}
		
		#join.navIsOn
		{
			background-image: url(/images/masterpage_templates/menu/join-on.jpg);
		}

		#resident
		{
			background-image: url(/images/masterpage_templates/menu/resident.jpg);
			width: 185px;
		}
		
		#resident.navIsOn
		{
			background-image: url(/images/masterpage_templates/menu/resident-on.jpg);
		}

		#about
		{
			background-image: url(/images/masterpage_templates/menu/about.jpg);
			width: 145px;
		}
		
		#about.navIsOn
		{
			background-image: url(/images/masterpage_templates/menu/about-on.jpg);
		}

		#contact
		{
			background-image: url(/images/masterpage_templates/menu/contact.jpg);
			width: 125px;
		}
		
		#contact.navIsOn
		{
			background-image: url(/images/masterpage_templates/menu/contact-on.jpg);
		}

		.dropdown
		{
			position:absolute;
			top: 0px;
			left: 100%;
			list-style:none;
			display:none;
			font-size:0px;

			/* Design for Dropdown Menus */
			padding: 8px 0px;
			margin: 0px;
			text-align:left;
			width: 195px;
			background: #E6E1BD;
			border: 1px solid #6A2D1F;
		}

		.dropdown2
		{
			background: #6A2D1F;
			/* Design for Dropdown Menus */
			padding: 8px 0px;
			border-bottom: 2px solid #D55B3F;
			border-top: 2px solid #D55B3F;
			margin: 0px;
			text-align:left;
			width: 195x;

			font-size:0px;
			position:absolute;
			list-style:none;
			display:none;
			top: 100%;
			left: 0px;
		}

			#topnav li ul.dropdown2 li
			{
				background: none;
				font-size:0px; line-height:0px;
				width: 179px;
				margin: 0px;
				padding: 5px 8px;
			}
			
			#topnav li ul.dropdown li
			{
				background: none;
				font-size:0px; line-height:0px;
				width: 179px;
				margin: 0px;
				padding: 2px 8px;
			}
	
				#topnav li ul.dropdown2 li a
				{
					background: none;
					font-family: Arial, Helvetica, sans-serif;
					display: block;
					float:left;
					height:auto;
					line-height: 100%;
					font-size: 13px;
					color:#E6E1BD;
					width:144px;
					padding: 5px 5px 5px 30px;
					background-color: #6A2D1F;
					background-repeat: no-repeat;
					background-position: top left;
					background-image: url(/images/masterpage_templates/menu/plus.jpg);
					text-decoration: none;
				}

				#topnav li ul.dropdown2 li a.navIsOn
				{
					color: #1B2B32;
					background: none;
					font-family: Arial, Helvetica, sans-serif;
					display: block;
					float:left;
					height:auto;
					line-height: 100%;
					font-size: 13px;
					width:144px;
					margin: 0px;
					padding: 5px 5px 5px 30px;
					background-color: #E6E1BD;
					background-repeat: no-repeat;
					background-position: top left;
					background-image: url(/images/masterpage_templates/menu/plus-on.jpg);
				}

				#topnav li ul.dropdown li a
				{
					margin: 0px;
					color: #6A2D1F;
					background: none;
					font-family: Arial, Helvetica, sans-serif;
					display: block;
					float:left;
					height:auto;
					line-height: 100%;
					font-size: 13px;
					width:169px;
					padding: 5px 5px 5px 5px;
					background-color: #E6E1BD;
					text-decoration: none;
				}

				#topnav li ul.dropdown li a.navIsOn
				{
					color:#E6E1BD;
					background: none;
					font-family: Arial, Helvetica, sans-serif;
					display: block;
					float:left;
					height:auto;
					line-height: 100%;
					font-size: 13px;
					width:169px;
					padding: 5px;
					background-color: #6A2D1F;
				}

#mainFooter
{
	margin: 0px auto;
	text-align: center;
	width: 680px;
	padding: 18px 0px;
}

#mainFooter p
{
	line-height: 13px;
	font-size: 11px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 620px;
	padding-right: 30px;
	padding-top: 10px;
	margin: 0px auto;
}

.content a:hover
{
	text-decoration: none;
}

#thunder
{
	position: absolute;
	top: 2px;
	right: -24px;
}