/*
Hibrix Palette
lime green B3DC1E
dark green 30695A
grey B3B3B3
alternate lighter lime green for menu: C5D85B  
*/
body 
{	
margin: 0;padding: 0;
color: #00549a ;
height: 100%; /* must have this or also child elements won't go 100% */
width:100% ;
font-size: .8em;  
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
background: #ffffff;  
}

h1, h2, h3  {
        margin: 1.1em 0;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
        color: #30695A  ;
		background-color: #ffffff ;
}

p {
line-height: 1.5em;
margin: 1.2em 0 ;
color: #00549a ;
background-color: #ffffff ;
text-align: justify;
}

.quote {
color: #ff6600 ; /* #80c14b */
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
line-height: 1.5em;
margin: 40px ;
padding: 2px;
text-align: left;
font-style: italic ;
font-weight: bold ;
font-size: 10pt ;
background-color: #ffffff ;
border: 0px solid #eeeeee;
}

#footer p {
	margin: 4px;
	color: #A5B5C6;
	background-color: #ffffff ;
	text-align: center;
	}
#footer {
        clear: both;
        font-size: 0.9em;
        text-align: right;
		color: #A5B5C6;
		background-color: #ffffff ;
}
a {
	color: #57A5AF ; /* # 34339B*/
	background-color: #ffffff ;		
	}
a:hover {
	color: #9C191E;	
	background-color: #ffffff ;
	}

hr {
	color: #A5B5C6;
	background-color: #ffffff ;
	height: 1px;
	}
a img {
	border: 0px none;
	display: block; 			/* removes extra space underneath caused by default text-alignment */
	}

div#top a {
	display: block;	/* makes the background hover effect work in Mozilla */
	width: 150px;	/* was 150 */
	color: #00549a ;
	background-color: #ffffff ;
	}

div#top a:hover {
	color: #00549a ;
	background-color: #43616B;
	}

.button {
	padding: 2px;
	font: bold small verdana, sans-serif;
	color: #fff;
	background-color: #5C6F90;
	border: 1px solid #000;
	}


/* 
------------------------------- layout ----------------------------- 
Notes:
Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)
The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html
IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!
Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%         |  1.5%  |				total width= 25%
*/

#top {
	padding: 0px;
	top: 0px;
	bottom: 80px ;
	color: #00549a ;
border-bottom: 1px ridge #00A9EC ;
/* background: #00584C url(images/header.jpg) repeat-x; */
background: #B3DC1E ; 
 	}

	/* top menu - across the top  */
#top_menu {position: absolute; right: 0px; top: 81px; left: 0px ; margin: 0px; padding: 0px; width: 100%;}
#top_menu table {width: 100% ; background-color: #30695A ;color: #00549a ;}
#top_menu td {border: 1px outset; text-align: center; white-space: nowrap; padding: 3px 0px; margin: 0px;} 
#top_menu a { padding: 2px 12px; color: #FFFFFF; background-color: #30695A ;text-decoration: none; font: bold 0.9em arial; text-transform: uppercase;}
#top_menu a:link {background-color: transparent; }
#top_menu a:visited {background-color: transparent;}
#top_menu a:hover {background-color: transparent; color: #30695A;}
#top_menu a:active {background-color: transparent;}
#top_menu a#page_1 {text-transform: none;}

#leftnav {
width: 155px ;
text-align: left ;
border: 1px outset;
}	
#left {
	position: absolute;
	padding: 0px;
	top: 104px;
	width: 140px ; 
	height: 100% ;
	color: #000000 ;
	background: #fff ; /*  dk 00584C lime C2D739 #CC5527  BA1128 ; */
	border: 0px solid #000000;
	}
	
#otherleft {
	padding: 5px;
	margin-left: 5px;
	margin-top: 15px;
	height: 100% ;
	background: #fff   ;
	color: #00549a ;
	border: 0px solid #ffffff;
	}

#news {
	position: absolute;
	width: 160px ;			/* why not 22%?  because at some sizes the rounding difference adds up to more than 100% and gives us a horizontal scroll bar */
	height: 250px;
	overflow: auto;
	margin-left: 75%;
/*	font-size: 10pt ; */
	padding: 0px 1.5%;
	top: 100px;
	color: #ffffff  ;
	background-color: #0092AA  ; /* (#0E72A4) #14AEEE  #0066CC rich medium blue */
	border: 1px solid #dddddd;
	}
div#topcontent {
	position: absolute ;
	top: 40px; 
	left: 100px ;
	height: 50px; 
	overflow: auto ;
	width: 80% ; 
  	}
#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.5em;
	}

#footer {
	clear: both;
	font-size: 9pt  ;
	text-align: center;
	background-color: #ffffff;
	color: #d5d5d5 ;
	}

#mycontent {
	margin-top: 40px ; 
	margin-left: 160px ; 
	margin-right: 40px ;
	padding: 0%;
	border-top: 0px ridge #d5d5d5 ; 
	border-bottom: 0px ridge #d5d5d5 ;
	color: #00549a ;
	text-align: justify ;
	background: #ffffff ;
	}
div#mycontent td {
	color: #30695A ;
	background: #ffffff ;
	}
div#mycontent th {
	color: #57A5AF ;
	background: #ffffff ;
	}

div#mycontent p {
margin: 20px  ;
}

div#mycontent h1 {
margin-left: 20px ;
font-size: 110% ;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color: #30695A ;
background: #ffffff ;
	}
div#mycontent h2 {
	margin-left: 20px ;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #0092AA  ; 
	background: #ffffff ;
	}
div#mycontent h3 {
margin-left: 20px ;
font-size: 90% ; 
color: #B3DC1E  ; /* also #80c14blime green */
background: #ffffff ; 
	}

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #ffffff ;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	/*padding: 6px 6%; */
	padding: 3px 6% ;
	background-color: #b3b3b3 ;  /* HIBRIX LIME GREEN B3DC1E  */
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000000 ;
	text-decoration: none;
	width: 100%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #30695A ; /* #C2D739  ; */
	color: #ffffff ; /* #0066cc ; */
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid #d5d5d5 ;
	}

ul#mainnav ul.subnav li {
	border: 0px solid #d5d5d5 ;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	list-style: none;
	margin: 0px;
	font: bold 0.7em /1.5 verdana, sans-serif;
	color: #ffffff ;
	background-color: #ffcc00 ;
	border: 0px solid yellow;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: #ffcc00;
	text-decoration: underline;
	}
	
div#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.2em;
/*	border:1px ridge #d5d5d5 ; 
	border-left: 1px solid #cccccc; */	
	
	}
div#topcontent ul li.first  {
border-top: 1px solid #7ECeF4;
	border-left: 0px #d5d5d5 ;
	}
div#topcontent ul li a {
	margin: 0px 0px 0px 0px;
/*	padding: 6px 6%; */
padding: 10px 10px ;
	background-color: #FFFFFF ; /* dr 153976 14AEEE */
	font: bold 9pt /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #00549a ;
	text-decoration: none;
	letter-spacing: 12px ;
	border-left: 1px ridge #d5d5d5 ;
	width: 100%; 				
	}
div#topcontent li a:hover {
	background-color: #d5d5d5 ;
	color: #0066cc ;
	}

div#topcontent form {
	position: absolute;
	right: 0px;
	top: 55px;
	margin: 0px;
	}
	
	/* news stuff */
	.latestarticle {
	margin-bottom: 0px;
	}
	
.headshot {
	display: inline;
	float: left;
	margin: 0px 0.5em 0.5em 0px;
	}
	
p.latestarticle a {
	clear: right;
	font: bold small Verdana, sans-serif;
	}

.date {
	display: block;
	text-align: right;
	color: #A5B5C6;
	font: x-small Verdana, sans-serif;
	}

.author {
	display: block;
	color: #5C6F90;
	font: x-small /2 Verdana, sans-serif;
	}