﻿	
	body {
		behavior:url("csshover.htc");
		background-color: #f5f5f5;
		color: #333333;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 13px;				/* "PIXELS" must be used to lock up TEXT SIZE option in IE browser menu */
		margin: 0px;
	}

								/* ------------------------- the DROPDOWN menu -----------------------------------  */

	#hpmenu {
	position: absolute; 					/* Positions the menu on Home Page */
	top: 168px;
	left: 94px;
	font-family: verdana;
		}


		ul, li {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	
	ul {								/* Default style for lists */
		width: 200px;
		background: transparent;
		list-style: none;
		text-align: right; 
		}

	li {								/* Default style for list items */
		position:relative;
		padding-bottom: 2px;
		z-index:9; 
	}
	
	li.m_item	{							/* style for Main Menu list item */
		font-size: 1em;
		font-weight:bold;
		border-bottom: 1px solid #cccccc; 
		padding-left: 0;
		padding-top:3px; 
		padding-bottom:4px; 
		z-index:8; 
	}		


	li.m_item ul {							/* Style for Submenu list */
		position:absolute;
		font-weight:normal;
		font-size:.9em; 
		text-align: left;
		background-color: #ffffff;
		padding: 5px;  
		padding-left:15px;
		border: 1px solid #cccccc;
		left: 195px; 						/* IE fix for margin */
		top: 1px;
			}		
	li.m_item>ul { left:205px; } 						/* margin for all other browsers */

	a {								/* Default style for links */
		text-decoration:none;
		color:#000066;
		font-family: arial;
		width:100%;  						/* IE fix for width  THIS WILL MESS UP THE NAV BAR HEADER BY CREATING A BLOCK. See fix below.  */
	}
	li>a { width:auto; } 							/* width for all other browsers */


	li.m_item a:hover {							/* Hover link style for main menu items */
		color:gold;
		background-color:darkblue;
	}
	
	ul.submenu  a:hover {						/* Hover link style for submenu items */
		color:darkblue;
		background-color:gold;
	}	

	/* hovers with specificity */
	
	li.m_item:hover { 
		z-index:10; 
	}		
		
	ul ul, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}


	.hp {	
		position:relative; 
		background-image: url(images/page1top.jpg);  		/* ---------------- Background Image ----------------------- */
		background-repeat: no-repeat; 
		width: 800px; 
		height: 140px; 
		top: 0px; 
		left: 0px; 
		margin: auto;
	}



	#navheader {							/* --------------------------Navigation Header (HP, Site Map, Search) ---------------------------------- */
		top: 0px; 
		border-bottom: 1px #000000 solid;
		background-color: #000066; 
		height: 26px;
		padding-left: 125px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin: 0;
 }



	 #navheader a:link, #navheader  a:visited {
		position: relative;
		float: left;
		display: inline;
		font-family: verdana;
		color: gold;
		font-variant: small-caps;
		font-weight: bold;
		left: 0px;
		font-size: .85em;
		text-decoration: none;
		background-color: #000066;
		border-left: solid 1px gold;
		padding: 3px 10px 3px 10px;
		text-spacing: .1em;
		margin: 5px;
		width: auto;			/* IMPORTANT: Leave this in to compensate for the IE fix for dropdown menu */
}


	#topicsheader {         				 /* ----------------- Sections,  Membership,  Foundation  ------------------------------------------ */
		position: absolute;
		display: inline; 
		top: 96px;
		left: 310px;
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 6px;
  	}


	#topicsheader a:link, #topicsheader  a:visited {
		width: auto;
		position: relative;
		float: left;
		font-family: verdana;
		font-variant: small-caps;
		font-weight: bold;
		font-size: .85em;
		color: #A4BD88;
		text-decoration: none;
		border-left: solid 1px #cccccc;
		padding: 2px 7px 2px 7px;
		margin: 0;
	}

	#topicsheader a:hover {
		background-color: darkblue;
		color: gold;
	}



	.announce {				/* ----------------- Announcements  ------------------------------------------ */
	display: inline;
	width: 325px;
	position: absolute;
	left: 329px;
	top: 194px;
	line-height: 1.1em;
	font-size: .9em;
	font-family: arial;
	font-weight: normal;
	color: #333333;
	text-align: center;
	background-color: #f5f5f5;
	padding: 6px;
	padding-top: 4px;
	border: solid 1px #99cc66;
	}



	.helpwanted {				/* ----------------- Help Wanted  ------------------------------------------ */
		display: block;
		width: 20em;
		position: absolute;
		left: 335px;
		top: 405px;
		line-height: 1.1em;
		font-size: .75em;
		font-family: arial;
		font-weight: normal;
		color: #333333;
		text-align: center;
		background-color: transparent;
		padding: 6px;
		padding-left: 3px;
		padding-top: 6px;
		padding-bottom: 0;
	}



	.imgtxt {
		position: relative;
		float: left;
		line-height: 1em;
		text-spacing: .25em;
		text-align: left;
		background-color: transparent;
		padding: 1px;
		margin-left: 1.4em;
	}


	.inthenews {				/* ----------------- In the News  ------------------------------------------ */
	display: inline;
	width: 111px;
	position: absolute;
	line-height: 1.1em;
	font-family: arial;
	font-weight: normal;
	font-size: .9em;
	color: #333333;
	text-align: left;
	background-color: transparent;
	padding: 3px;
	top: 153px;
	left: 370px;
	height: 96px;
	}


	.hpfooter  {					/* ----------------- Footer with Credits  ------------------------------------------ */
		display: inline;
		position: absolute;
		width: 475px;
		top: 600px;
		left: 350px;
		font-type: verdana;
		color: #999999;
		font-weight: normal;
		font-size: .85em;
		text-align: center;
		border-top: double 3px #cccccc;
		padding: 3px;
		margin-top: 20px;
	}


	#Wanted: {
		url(a href="confreg.htm#Wanted:");
	}



	.reglink a:link, .reglink a:visited, .reglink a:active {		/* -------------------------- Code for regular inline links -------------------------------------------------------------------- */
		display: inline;
		text-decoration: none;
		text-align: left;
		color: blue;
		background-color: transparent;
	}


	.reglink a:hover {
		text-align: left;
		text-decoration: underline;
	}



	p {						/* -------------------------------------- Paragraph Style  ----------------------------------------------------------------------------------------------- */
		text-align: left;
		line-height: 1.2em;
		padding-left: 10px;
		margin: 10px;
	}


	a:link img {
		border-style: none;
	}

	a:visited img {
		border-style: none;
	}

	.hphdr {
		font-size: 1.2em;
		color: #333333;
		font-style:italic;
		font-weight: bold;
		padding-bottom: 10px;
	}



/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
