/* html, body definitions */
html 
{ 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
} 

body
{	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	background-color: #EEFFEE;
	padding: 5px 0px 0px 0px; 
	margin: 5px 0px 0px 0px;
	text-align: center;
}

/* navigation (menu) */
/* topnav is the id of the table enclosing the mainmenu */
#topnav
{
	width: 639px;
	height: 22px;
	vertical-align : middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height : 120%;
}

/* mainz is the id of the last right-most mainmenu element */
#topnav #mainz
{
	padding-right: 10px;
	vertical-align : middle;
}

.mainmenu
{
	background-color: #FFCC66;
	color: #993333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 11px;
	height: 22px;
	vertical-align : middle;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


#topnav a.mainmenu:link
{	text-decoration: none;
	color: #996699;
	background-color: transparent;
	vertical-align: middle;
	cursor: pointer, hand, default;
}

#topnav a.mainmenu:visited
{	text-decoration: none;
	color: #996699;
	background-color: transparent;
	vertical-align: middle;
	cursor: pointer, hand, default;
}

#topnav a.mainmenu:hover
{	text-decoration: none;
	color: #993399;
	background-color: transparent;
	vertical-align: middle;
	cursor: pointer, hand, default;
}

#topnav a.mainmenu:active
{	text-decoration: none;
	color: #996699;
	background-color: transparent;
	vertical-align: middle;
	cursor: pointer, hand, default;
}

/* leftnav is the id of the table enclosing the submenu */
#leftnav
{
	width: 125px;
	padding: 0px;
	background-image: url(/images/leftnav-bkgd-park.jpg);
}

.submenu
{	background-color: #FFE0A5;
	color: #993333;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 170%;
	text-align: left;
	text-indent: 7px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.submenuimg
{	background-color: #FFE0A5;
	color: #CC6666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
}

#leftnav a.submenu:link
{	text-decoration: none;
	color: #CC6666;
	background-color: transparent;
	cursor: pointer, hand, default;
}

#leftnav a.submenu:visited
{	text-decoration: none;
	color: #CC6666;
	background-color: transparent;
	cursor: pointer, hand, default;
}

#leftnav a.submenu:hover
{	text-decoration: none;
	color: #CC3333;
	background-color: transparent;
	cursor: pointer, hand, default;
}

#leftnav a.submenu:active
{	text-decoration: none;
	color: #CC6666;
	background-color: transparent;
	cursor: pointer, hand, default;
}

/* text definitions */
/* maintext on homepage */
/* highlights text on right side of subpage */
.mainhome
{	background-color: #FFFFDD;
	color: #993333;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 125%;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

/* maintext on subpage */
.mainsub
{	background-color: #99CC99;
	color: #003300;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 150%;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

/* maintext hdgs on subpage */
.mainsubhdg
{	background-color: #99CC99;
	color: #003300;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 150%;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

/* highlight text on subpage */
.hilite
{	color: #003300;
	font-weight: bold;
}

/* highlight larger text on subpage */
.hilitebig
{	color: #003300;
	font-weight: bold;
	font-size: 14px;
}

/* same as mainsub but with text-align right */
.mainsubrt
{	background-color: #99CC99;
	color: #003300;
	padding: 5px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 150%;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}

/* footer text on all pages */
.footer
{	background-color: #086008;
	color: #FFFFCC;
	padding: 6px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
}

/* copyright text in footer */
.copyright
{	background-color: #086008;
	color: #FFFFCC;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 5px;
}

/* paragraph text settings without color */
p.mainhome
{	padding: 5px 3px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	line-height: 125%;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

/* heading text: main text section of home page */
h1.mainhome
{	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #993333;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

h2.mainhome
{	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993333;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

h3.mainhome
{	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #993333;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

/* heading text: main text section of sub page */
h1.mainsub
{	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	color: #003300;
	text-align: left;
	padding: 5px 0px 0px 5px;
}

h2.mainsub
{	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	color: #003300;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

h3.mainsub
{	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #003300;
	text-align: left;
	padding: 5px 0px 0px 5px;
}

/* text block for homepage cols and right subpage cols single-column width */
.mainhometextblock
{	width: 205px;
}

/* text block for subpages double-column width */
.mainsubtextblock
{	width: 410px;
}

/* lists */
.lists
{	margin-left: 1em;
	text-indent: -0.5em;
}

/* background image leftside of homepage */
.leftnavhome
{
	background-image: url(/images/leftnav-homepage-tree.jpg);
	background-repeat: no-repeat;
}

/* horiz rules: note that IE uses color, mozilla uses bkgdcolor */
hr.calendar
{	color: #003300;
	background-color: #003300;
	border: none;
	height: 1px;
	width: 98%;
}

/* images on pages */
/* in-col image */
img.col
{	border-width: 0px;
	padding-bottom: 0px;
}

/* align images to text baseline */
img.onbaseline
{	vertical-align: baseline
}

/* image div provides border/frame and caption space with bkgd color */
.imageframe
{
	background-color: #CCCC99;
	border: medium solid #CC9999;
	margin: 5px 4px 5px 0px;
	padding: 1px 2px 5px 2px;
	text-align: center;
	color: #993333;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 110%;
	vertical-align: text-bottom;
}

/* image div provides border/frame and caption space with bkgd color */
.calloutbox
{
	background-color: #F0BBF0;  /* #FFCC66; */
	border: medium solid #993333;
	margin: 5px 4px 5px 0px;
	padding: 1px 2px 5px 2px;
	text-align: center;
	color: #663366;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	vertical-align: text-bottom;
}

.calloutboxgold
{
	background-color: #FFCC66;  /* #FFCC66; */
	border: medium solid #FFCC66;
	margin: 5px 4px 5px 0px;
	padding: 1px 2px 5px 2px;
	text-align: center;
	color: #663366;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	vertical-align: text-bottom;
}

.calloutboxblue
{
	background-color: #0188CC; 
	border: medium solid #993333;
	margin: 5px 4px 5px 0px;
	padding: 1px 2px 5px 2px;
	text-align: center;
	color: #663366;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	vertical-align: text-bottom;
}

.calloutboxgreen
{
	background-color: #99CC99; 
	border: medium solid #FFCC66;
	margin: 5px 4px 5px 0px;
	padding: 1px 2px 5px 2px;
	text-align: center;
	color: #99CC99;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	vertical-align: text-bottom;
}

.calloutboximage
{
	background-color: transparent;
	border: none;
	margin: 5px 4px 5px 0px;
	padding: 1px 2px 5px 2px;
	text-align: center;
	color: #99CC99;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 110%;
	vertical-align: text-bottom;
}

/* href links */
/* href links on homepage, maintext section */
a.mainhome:link
{	text-decoration: underline;
	color: #086008;
	background-color:transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainhome:visited
{	text-decoration: underline;
	color: #086008;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainhome:hover  
{	text-decoration: underline;
	color: #003300;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainhome:active 
{	text-decoration: underline;
	color: #086008;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* href links in callout box */
calloutbox a.link
{	text-decoration: none;
	color: #663366;
	background-color:transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

calloutbox a.visited
{	text-decoration: none;
	color: #663366;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

calloutbox a.hover  
{	text-decoration: underline;
	color: #330033;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

calloutbox a.active 
{	text-decoration: none;
	color: #663366;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* href links on subpage, maintext section */
a.mainsub:link
{	text-decoration: none;
	color: #990000;
	background-color:transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainsub:visited
{	text-decoration: none;
	color: #990000;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainsub:hover  
{	text-decoration: underline;
	color: #CC0000;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainsub:active 
{	text-decoration: none;
	color: #990000;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* href links on subpage, maintext section */
a.mainsubhdg:link
{	text-decoration: none;
	color: #990000;
	background-color:transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainsubhdg:visited
{	text-decoration: none;
	color: #990000;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainsubhdg:hover  
{	text-decoration: underline;
	color: #CC0000;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a.mainsubhdg:active 
{	text-decoration: none;
	color: #990000;
	background-color: transparent;
	cursor: pointer, hand, default;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* href links in footer */
a.footer:link
{	text-decoration: none;
	color: #FFFFCC;
	background-color:transparent;
	cursor: pointer, hand, default;
}

a.footer:visited
{	text-decoration: none;
	color: #FFFFCC;
	background-color: transparent;
	cursor: pointer, hand, default;
}

a.footer:hover  
{	text-decoration: underline;
	color: #FFFFDD;
	background-color: transparent;
	cursor: pointer, hand, default;
}

a.footer:active 
{	text-decoration: none;
	color: #FFFFCC;
	background-color: transparent;
	cursor: pointer, hand, default;
}

/* href link to-top-of-long-pages */
a.top:link
{	text-decoration: none;
	color: #990000;
	background-color:transparent;
	cursor: pointer, hand, default;
}

a.top:visited
{	text-decoration: none;
	color: #990000;
	background-color: transparent;
	cursor: pointer, hand, default;
}

a.top:hover  
{	text-decoration: underline;
	color: #CC0000;
	background-color: transparent;
	cursor: pointer, hand, default;
}

a.top:active 
{	text-decoration: none;
	color: #990000;
	background-color: transparent;
	cursor: pointer, hand, default;
}
