* {
    box-sizing: border-box;
}

#nav > a {
	display: none;
}

nav li{
	background-color: #990088;
	border-top :      solid #7c0098 2px;
	border-left :     solid #7c0098 2px; 
	border-right :    solid #550068 2px;
	border-bottom :   solid #550068 2px;
}
/*
  ul ul will be the child menus - start with these hidden
*/
nav ul ul {
	display: none;
}

/*
  When you hover over a parent menu item - show the child menu

  Use the CSS dynamic pseudo class ':hover'  and the child selector '>' 
*/
nav ul li:hover > ul {
	display: block;
}
/* ----------------------- Top level menu styling ----------------------------------*/
nav ul {
	padding: 0 0 0 0;
	list-style: none;
	position: relative;
}

/*
  Insert a blank block element after the top level <ul>(s), clear floats on this element.
  I'm not sure but I think this is here to prevent interactions with other elements
*/
nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

/* Make the parent level menu horizontal with 5 items in a row*/
nav ul li {
	float: left;
	width: 19.4%;
}

/* Change the background of the parent and child menus to show which is selected */
nav ul li:hover {
	background: #4b545f;
}

nav ul li:hover a {
	background: #4b545f;
}

nav ul li:hover > ul a {
	background: #67007e;
}

nav ul li a {
	display: block; 
	padding: 5px 5px;
	color: #FFF; 
	text-decoration: none;
	font-size: 12pt;
}
		
/* ----------------------- Sub menus ------------------------------*/

/* Make the submenu item the same width as the menu title*/
nav ul ul {
	background: #5f0075; 
	border-radius: 0px; 
	padding: 0;
	position: absolute;
	width: 19.4%; 
}

nav ul ul li {
	float: none; 
	background-color: #990088;
	border-top: 1px solid #6b007c;
	border-bottom: 1px solid #57006a; 
	position: relative;
	width: 100%;
	z-index: 1111;
}

nav ul ul li a {
	padding: 5px 5px;
	color: #fff;
}	

nav ul ul li a:hover {
	background: #4b545f;
}

/* $color_pallette_1: #aa4499; 678e7b, 2233bb*/
/* Multi color Pallette */
/*$color_pallette_1: #225533;
$color_pallette_2: #4b545f;
$color_pallette_3: #bbd;
$color_pallette_4: #555522;*/
/* Monochrome Pallette */
/*$color_pallette_1: #2233bb;*/
/*$color_pallette_1: #2950aa;*/
/* Functional colors */
/* Fonts */
/*---------------------------------------------------------*/
.event_container {
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto; }
  .event_container h1, .event_container h2 {
    text-align: center; }
  .event_container p {
    text-align: center;
    text-indent: 0em; }
	
.event_container1 {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: auto;
  margin-right: auto; }
  .event_container1 h1, .event_container1 h2 {
    text-align: center; }
  .event_container1 p {
    text-align: center;
    text-indent: 0em; }

.eventimage {
  display: block;
  margin-left: auto;
  margin-right: auto; }

body {
  font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
  font-size: 1em;
  background: #4b545f;
}

#page_wrapper {
  margin: 0 auto;
  padding: 5px;
  max-width: 1280px;
  background: white; 
}

#header {
  position: relative;
  padding: 5px;
  background: #96c9a3;
}

.content {
  padding: 4px;
  background: #96c9a3;
  color: black; 
}

#footer {
  position: relative;
  clear: both;
  border: solid black 0px;
  text-align: center;
  background: #63af76;
  padding-bottom: 8px;
}

.site_logo {
  display: block;
}

#header:after {
  content: "";
  clear: both;
  display: block; }
#header .logo {
  float: left;
  padding:10px;
}
#header .banner {
  float: left;
  background-image: url("backg.jpg");
  height: 140px;
  width: calc(100% - 160px);
}
#tagline {
  color: black;
  font-family: "Calisto MT", "Times New Roman", serif;
  font-style: italic; 
  font-weight: bold;
  padding: 16px; 
  font-size: 1.5em;
  text-shadow: 1px 1px #ccc, -1px -1px #ccc, 1px -1px #ccc, -1px 1px #ccc;
}
#header ul {
  color: #900;
  list-style-type: none; }

#quick_nav {
  float: right;
  margin: 0;
  padding: 0;
}
	#quick_nav li {
		float: left;
		padding: 1em;
		text-align: center; 
	}
    #quick_nav li a {
    color: white; 
	text-shadow: 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
	}
    #quick_nav li a:visited {
        color: white; 
	}
	#quick_nav ul:after {
	    content: "";
	    clear: both; 
	}

#footer_nav {
  list-style-type: none;
  text-align: center;
  display: inline-block;
}

  #footer_nav li {
    float: left;
    padding: 0 8px;
    text-align: center; 
}
    #footer_nav li a {
      color: white; }
      #footer_nav li a:visited {
        color: white; }
  #footer_nav ul:after {
    content: "";
    clear: both; }

.banner_image {
  margin: 0.1em;
  display: block;
  float: right; }

#map_index {
  width: 900px; }

.email_address {
  margin: 20px; }

.phone_number {
  margin: 20px; }

img { max-width: 100%; height: auto; }

p {
  text-indent: 3em;
  font-size: 11pt; }

h1, h2, h3, #quick_nav {
  font-family: "Optima", "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif; }

/* ie fix for border around image */
a img {
  border: 0; }

/* -------------------------- Home Page -------------------------------------*/
#home_container {
  padding: 0.5em; }

.home_content {
  width: calc(100% - 260px);
  float: left;
  padding: 0.5em;
  background: #96c9a3; 
}
.home_content img {
	display: block;
}

.home_events {
  margin: 1em;
  padding: 1em;
  float: left;
  width: 22%;
  height: 100%;
  background: #74b885; }
  .home_events p {
    text-indent: 0em; }

.home_pictures {
  float: left;
  margin-left: 10px;
}
  .home_pictures img {
    display: block;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto; }

/* -------------------------- Menu style overrides --------------------------------------*/
#site_nav nav {
  text-align: center; }
#site_nav ul {
  background-color: #356842;
  margin: 0;
  padding: 0;
  list-style-type: none; }
#site_nav li {
  margin: 0;
  text-align: center;
  float: left;
  background-color: #356842;
  border-top: solid #4f9a62 2px;
  border-left: solid #4f9a62 2px;
  border-right: solid #1b3522 2px;
  border-bottom: solid #1b3522 2px;
  font-family: "Optima", "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif; }
  #site_nav li:hover > ul a {
    background: #356842; }
#site_nav ul ul li a:hover {
  background: #4b545f; }

/* Report Style Overrides--------------------------------------*/
.ann_rpt_heading {
  background: #54a469; }

/*  property --------------------------------------------------*/
.property_description {
  width: 70%;
  float: left; }
  .property_description img {
    display: block;
     }

.property_info {
  margin: 1em;
  padding: 1em;
  float: left;
  width: 24%;
  height: 100%;
  background: #74b885; }
  .property_info dl {
    padding: 0.5em; }
  .property_info dt {
    float: left;
    clear: left;
    width: 5em;
    text-align: right;
    font-weight: bold; }
  .property_info dt:after {
    content: ":"; }
  .property_info dd {
    margin-left: 6em;
    padding: 0 0 0.5em 0; }

.endfloat {
  clear: both;
  display: block;
  overflow: hidden; }

.funds_list p {
  text-indent: 0; }
.funds_list dt {
  float: left;
  clear: left;
  width: 5em;
  text-align: right;
  font-weight: bold; }
.funds_list dd {
  margin-left: 7em;
  padding: 0 0 0.5em 0; }


@media only screen and ( max-width: 720px ) 
{

	.event_container {
		margin-top: 0;
	}
	.home_content { width: auto; }
	.home_pictures { width: auto; text-align: center; }
	.home_pictures img { display: inline-block; }

.banner_image {
  margin: auto;
  text-align: center;
  float: none; }

.property_description {
  width: 100%;
  float: none; 
  padding: 3px; }
  .property_description img {
    display: block;
    height: auto; }

.property_info {
  margin: 0;
  padding: 1em;
  float: none;
  width: 100%;
  height: 100%;
  background: #74b885; }
  .property_info dl {
    padding: 0em; }
  .property_info dt {
    float: left;
    clear: left;
    width: auto;
    text-align: right;
    font-weight: bold; }

  .property_info dt:after {
    content: ":"; }
  .property_info dd {
    margin-left: 0;
    padding: 0; }

	body { margin: 0; }
	#page_wrapper {
		padding: 0;
	}
	#tagline { text-indent: 0; margin-right: 60px; }
	#header { padding: 0; }

	#quick_nav {  }

	#site_nav nav { text-align: left; }
	#site_nav li { text-align: left; }

	nav ul li { width: auto; }
	nav ul ul { width: auto; }

	#nav
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
		#nav > a {
			width: 40px;
			height: 40px;
			position: absolute;
			top: 10px;
			right: 10px;
		}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 50px;
		background-color: rgba(0,0,0,0.9);
		width: 100%;
		margin: 0; padding: 0;

	}
		#nav:target > ul
		{
			display: block;
		}
		#nav > ul > li
		{
			float: none;

		}
			#nav > ul > li > a
			{
				text-align: left;
				color: #fff;
				font-size: 1.25em;
				



			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: none;
					border-bottom: 1px solid #999;
				}


		/* second level */

		#nav li ul
		{
			position: static;
			padding: .5em; /* 20 */
			padding-top: 0;
			
		}

			#nav li ul a
			{
				font-size: 1em;
			}

}

@media only screen and ( max-width: 480px ) 
{
	#quick_nav { padding-right: 8px; }
	#quick_nav li { padding: .5em; font-size: .825em; }
}
@media only screen and ( max-width: 460px ) 
{
	#header .banner { width: calc(100% - 130px); }

	#quick_nav li { font-size: .825em; }

	#header .logo {
		padding: 15px 5px 0 5px;
	}

	.site_logo { width: 120px; }
	#tagline { font-size: 1em; }
}