body      { background-color: white;
            color: black; 
			padding: 0; 
			margin: 0;
			font-family: "MS Sans Serif", verdana, arial, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-style: italic;
            color: black; }
h1 { font-size: 16pt; }	
h2 { font-size: 14pt; }	
h3 { font-size: 12pt; }	

p { margin-top: 16px; }

.banner { color: white; background: black }
.green { color: #00CC00; }
.red { color: #FF0000; }
.blue { color: #0000FF; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.highlight { text-decoration:underline;
              font-weight: bold; }
.bluebold { color: #0000FF;
			font-weight: bold; }
              
div.greenbox
{
	border-style: solid;
	border-color: #008000;
	border-width: 4px;
	padding: 8px 15px 8px 15px;
	margin: 30px;
	font-size: larger;
}

/* ARPF Masthead Settings...include full path for Netscape bug */			
div.masthead { position: absolute;
		   top: 0; 
		   height: 118px; 
		   width: 100%;
		   background: url("images/arpfbanner_colorlogo.jpg") no-repeat; }
           
/* ARPF Main Section Settings ..... top= logo height + menu height (40px) */			
div.main { position: absolute;
		   top: 153px;
		   text-align: left; }

/* ARPF Content Pages Settings ..... top= logo height */			
div.content { position: absolute;
		   top: 118px;
		   text-align: left; }
           
/* ARPF Memo Pages Settings ..... top= logo height + 5 extra */			           
div.memo { position: absolute; 
		   top: 123px;
           text-align: center; }
           
/* ARPF Memo Pages Settings */			           
div.memofooter { position: absolute;
           width: 80%;
           text-align: center;
           font-size: 10pt; }
           
/* Margin set in separate class for IE 5.5 box bug */
div.margin { margin: 2px 5px; }
				
/* Main Page Settings 2 values: top-bottom right-left */
div.features { margin: 2px 5px; 
			   padding: 2px 5px; }

div.bulletins { margin: 0px 5px; 
				padding: 0px 5px; }

/* Search Section Settings 		*/	
div.search { position: absolute;
				top: 70px; 
				left: 70%;
				background: white; }

/* cleardiv and clearright are not used....why are they here?????  */
div.cleardiv { clear: both;
			height: 1em; }
div.clearright { clear: right;
			height: 1em; }

/* ARPF Board Listing Settings..... only used in board.htm */
#board ul { list-style-type: none;
               margin-top: 2em; }
			   		
/* Left Image Float Settings */
img.left { float: left;
			border-width: 0;
			margin-right: 10px; }

/* Right Image Float Settings */				
img.right { float: right;
			border-width: 0;
			margin-left: 10px; }			
				
/* Menu Bar classes */	
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem { color: black;
  font-family: "MS Sans Serif", verdana, arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal; }

div.menuBar { background-color: #336699;
  border: 2px outset #336699;
  padding: 4px 2px 4px 2px;
  text-align: left; }

div.menuBar a.menuButton { background-color: transparent;
  border: 1px solid #336699;
  color: white;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100; }

div.menuBar a.menuButton:hover { 
  background-color: transparent;
  border: 1px outset #336699;
  color: white; }

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover { 
  background-color: #5050f0;
  border: 1px inset #336699;
  color: white;
  left: 1px;
  top: 1px; }

div.menu { background-color: #336699;
  border: 2px outset #336699;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101; }

div.menu a.menuItem { color: white;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap; }

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #5050f0;
  color: white; }

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em; }

div.menu div.menuItemSep {
  border: 1px inset white;
  margin: 4px 2px; }

/* Calendar Styles */
table#calendar a {text-decoration: none;}
table#calendar td {vertical-align: top;
   border: 1px solid gray;
   border-color: #BBB #EEE #EEE #BBB;}
table#calendar a {display: block; margin: 0;}
table#calendar a:link {color: black;}
table#calendar a:visited {color: black;}
table#calendar a:hover {background: #DDD;}   /* gray */
.event {margin: 0.5em;}
.event span {display: block;}
.date {float: right; text-align: center;
   border: 1px solid gray; border-width: 0 0 1px 1px;
   padding: 0.125em 0.25em 0 0.25em; margin: 0; 
   background: #F3F3F3;}
.holiday {background: #FF6;}     	/* yellow */
.plantremove {background: #FCC;}	/* red */
.cleanup {background: #6F6;}        /* green */
.volday {background: #CCF;}         /* blue */
.keydate {font-weight: bold; background: #3FF;}        /* turquoise */
.emphasis {font-size: 80%; font-style: italic;}
.monthrow {color: #CCE; background-color: #224;
   font-weight: bold; text-align: center;
   padding: 1px 0.33em;}
.yearrow { background: #AAC; color: black;
   border: 1px solid #242; font-size: 120%; }

/* Salmon Form Styles */
.salmonwaves { background: transparent url(images/salmon_festival_bkgd.gif) no-repeat; 
  		width: 531px; 
  		height: 98px; 
		padding: 40px 0px 40px 50px; }

/* Cleanup Styles */		
div.garcu { background: transparent url(images/tireturtle.jpg) no-repeat;
		margin: 2px 5px; 
		padding: 2px 5px; 
		width: 612px;
		height: 948px;
		text-align: center;
		}
				
h1.garcu { font-size: 200%;
		font-weight: bold; }		

div.garcuinfo { background: transparent url(images/cigegret.jpg) no-repeat;
		margin: 2px 5px; 
		padding: 2px 5px; 
		width: 672px;
		height: 1044px;
		}

h1.garcuinfoheader { font-size: 200%; 
		font-style: none; 
		text-align: center;
		margin: 0;
		padding: 1px; }		
		
h2.garcuinfoheader { font-size: 125%; 
		font-style: none;		
		text-align: center; 
		margin: 0;
		padding: 1px; }		
		
h1.garcuinfo { font-size: 200%; 
		font-style: none;	
		margin: 0;
		padding: 4em 0 0; }		/# large top margin to force Participate down and no bottom margin  #/
	
h2.garcuinfo { font-size: 125%; 
		font-style: none;	
		margin: 0;
		padding: 1px; }		
		
/* American River Parkway 1/2 Marathon */	
div.marathonmasthead { position: absolute;
		   top: 0; 
		   height: 118px; 
		   width: 100%;
		   background: url("images/marathonbanner.jpg") no-repeat; }