/*CSS Document*/
* {margin:0; padding:0;   }

body { color:#000000; font-family:Arial, Helvetica, sans-serif; height:100%;  background-color:#008270;
	background-repeat:repeat; text-align:center;}

a {text-decoration:underline; color:#000000;}

div#bodywrap {width:780px;  margin-top:0; padding:0;  
		 background-color:#008270; background-image:url(../img/bodymainback3.gif); 
		background-repeat:repeat-y;  margin-right:auto; margin-left:auto;}

div#top {background-color:#234435; height:122px; margin:0; }
	div#top h1 {text-align:right; font-size:170%; color:#FFFFFF; margin:0px 10px 5px 0; font-variant:small-caps; clear:right; 
		font-weight:bold; padding-top:10px;}
	div#top h2 {text-align:right; font-size:130%; color:#FFFFFF; margin:0px 10px 5px 0; font-variant:small-caps; clear:right;
		font-weight:bold; }
	*div#topimg {float:left;  width:200px; height:120px; margin-left:10px; margin-top:-124px;}
	div#topimg {float:left;  width:200px; height:120px; margin-left:10px; margin-top:-124px;}

* html div#topnav {background-color:#000000; margin:0;  color:#CCCCCC;  width:100%; height:40px;}
div#topnav {background-color:#000000; margin:0;  color:#CCCCCC;  width:100%; height:35px; margin-top:-32px;}


div#flashframe {height:150px;  width:780px;  border:0; background-image:url(../img/bodymainback3.gif); 
		background-repeat:repeat-y;  }






.contentwrap {width:100%; float:left;  padding:5px 5px 10px 30px; text-align:left; background-image:url(../img/stackedpanes2.jpg); background-repeat:repeat-y; background-position:left;}
	.contentwrapimgcenter {width:500px; margin-right:auto; margin-left:auto; padding-left:40px;}
	.contentwrap p {  text-align:left; margin:5px 3px 10px 40px;  font-size:90%; }
	.contentwrap ul { margin-left:0; padding-left:0; text-align:left;}
	.contentwrap li { clear:left; list-style-type:disc; margin-left:55px; padding:3px 0; font-size:90%;}
	.contentwrapleft {width:500px; float:left;  margin-left:30px; margin-top:20px;}
	.contentwrapright {width:215px; float:right;  margin-left:10px; margin-top:10px;}
		.contentwrapwide {width:90%; float:left;  margin-left:30px; margin-top:20px; }
		 .contentwrapwide p{clear:none;  text-align:left; margin:5px 3px 10px 10px;   font-size:100%; width: 98%; }
		h6.contentwrapwide {text-align:left; font-size:110%; width: 95%; font-weight:bold; margin:5px 3px 10px 40px;}
	.contentwrap h1 {text-align:left; padding:0 0 0 30px; width:90%; font-size:160%; text-decoration:underline;}
	.contentwrap h2 {text-align:center; font-size:105%; padding:5px 0 5px 30px;  width:98%; float:left;}
	.contentwrap h3 {text-align:center; font-size:135%; padding:5px 0; text-decoration:underline;}
	.contentwrap h5 {text-align:left; font-size:80%; width: 90%; font-style:italic; font-weight:bold; margin:5px 3px 10px 40px; padding: 0 20px 0 0;}
	.contentwrap h6 {text-align:left; font-size:110%; width: 90%; font-weight:bold; margin:5px 3px 10px 40px; padding: 0 20px 0 0;}
	.contentwrap iframe {border:4px solid #234435;}
	.contentwrap p:first-letter {font-size:120%;  font-weight:bold;}
	.contentwrapbox1 {width:200px; border:1px solid black; background-color:#955d61; float:right; clear:right; 
		  padding:5px 3px; font-weight:bold; text-align:center;}
			.contentwrapbox1 p{font-size:75%; text-align:center;  width:100%; margin-right:auto; margin-left:auto; margin-top:3px;
			margin-bottom:1px;}

	.contentwraplefttext {width:98%; text-align:center;  font-size:105%; margin:0px 2px 0 2px;}
	.contentwraplefttext1 {width:98%; text-align:center;  font-size:105%; margin:0px 2px 5px 2px;}

	.contentwraplefttext2 {width:98%; text-align:center;  font-size:105%; margin:-2px 2px 8px 2px;}
		.contentwraplefttext3 {width:98%; text-align:center;  font-size:105%; margin:-8px 2px 8px 2px;}

	.contentwraplefttextheading {width:98%; text-align:center;  font-size:125%; margin:3px 2px; text-decoration:underline; font-weight:bold;}
	
	.imghalf {float:right; width:45%;  margin:0 5px 10px 5px; text-align:center;}
	.caption {width:90%; text-align:center; margin:0 auto; font-weight:bold; font-size:85%;}
	.contentwrapimgbox {width:90%; float:right; text-align:center;}
	.contentwrapimgbox img{margin:5px 5px;}
	.event {width:100%; float:left; font-size:80%; margin:2px 0; padding:0 0 0 0px; font-weight:bold; text-align:center;}
	.eventheading {width:100%; float:left; font-size:100%; margin:2px 0; padding:0 0 0 0px; font-weight:bold; text-align:center;}
	.eventbox {width:60%; float:left; margin:10px 0 20px 35px;}
	
	.contentbox {width:225px; float:left; clear:none; margin: 20px 15px 0 15px; border:0px solid black; min-height:100px; text-align:center;}
	.contentboxp {text-align:center; clear:left;  font-size:80%; width:99%; border:0px solid black;}
	.imgcentered { margin:10px auto; text-align:center; clear:none;  }
		
		
		div#contentwrapwide img {float:left; border:2px solid black; }
		
	



.innercontentwrap {width:80%;  margin-left:40px; padding:10px 0; background-position:right;}
	.innercontentwrap p {margin:8px 0;}
	.innercontentwrap h2 {margin:10px 0; font-weight:bold; font-size:130%;}
	
	div#bodymain { width:630px; float:right; text-align:left;}
	div#bodymain img {width:200px; height: 300px; border:4px solid #234435;   margin:25px 40px 25px 40px;
		display:inline; float:right;}
	
	


	.img {width:200px; height: 300px; border:4px solid #234435;   margin:25px 40px 25px 40px;
		display:inline; float:right;}
	.img2 {width:200px;  border:4px solid #234435;   margin:15px 20px 15px 20px;
		display:inline; float:right;}
	.img3 {width:150px;  border:4px solid #234435;   margin:15px 20px 15px 20px;
		display:inline; float:right;}
	.img4 {width:200px;  border:4px solid #234435;   margin-top:8px;
		display:inline; float:right; clear:right;}
	.img5 {width:200px;  border:4px solid #234435;   margin:15px 5px 15px 35px;
		display:inline; float:left; clear:left; background-color:#008270}
	.img6 {width:200px;  border:4px solid #234435;   margin:15px 5px 15px 5px;
		 float:right;  background-color:#008270}
	.img7 {width:350px;  border:4px solid #234435;   margin:15px 5px 15px 5px;
		display:inline; float:right; clear:right;}
	.img8 {width:135px;  border:4px solid #234435;   margin:15px 5px 15px 5px;
		display:inline; float:right; clear:right; text-align:center;}
	.imgcaption {width:80%; margin:0 auto; font-weight:bold; text-align:center; font-size:85%; padding:3px; background-color:#008270;}


	div#bodymaininfo {width:700px; padding:5px 10px; float:left;  }
	div#bodymain p {float:left;  }
	div#bodymain1column {width:95%; float:left; margin:8px 5px; padding:5px 0 5px 7px;}
		div#bodymain1column p {text-align:left;}
	div#twocolumnleft {width:20%; margin:0 10px 0 5px; float:left;  padding:5px 0 5px 7px; font-size:80%;}
	div#twocolumnright {width:70%; margin:0 5px 0 5px;  float:right; padding:5px 0 5px 7px;  }
div#leftnav {width:100px; color:#000000; padding-left:20px; float:left; background-image:url(../img/stackedpanes2.jpg); background-repeat:repeat-y; background-position:left; }


div#bottom {width:100%; background-color:#008270; height:100px; border-top:1px solid black; clear:both;  margin-right:auto;
	margin-left:auto; }
	div#bottom img {height:90px; display:inline; float:left; margin: 5px 8px 5px 8px; float:right;}
	div#bottominfo {width:65%; height:90px; float:left; padding:3px;}
	div#bottominfo p {font-size:70%; margin:3px 0; text-align:center;}

	.bodymaininfo {width:700px; padding:5px 10px; float:left;  }
	.bodymain p {float:left;  }
	.bodymain1column {width:95%; float:left; margin:8px 5px; padding:5px 0 5px 7px;}
		.bodymain1column p {text-align:left;}
	.twocolumnleft {width:20%; margin:0 10px 0 5px; float:left;  padding:5px 0 5px 7px; font-size:80%;}
	.twocolumnright {width:70%; margin:0 5px 0 5px;  float:right; padding:5px 0 5px 7px;  }
.leftnav {width:100px; color:#000000; padding-left:20px; float:left; background-image:url(../img/stackedpanes2.jpg); background-repeat:repeat-y; background-position:left; }

div#bottom {width:100%; background-color:#008270; height:100px; border-top:1px solid black; clear:both;  margin-right:auto;
	margin-left:auto; }
	div#bottom img {height:90px; display:inline; float:left; margin: 5px 8px 5px 8px; float:right;}
	div#bottominfo {width:65%; height:90px; float:left; padding:3px;}
	div#bottominfo p {font-size:70%; margin:3px 0; text-align:center;}


<!--dropdownmenubegins-->
body {behavior:url("/css/csshover2.htc"); }


div#listmenu {
	width:80%;	float:right;
	font-size:75%; 
	background-color:;
	margin:5px 0 0 0;
	padding:0 0 0 0; 
	}

div#listmenu ul {margin:0 0 0 0;
	border:0px solid #000; 
	}

div#listmenu li {float:right; color:#FFFFFF;
	position:relative; 
	background-color:#000000;
	list-style-type:none;
	border-right:0px solid #000;
	border-top:0px solid #000;
	border-bottom:0px solid #000; margin:0 10px;
	}

div#listmenu li:first-child {
	
	}

div#listmenu li:hover {background-color:#000; color:#FFFFFF;
	}

div#listmenu a {
	display:block; text-align:left;
	padding: 2px 6px;
	text-decoration:none;
	color:#FFFFFF;
	}

* html div#listmenu ul {
	
	border-left:0px solid #000;
	margin-left:0px;
	}

div#listmenu a:hover {
	background-color:#008270; background-image:url(../img/hoverback.gif); background-repeat:repeat; color:#000000;
	}

div#listmenu ul li ul {
	margin:0; 
	position:absolute;
	width:175px;
	left:-10px;
	}

div#listmenu ul li ul li {
	width:100%; 
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	}

div#listmenu ul li ul li:first-child {
	
	}

body div#listmenu ul li ul {display:none;}

div#listmenu ul li:hover ul, div#listcontainer ul li ul:hover {display:block;}

* html  div#listmenu ul li ul {
	border-top:1px solid #000;
	border-left:0px;}

body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:5px;
	}


.clearfix {display:block;}

/* THE HACK ZONE - */

* html div#listmenu {
	padding:0 0 0 135px;
	} 

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #000;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */

<style type="text/css">
/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("css/ie51_menu_hack.css"); 





<!--horizontalmenu-->

div#gburglistmenu {
	width:99%; padding:0px 0 0 0px; margin-left:15px; padding-left:20px;
	float:left; /*makes the div enclose the list */
	border-top:0 solid black;	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;	 /* draws line on bottom edge of div - removed as we now have dividers */
	font-size:70%;	/* SET FONT-SIZE HERE */ font-family:Arial, Helvetica, sans-serif;
	background-color:#008270; /* colors the div */
	}
	
*html div#gburglistmenu	{margin-left:3px}
	
div#gburglistmenu ul {margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:99%; padding:0; 
}
div#gburglistmenu li {
	/*float:left;	/* causes the list to align horizontally instead of stack */ 	/*  *changed****/
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#008270; /*sets the background of the menu items */
	border-right:0px solid #000; /* creates dividing lines between the li elements */
	border-left:0px solid #000; /*the first vertical line on the menu */	/*  *ADDED****/
	border-bottom:0px solid #000; /*dividers on the menu */	/*  *ADDED****/
	border-top:0px solid #000;  margin-left:0; padding:2px 0 2px 0; font-size:107%;
	}
div#gburglistmenu li:first-child {
	border-left:0px solid #000; /*the first vertical line on the menu */
	}
div#gburglistmenu li:hover { 
	background-color:#008270; background-image:url(../img/hoversmall.gif); /*sets the background of the menu items */
	}
div#gburglistmenu a {
	padding:0px 2px 0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000;	/* sets the type color */
	font-weight:bold; display:block; margin-bottom:0px; font-size:80%; text-align:left; margin:0px 0;
	}
div#gburglistmenu a:hover {
	color:#000; background-image:url(../img/hoversmall.gif);
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#gburglistmenu ul li ul {
	 /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:100px; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:125px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	top:-1px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:-2px; /*aligns the drop exactly under the menu */ font-size:95%; text-align:left; background-color:#008270;
	}
div#gburglistmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0px solid #000; /*  three sides of each drop-down item */
	border-bottom:1px solid #000;
	border-right:0px solid #000;
	background-color:#008270; /* ADDED - sets the background of the submenu items */
	}

div#gburglistmenu ul li ul li a:hover {background-image:url(../img/hoverback.gif);}
div#gburglistmenu ul li ul li:first-child {
	border-top:0px solid #000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#gburglistmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#gburglistmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#gburglistmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#gburglistmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */

div#gburglistmenu ul li ul li ul {left:0px;} /*aligns the sub-pop next to the pop - added for side version */

/* HACK ZONE - on hack only for IE */
* html div#gburglistmenu ul li ul {
    border-top:0px solid #000; /*the top edge of the dropdown */
	}
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:0px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0; /* IE doubles the given value above - why? */ margin-top:0px; margin-bottom:0px;
	}


/* END OF LIST-BASED MENU */
 .clearfix:after {
 	content:"."; display:block; height:0; clear: both; visibility:hidden;}
	.clearfix {display: inline-block;}
	* html .clearfix {height:1%;}
	.clearfix {display:block;}