body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(_themes/csshover.htc); background-color: #00A; color:#000;}
* {margin:0; padding:0;} 


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}  /*  a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


div#header {width: 770px; height:104px; text-align:center; margin-left:auto; margin-right:auto; margin-top: 15px; padding-top:2px; border-left: 4px outset #22A; border-right: 4px outset #22A; border-top: 4px outset #22A; background-color: white; color:black;}

div#motto { position:relative; top: 0px; right: 0px;   width:7em; display:block; font: 1.5em bold "comic sans MS",arial,sans-serif;  text-align:center; margin: .5em; float: right; /*border: 2px solid #0f0; */ border-top:2px solid #069; border-bottom:1px solid #069;}
		
div#content {position:relative; width:770px; margin-left:auto; margin-right:auto;  border-left: 4px outset #22A; border-right: 4px outset #22A;   background-color: white; color:black;}

div#column2 {position: relative; top: 0px; left: 150px; width: 466px; float:left; /*border: 2px solid #0f0; */}
div#column2 h1{font-size:1.4em; font-weight: bold;}
div#column2 h2{font-size:1.2em; font-style: italic; margin-left: 2em; margin-top: 1em }
div#column2 h3{font-size:1.1em; font-style: italic; margin-left: 2.5em }
div#column2 h5{font-size:.8em; margin-left: 2.5em }
div#column2 p {font-size:1em; padding: .25em; text-align: justify; font-family: times,serif; margin-bottom: 4px; }	
div#column2>p:first-letter{
	float: left;
	margin-top: 1px;
	padding-top: 2px;
	padding-right: 2px;
	font-size: 2.5em;
	font-weight: normal;
	color:#C00;
	background-color:#FFF;
	font-family: times, serif;}
div#column2 ol{/*width: 300px;*/ padding:2px 0;/* list-style-type: square;*/ list-style-position: inside; margin-left:50px; 
				} 	
div#column2 ul{/*width: 300px;*/ padding:2px 0; list-style-type: square; list-style-position: inside; margin-left:30px;} 
.caption {font-size: .8em; font-weight: bold; font-stretch: ultra-expanded; font-variant: small-caps;}				 	
/* this is for the press release on the index page*/
div#release {margin: 5px;
		padding: 4px;
		border: 5px double #111;
		font-family: times, serif;
		font-size: .9em
}		
div#release p{text-indent: 1em;}

div#column1 {position: relative; top: 0px; left: -466px; width:150px; float:left; /**/
			padding:.5em 0 0 0;  /*border: 2px solid #0f0;*/}
div#column1 img {border: 0;}
div#column1 p {font-size:.8em; padding: 1em; text-align:center;}

.gallery table {width: 100%}
.gallery td {text-align: center;}
.gallery img {
	border-left: 1px solid #B4B4B4;
 	border-top: 1px solid #B4B4B4;
	border-right: 3px solid #444;
 	border-bottom: 3px solid #444;
 	margin: 10px 0 10px 0;
	}

	
		

/* the vertical menu starts here */
div#listmenu {
	width:125px; 	/*  *changed****/
	float:left; /*makes the div enclose the list */
	border-top:1px solid #069;	/* draws line on top edge of div */
	font-size:12px;	/* SET FONT-SIZE HERE */
	background-color:#FFc;  /*	 color:#F33;  BG colo does not show up but is needed due to IE bug */
	margin-left:6px; 
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:125px;
}
div#listmenu li {
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFF; /*color:#F11; sets the background of the menu items keeps them from being transparent*/
	border-right:1px solid #069; /* creates dividing lines between the li elements */
	border-left:1px solid #069; /*the first vertical line on the menu */	/*  *ADDED****/
	border-bottom:1px solid #069; /*dividers on the menu */	/*  *ADDED****/
	}
div#listmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FEE; color:#F44; font-weight: bold;  /*sets the background of the menu items */
	}
div#listmenu a:link{
	padding: 2px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#F00;	/* sets the type color background-color:#00F; */
	}
div#listmenu a:visited { 
	padding: 2px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#C77;  /* background-color:#F00; no BG color only colors text not whole box sets the background of the menu items */
	}		
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:125px; /*  *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 */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	/*color:#F33;   ADDED - sets the background of the submenu items */
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

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

div#listmenu 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#listmenu ul li ul {
    border-top:1px solid #069; /*the top edge of the dropdown */
	}

/* END OF LIST-BASED MENU */

div#column3 {position: relative; top: 0px; right: 0px; width:150px; float:right; /*border: 2px solid #0f0;  border-top:2px solid #069; border-bottom:1px solid #069;*/ text-align: center;}
div#column3 p {font-size:.75em; padding: 1em 0em;}
div#column3 img {border: 0}
div#w3c a {cursor: help;}

/* Footer */
div#footer {width:770px; margin-left:auto; margin-right:auto; 
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:8px;  /* sets the font size of all links */
					/*text-align:center;  centers the ul elements in the div */
					border-right: 4px outset #22A; border-left: 4px outset #22A;  border-bottom: 4px outset #22A; 
					background-color: white;  color:black;/* sets the background color of the div */
					}
div#footer ul {margin:2px 0; list-style-type: square; list-style-position: inside;  /*color:red;  sets the color of the vertical lines */
} 
div#footer li {/*display:inline;  the key CSS - makes the lists display horizontally */
				/*border-left:2px solid #C00;  creates the vertical line to the left of each list items */
				/*color:;  sets the color of the vertical lines  - links colored below */
				padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
				}
div#footer li:hover {font-size: 11px;}			
/*div#footer li:first-child {border-left:0;}  removes the left border of the first list item - IDWIMIE */
div#footer ul li a {text-decoration:none;  /*removes the underlining off the links */
 					 background-color: white; color:red;  /*the color of the links */
					 }
div#footer ul li a:hover {text-decoration:underline;} /* underlines the links when hovered */
/* ...end of footer */
acronym {cursor: help;}
acronym[title]{ border-bottom: thin dotted;}