body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6c6c6c;
	line-height: 150%;
	background-color: #B0DEEF;
	text-align: center
	}
a:link {
	color: #528797;
	text-decoration: underline
}
a:visited {
	color: #528797;
	text-decoration: underline
}
a:hover {
	color: #6c6c6c;
	text-decoration: underline
}
a:active {
	color: #96CE56;
	text-decoration: underline
}

h1 {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #528797;
line-height: 125%;
margin: 0
}

h2 {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #96CE56;
line-height: 125%;
margin: 0
}

h3 {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #F29F53;
line-height: 125%;
margin: 0
}

h4 {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
line-height: 125%;
margin: 0
}


a.greylinks:link {
	color: #6c6c6c;
	font-weight: bold;
	text-decoration: none
}
a.greylinks:visited {
	color: #6c6c6c;
	font-weight: bold;
	text-decoration: none
}
a.greylinks:hover {
	color: #528797;
	font-weight: bold;
	text-decoration: none
}
a.greylinks:active {
	color: #6c6c6c;
	font-weight: bold;
	text-decoration: none
}

.whiteeventstext{
padding: 12px;
background-color: #FFFFFF;
text-align: left
}

.greeneventstext{
padding: 12px;
background-color: #E9F7D9;
text-align: left
}

td.whitebkgd{
background-color: #FFFFFF;
text-align: left;
}

td.whitebkgdpadright{
background-color: #FFFFFF;
text-align: left;
padding: 0 15px 0 0
}

td.whitebkgdcenter{
background-color: #FFFFFF;
text-align: center;
margin-left: auto;
margin-right: auto
}

td.greenbkgd{
background-color: #E9F7D9
}

table.whitebkgdmain{
background-color: #FFFFFF
}

#whitebkgd{
background-color: #FFFFFF;
width: 690px;
margin-left: auto;
margin-right: auto
}

.outline {
	background-color: #86B7C5
}

.greenoutline{
background-color: #96CE56
}

.note{
	font-size: 8px;
	color: #6C6C6C;
	line-height: 125%;
}

#navfooter{
font-size: 8px;
text-align: center
}

#navfooter ul {
text-align: center;
margin-left: 0;
padding-left: 0
}

#navfooter li {
list-style-type: none;
padding: 2em 1.5em;
display: inline
}

#navfooter li:first-child {
border: none
}


/* Horizontal Line: */

hr.green { 
border: 0;
color: #96CE56;
background-color: #96CE56;
height: 1px;
text-align: left;
padding: 0px;
margin: 0px;
} 


#hmpgaddress{
	font-size: 12px;
	color: #80ACC4;
	text-align: center;
	line-height: 24px;
}

#footer{
	font-size: 8px;
	color: #6C6C6C;
	text-align: center
}



/* Main Nav Start */

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width:84%;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}

ul#topnav li#home {
	padding-right:50px;
}

ul#topnav li#currentli {
	font:10px Verdana;
	padding: 9px 12px;
	display: block;
	color: #ffffff;
	background: #528797;
}

ul#topnav li a {
	font:10px Verdana;
	padding: 9px 12px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

ul#topnav li:hover { 
	background: #80acc4;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li a#currentmain {
	background: #528797;
}

ul#topnav li span#current {
	display: inline;
	width: 98%;
	z-index:1;
}

ul#topnav li a.currentlink {
	font-weight:bold;
}

ul#topnav li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:32px;
	display: none; /*--Hide by default--*/
	width: 98%;
	background: #ffffff;
	color: #528797;
	z-index:100;
}

ul#topnav li:hover span { 
	display: block; 
} /*--Show subnav on hover--*/

ul#topnav li span a { 
	font:10px Verdana;
	display: inline; 
	background:#ffffff;
	color: #528797;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
	color: #80acc4;
}

/* Main Nav End */







/* Main Quick Links Start */

ul.cssMenu ul{
	display:none;
}

ul.cssMenu li:hover>ul{
	display:block;
}

ul.cssMenu ul{
	position:absolute;
	left:-1px;
	top:98%;
}

ul.cssMenu ul ul{
	position:absolute;
	left:98%;
	top:-2px;
}

ul.cssMenu,ul.cssMenu ul {
	margin:0;
	list-style:none;
	padding:0;
	background-color:#888888;
}

ul.cssMenu table {
	border-collapse:collapse;
}

ul.cssMenu {
	display:block;
	
}

ul.cssMenu ul{
	margin-left:-60px;
	z-index:1000;
}

ul.cssMenu li{
	display:block;
	margin:0;
	font-size:0px;
}

ul.cssMenu a:active, ul.cssMenu a:focus {
	outline-style:none;
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#888888;
	text-align:left;
	text-decoration:none;
	padding: 9px 12px;
	_padding-left:0;
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}

ul.cssMenu span{
	overflow:hidden;
}

ul.cssMenu li {
	float:left;
}

ul.cssMenu ul li {
	float:none;
}

ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.cssMenu li.sep{
	text-align:left;
	padding:0;
	line-height:0;
	height:100%;
}

ul.cssMenu li.sep span{
	float:none;	
	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;
	background-image:none;
}

ul.cssMenu ul li.sep span{
	width:100%;
	height:3px;
}

ul.cssMenu li:hover{
	position:relative;
}

ul.cssMenu li:hover>a{
	background-color:#80acc4;
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}

ul.cssMenu li a:hover{
	position:relative;
	background-color:#80acc4;
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}

ul.cssMenu li.dis a {
	color: #666 !important;
}

ul.cssMenu img {
	border: none;
	float:left;
	_float:none;
	margin-right:2px;
	width:16px;
	height:16px;
}

ul.cssMenu ul img {
	width:16px;
	height:16px;
}

ul.cssMenu img.over{
	display:none;
}

ul.cssMenu li.dis a:hover img.over{
	display:none; !important
}

ul.cssMenu li.dis a:hover img.def {
	display:inline; !important
}

ul.cssMenu li:hover > a img.def  {
	display:none;
}

ul.cssMenu li:hover > a img.over {
	display:inline;
}

ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{
	display:inline;
}

ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{
	display:none;
}

ul.cssMenu a:hover ul{
	display:block;
	}

ul.cssMenu span{
	display:block;
	background-image:url(http://www.mrfrs.org/graphics/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}

ul.cssMenu li:hover>a>span{	
	background-image:url(http://www.mrfrs.org/graphics/arrv_white.gif);
}

ul.cssMenu a:hover span{	
	_background-image:url(http://www.mrfrs.org/graphics/arrv_white.gif);
}

ul.cssMenu ul span,ul.cssMenu a:hover table span{
	background-image:url(http://www.mrfrs.org/graphics/arr_white.gif);
}


/* Main Nav HOME Start */

ul#topnavhome {
	margin: 0; padding: 0;
	float: left;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
}
ul#topnavhome li {
	float: left;
	margin: 0; padding: 0;
}

ul#topnavhome li a {
	font:10px Verdana;
	padding: 9px 8px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

ul#topnavhome li:hover { 
	background: #80acc4;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnavhome li span {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: 0; top:32px;
	display: none; /*--Hide by default--*/
	width: 548px;
	background: #ffffff;
	color: #528797;
	z-index:100;
}

ul#topnavhome li:hover span { 
	display: block; 
} /*--Show subnav on hover--*/

ul#topnavhome li span a { 
	font:10px Verdana;
	display: inline; 
	width: 548px;
	background:#ffffff;
	color: #528797;
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnavhome li span a:hover {
	color: #80acc4;
}


/* Main Nav HOME End */




/* Main Quick Links HOME Start */

ul.cssMenuhome ul{
	display:none;
}

ul.cssMenuhome li:hover>ul{
	display:block;
}

ul.cssMenuhome ul{
	position:absolute;
	left:-1px;
	top:98%;
}

ul.cssMenuhome ul ul{
	position:absolute;
	left:98%;
	top:-2px;
}

ul.cssMenuhome,ul.cssMenuhome ul {
	margin:0;
	list-style:none;
	padding:0;
	background-color:#888888;
}

ul.cssMenuhome table {
	border-collapse:collapse;
}

ul.cssMenuhome {
	display:block;
	
}

ul.cssMenuhome ul{
	margin-left:-60px;
	z-index:1000;
}

ul.cssMenuhome li{
	display:block;
	margin:0;
	font-size:0px;
}

ul.cssMenuhome a:active, ul.cssMenuhome a:focus {
	outline-style:none;
}

ul.cssMenuhome a, ul.cssMenuhome li.dis a:hover, ul.cssMenuhome li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#888888;
	text-align:left;
	text-decoration:none;
	padding: 9px 8px;
	_padding-left:0;
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:default;
}

ul.cssMenuhome span{
	overflow:hidden;
}

ul.cssMenuhome li {
	float:left;
}

ul.cssMenuhome ul li {
	float:none;
}

ul.cssMenuhome ul a {
	text-align:left;
	white-space:nowrap;
}

ul.cssMenuhome li.sep{
	text-align:left;
	padding:0;
	line-height:0;
	height:100%;
}

ul.cssMenuhome li.sep span{
	float:none;	
	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;
	background-image:none;
}

ul.cssMenuhome ul li.sep span{
	width:100%;
	height:3px;
}

ul.cssMenuhome li:hover{
	position:relative;
}

ul.cssMenuhome li:hover>a{
	background-color:#80acc4;
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}

ul.cssMenuhome li a:hover{
	position:relative;
	background-color:#80acc4;
	font:10px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}

ul.cssMenuhome li.dis a {
	color: #666 !important;
}

ul.cssMenuhome img {
	border: none;
	float:left;
	_float:none;
	margin-right:2px;
	width:16px;
	height:16px;
}

ul.cssMenuhome ul img {
	width:16px;
	height:16px;
}

ul.cssMenuhome img.over{
	display:none;
}

ul.cssMenuhome li.dis a:hover img.over{
	display:none; !important
}

ul.cssMenuhome li.dis a:hover img.def {
	display:inline; !important
}

ul.cssMenuhome li:hover > a img.def  {
	display:none;
}

ul.cssMenuhome li:hover > a img.over {
	display:inline;
}

ul.cssMenuhome a:hover img.over,ul.cssMenuhome a:hover ul img.def,ul.cssMenuhome a:hover a:hover img.over{
	display:inline;
}

ul.cssMenuhome a:hover img.def,ul.cssMenuhome a:hover ul img.over,ul.cssMenuhome a:hover a:hover img.def{
	display:none;
}

ul.cssMenuhome a:hover ul{
	display:block;
	}

ul.cssMenuhome span{
	display:block;
	background-image:url(http://www.mrfrs.org/graphics/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;
}

ul.cssMenuhome li:hover>a>span{	
	background-image:url(http://www.mrfrs.org/graphics/arrv_white.gif);
}

ul.cssMenuhome a:hover span{	
	_background-image:url(http://www.mrfrs.org/graphics/arrv_white.gif);
}

ul.cssMenuhome ul span,ul.cssMenuhome a:hover table span{
	background-image:url(http://www.mrfrs.org/graphics/arr_white.gif);
}
/* Main Quick Links HOME End */

a.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
a.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
a.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }