.textmain {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 10px;
}

A.links { color: #FFFFCC; Font-Family: Arial, Helvetica, sans-serif; Font-Size: 12px;text-decoration: none; margin-bottom : 1px;}
A.links:hover {	color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; Font-Size: 12px;text-decoration : underline;}
A.links:active { color: #FFFFCC; text-decoration: none }

A.bottomlinks { color: #FFFFCC; Font-Family: Arial, Helvetica, sans-serif; Font-Size: 11x; font-weight: none; text-decoration: none;}
A.bottomlinks:hover {	color : #81B66A; font-family : Arial, Helvetica, sans-serif; Font-Size: 11px; text-decoration : underline;}
A.bottomlinks:active { color: #FFFFCC; text-decoration: none }

A.email { color: #000000; Font-Family: Arial, Helvetica, sans-serif; font-weight: bold;Font-Size: 11x;text-decoration: none; margin-bottom : 1px;}
A.email:hover {	color : #419E29; font-family : Arial, Helvetica, sans-serif;	font-weight: bold;Font-Size: 11px;text-decoration : underline;}
A.email:active { color: #000000; text-decoration: none }

A.sitemap { color: #000000; Font-Family: Arial, Helvetica, sans-serif; Font-Size: 11x;text-decoration: none; margin-bottom : 1px;}
A.sitemap:hover {	color : #419E29; font-family : Arial, Helvetica, sans-serif;	Font-Size: 11px;text-decoration : underline;}
A.sitemap:active { color: #000000; text-decoration: none }

A.event { color: #FFFFCC; Font-Family: Arial, Helvetica, sans-serif; Font-Size: 11px;text-decoration: none; margin-bottom : 1px;}
A.event:hover {	color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; Font-Size: 11px;text-decoration : underline;}
A.event:active { color: #FFFFCC; text-decoration: none }

A.event2 { color: #FFFFCC; Font-Family: Arial, Helvetica, sans-serif; font-weight: bold; Font-Size: 12px;text-decoration: none; margin-bottom : 1px;}
A.event2:hover {	color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; font-weight: bold; Font-Size: 12px;text-decoration : underline;}
A.event2:active { color: #FFFFCC; text-decoration: none }

A.app { color: #ff0000; Font-Family: Arial, Helvetica, sans-serif; font-weight: bold; Font-Size: 14px;text-decoration: underline; margin-bottom : 1px;}
A.app:hover {	color : #000000; font-family : Arial, Helvetica, sans-serif; font-weight: bold; Font-Size: 14px;text-decoration : underline;}
A.app:active { color: #ff0000; text-decoration: underline }

.menutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	padding: 3px;
}
.border {
	border: 1px solid #000000;
}
.textwithborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003300;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #B5C1A2;
	padding: 7px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B5C1A2;
	border-bottom-style: none;
}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006600;
	border: 1px solid #006699;

}
td,body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body{
background-image:url(../../images/background.jpg);
}
h1{
color:#50AE26;
font-size:16px;
font-weight:bold;
margin:0px;
}
h2{
color:#000000;
font-size:14px;
font-weight:bold;
margin:0px;
}
h3{
color:#FFFFCC;
font-size:12px;
font-weight:bold;
margin:0px;
}
.main{
padding:10px;
}
.navi {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B5C1A2;
}
/*VERTICLE DROPDOWN MENU*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	margin-left:1px;
	list-style: none;
	float : left;
	text-align:left;
	width : 179px; /* Keep the same as the "w\idth" setting below. Together they make each button appear below the other. Without both, they will appear horizonal */
}

#nav li a {
	font-size:12px; /* Best if use pixel size, will be needed to know the hieght of the button. */
	color : #FFFFCC;
	font-weight:bold;
	text-decoration : none;
	/* Width and Height: Add width and padding to determin the actual width...
		Use padding plus font size to determine actual height. */
	display : block;
	background-color:#003333;
	width: 170px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
	
#nav li a:hover { /* Rollover Styles */
	color:#66CC33;
	text-decoration: none;
}

#nav li { /* all list items */
	position : relative;
	float : left; 
	margin-bottom : -1px; /*Keep at -1 so borders overlap. Change only if you want space between buttons*/
}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em; /* Don't change. It will cause the dropdowns to not work properly. */
	margin-left : 170px; /* Make 1 pixel greater then actual button width so borders overlap */
	margin-top : -27px; /* 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
	z-index:20;
}

#nav li ul a {
	color: #FFFFFF;
	font-weight:bold;
	width: 160px;
	font-size:11px;
	background-color: #66CC33;
	border: solid 1px #DCDAD6;
}
#nav li ul a:hover {
	color: #003333;
}



#nav li ul ul { /* second-level lists */
	position : absolute;
	left: -999em; /* Don't change. It will cause the dropdowns to not work properly. */
	margin-left : 159px; /* Make 1 pixel greater then actual button width so borders overlap */
	margin-top : -27px; /* 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
	z-index:20;
}

#nav li ul ul a {
	color: #FFFFFF;
	font-weight:bold;
	width: 170px;
	font-size:11px;
	background-color: #50AE26;
	border: solid 1px #DCDAD6;
}
#nav li ul ul a:hover {
	color: #000033;
}


#nav li ul ul ul { /* second-level lists */
	position : absolute;
	left: -999em; /* Don't change. It will cause the dropdowns to not work properly. */
	margin-left : 170px; /* Make 1 pixel greater then actual button width so borders overlap */
	margin-top : -27px; /* 0px = directly below parent. Positive number moves menu down, Negative moves it up. Add 2 pixels to button height to alight with top of parent button */
	z-index:20;
}

#nav li ul ul ul a {
	color: #FFFFFF;
	font-weight:bold;
	width: 160px;
	font-size:11px;
	background-color: #66CC33;
	border: solid 1px #DCDAD6;
}
#nav li ul ul ul a:hover {
	color: #000033;
}



/* IE garbage. Should stay the same as far as i know */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
span.bread{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
span.bread a:link,span.bread a:active,span.bread a:visited{
color: #000000; Font-Family: Arial, Helvetica, sans-serif; Font-Size: 11x;text-decoration: none; margin-bottom : 1px;
}
span.bread a:hover{
color : #419E29; font-family : Arial, Helvetica, sans-serif;	Font-Size: 11px;text-decoration : underline;
}
span.bread a:active{
color: #000000; text-decoration: none
}