*{ padding:0; margin:0; }
@-ms-viewport{  /*to make it easier for mobile devices with smaller screens to view pages fully*/ 
    width: extend-to-zoom;
    zoom: 1.0;
}
body{ /*text-align:center;*/}
#wrapper{
		min-width:800px;
		width:100%;
		min-height:100%;
		/****** green side bar for deco
		background-image: url("../graphics/background_color.gif");
		background-repeat:repeat-y;
		******* not needed anymore ****/
		/*border:solid;*/}
#header{ 
		/* border:solid; */
		width:100%;
		min-width:900px;
		height:170px;}
		
#logo_image{
		float:right; 
		/*border:solid;*/
		position:relative;
		z-index:999;
		padding-top:40px;
		}
#main_logo{
		/* border:solid; */
		/*width: 80%;*/
		text-align:center;
		background-color:white;}

a{text-decoration:none;}
a:visited {color:blue;}
a:hover {color:#FF7E4D;}

#nav {	/*navigation frame*/
	/* border:solid; */
    height:50px;
    width:100%;
    min-width:900px;
    z-index:99;
	background-color: #039832;
    }

.navbar{ /*navigation toolbar*/
    /* border:solid; */
	min-width:700px;
    height:50px;
    padding:0;
    margin:0;
    z-index:888;  /* navigation bar not blocked by any content */
    position:absolute;
    border-right:1px solid #14973D;
    }

.navbar li{ /*navigation toolbar's list of selections*/
    /* border:solid; */
    height:auto;
    float:left;
	display: block;
    text-align:center;
	list-style-type: none;
    width:170px;
    padding:0;
    margin:0;
	font: normal bold 16px/0.80em Arial, Verdana, Helvetica;  
	text-transform:uppercase;}

.navbar a{   /*actions taken by the links in the toolbar*/
	/* border:solid; */
    padding: 18px 0;
    border-left:1px solid #14973D;
    border-right:1px solid #03822A;
    color:white;
    display:block;}

.navbar li:hover {background-color:#03822A;}

.navbar li ul {
	/* border:solid; */
    display:none;
    height:auto;
    margin:0;
    padding:0;}

.navbar li:hover ul {display:block;}
.navbar li:active  ul {display:block;}

.navbar li ul li {background-color:#03822A;}

.navbar li ul li a{
		/* border:solid; */
		border-left: 1px solid #03822A; 
		border-right: 1px solid #03822A; 
		border-top: 1px solid #14973D; 
		border-bottom: 1px solid #03822A;}
		

.navbar li ul li a:hover {background-color:#039832;}

#content{
		/*border:solid;*/
		width:90%;
		height:100%;
        min-width: 700px;
		/*padding: 10px;*/}
		
#content p, #content td,
#footer p, #footer img, #footer td{
	vertical-align:text-top;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px; 
	/*border:solid; */}

.content_heading{
	width:100%;
	font-size: 1.9em;
	color:#333333;
	margin-top:70px;
	margin-bottom:30px;
	margin-left:10%;
	font-family: Copperplate / Copperplate Gothic Light, sans-serif;}

.slideshow_center{ 	/* for slideshows that don't take up the whole width of the screen */
			margin-left: 10%;
			margin-right: 10%;
			text-align:center;
			position:relative;
			/* border:solid; */}

.slideshow_fill { /* for slideshows that take up the whole width of the screen */
		text-align:center;}

.text{
	width: 90%;
	min-width:300px;
	margin: 4%;
	font-family: Tahoma, Verdana, Segoe, sans-serif;
	font-size: 1.2em;}

.image{
	position:relative;
	float:right;}
	
#news_calendar{
	width: 100%; 
	min-width:400px;
	margin-left: 5%;
	float:left;
	position:relative;
	right: 50% /* or left -50%*/
	text-align: right;
	font-family: 'Merriweather', serif;
	font-size: 1.1em;
	}

.date_text{
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	color:red;
	padding-bottom:10px;

	}

/******* these two might be substituted with one column design that scales ******/
/******* Only used by the about us & calendar page as of Oct 2014, can be replaced as necessary ******/ 
#first_column { 
		width: 90%;
		min-width:350px;
		margin: 5%;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		font-size: 1em;
		/* border:solid; */}
#second_column { 
		width: 90%;
		min-width:350px;
		margin: 5%;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		font-size: 1em;
		/* border:solid; */}

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

#footer {
		/* border:solid; */
		/*white-space: nowrap;*/  /* this was removed so that the content/logos can flow to the next row if the page is shrunk */
		overflow:hidden;
		color:white;
		background-color: #039832;
		width:100%;
		min-width:900px;
		height:130px;}
#first_footer {
		width:100%;
        min-width:200px;
		margin-left: 30%;
		margin-right: 10%;
		margin-top:20px;
		margin-bottom: 20px;
		font-family: Arial, Verdana, Helvetica;
        font-size: 1em;
		/* border:solid; */}
#second_footer {
        width:100%;
        min-width:200px;
		font-family: Arial, Verdana, Helvetica;
		margin-top:20px;
		margin-bottom: 20px;
        font-size: 1em;
		/* border:solid; */}
#third_footer {
        width:100%;
        min-width:500px;
		margin-left: 5%;
		font-family: Arial, Verdana, Helvetica;
		margin-top:20px;
		margin-bottom: 20px;
        font-size: 1em;
		/* border:solid; */}
		
/* Horizontal list of logos that flows to the next line if it reaches the end of the page */
#logo_list li {			
		list-style-type:none;
		display:inline;
}
		
#sitemap {
	list-style-type: square;
}
#sitemap li{
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;}