table {font-family:Arial;}
.H1 {font-size: 16pt; color: black;}
.H2 {font-size: 18pt; color: magenta;}
.H3 {font-size: 16pt; color: #00aa66;}
.H4 {font-size: 14pt; color: black;}
.H5 {font-size: 16pt; color: green;}
.H6 {font-size: 14pt; color: magenta;}
.H7 {font-size: 14pt; color: green;}
.H8 {font-size: 8pt; color: magenta;}
.H9 {font-size: 9pt; color: darkgreen;}
.H10 {font-size: 14pt; color: #004422;}

.TitleText {font-family: Arial; font-size: 20pt; color: #006622; text-align: center;background: #ffdb6C; }
.SubtitleText {font-family: Arial; font-size:18pt; color: #005500; text-align: center;}
.SubtitleText2 {font-family: Arial; font-size: 20pt; color: #aa4400; text-align: center;}
.SubtitleText3 {font-family: Arial; font-size: 16pt; color: black; text-align: center;}
.SubtitleText4 {font-family: Arial; font-size: 16pt; color: black; text-align: center;background: #ccffdd;}
.SubtitleText5 {font-family: Arial; font-size: 16pt; color: #006622; text-align: center;background: #ffeb6C; }

.ContentHeader {font-family: Arial; font-size: 18pt; color: #000080; text-align: left;  font-weight: bold;}
.ContentHeader2 {font-family: Arial; color: #009080; text-align: left;  font-weight: bold;}

.BodyText {font-size: 16pt; color: navy; text-align: left;}
.BodyText2 {font-family: Arial; font-size: 16pt; color: green; text-align: left;}
.BodyText3 {font-size: 16pt; color: #990055;}
.BodyText4 {font-size: 16pt; color: navy; text-align: center;}
.BodyText5 {font-size: 16pt; color: green; text-align: center;}
.BodyText6 {font-size: 12pt; color: black;}
.BodyText7 {font-size: 12pt; color: #003333;font-weight: bold;}
.BodyText8 {font-size: 12pt; color: #770077;font-weight: bold;}
.BodyText9 {font-size: 16pt; color: green; text-align: left;}
.BodyText10 {font-size: 13pt; color: blue;font-weight: bold;}

.TableCaptionText1 {font-size: 16pt;  color: #BB3366; text-align: left;  font-weight: bold;}
.TableCaptionText2 {font-size: 10pt;  color: purple; text-align: right;}

.TableCellText1 {font-size: 12pt; color: green; text-align: center;}
.TableCellText2 {font-size: 14pt; color: #002211; text-align: left;}
.TableCellText3 {font-size: 8pt; color: turquoise; text-align: center;}
.TableCellText4 {font-size: 12pt; color: #222244; text-align: center;}
.TableCellText5 {font-size: 10pt; color: #222244; text-align: center;}
.TableCellText6 {font-size: 14pt; color: #dd2277; text-align: left;}
.TableCellText7 {font-size: 10pt; color: #aa4400; text-align: left; font-weight: bold;}
.TableCellText8 {font-size: 11pt; color: green; text-align: center; font-weight: bold;}

.menu { font-family: Arial; font-size: 11px; font-weight: bold; color: #FFFF99; background: #00523C; }
.menu A:link { font-family: Arial; font-size: 11px; text-decoration: none; color: #bb00dd; background: #b0e070; }
.menu A:visited { font-family: Arial; font-size: 11px; text-decoration: none; color: #ffffdd; background: #333388; }
.menu A:hover { font-family: Arial; font-size: 11px; font-weight: bold; color: #000000; background: #ff9090; }
	

.linkBckgrnd { font-family: Arial; border:2px dotted blue; background: #f0ff70;}

	.btnGreen { font-family: Arial; font-size: 10px; font-weight: bold; color: #FFFF99; background: #00523C; }
	.btnGreen A:link { font-family: Arial; font-size: 10px; text-decoration: none; color: #440077; background: #b0ff70; }
	.btnGreen A:visited { font-family: Arial; font-size: 10px; text-decoration: none; color: #ffffdd; background: #333388; }
	.btnGreen A:hover { font-family: Arial; font-size: 10px; font-weight: bold; color: #000000; background: #ffb0b0; }
	
	.btnMagenta { font-family: Arial; font-size: 10px; font-weight: bold; color: #FFFF99; background: #ff00ff; }
	.btnMagenta A:link { font-family: Arial; font-size: 10px; text-decoration: none; color: #0000dd; background: #ffaa88; }
	.btnMagenta A:visited { font-family: Arial; font-size: 10px; text-decoration: none; color: #ffffdd; background: #333388;  }
	.btnMagenta A:hover { font-family: Arial; font-size: 10px; font-weight: bold; color: #000000; background: #ddee00; }
	
	.btnDkBlue { font-family: Arial; font-size: 10px;font-weight: bold; color: #FFFF99; background: #0022dd; }
	.btnDkBlue A:link { font-family: Arial; font-size: 10px; text-decoration: none; color: #000000; background: #66aaff; }
	.btnDkBlue A:visited { font-family: Arial; font-size: 10px; text-decoration: none; color: #ffffdd; background: #333388;  }
	.btnDkBlue A:hover { font-family: Arial; font-size: 10px; font-weight: bold; color: #000000; background: #00E0E0; }
	
	.btnBrown { font-family: Arial; font-size: 11px; font-weight: bold; color: #FFFF99; background: #88523C; }
	.btnBrown A:link { font-family: Arial; font-size: 11px; text-decoration: none; color: #FFFF99; background: #aa8866; }
	.btnBrown A:visited { font-family: Arial; font-size: 11px; text-decoration: none; color: #ffffdd; background: #333388;  }
	.btnBrown A:hover { font-family: Arial; font-size: 11px; font-weight: bold; color: #CC00DD; background: #E0E000; }
	
	.btnYellow { font-family: Arial; font-size: 10px;font-weight: bold; color: #000000; background: #cc3b00; }
	.btnYellow A:link { font-family: Arial; font-size: 10px; text-decoration: none; color: #000000; background: #ff88bb; }
	.btnYellow A:visited { font-family: Arial; font-size: 10px;text-decoration: none; color: #ffffdd; background: #333388;  }
	.btnYellow A:hover { font-family: Arial; font-size: 10px; font-weight: bold; color: #0000DD; background: #bbffff; }

   .help { font-family: Arial; font-size: 14px; font-weight: bold; color: #99ff00; background: #ffff3C; }
	.help A:hover { font-family: Arial; font-size: 14px; font-weight: bold; color: #aaffff; background: #ff0060; }
	
	.answers {font-family: Arial; font-size: 16px; font-weight: bold; color: #99dd00; background: #40dd5C; }
   .answers A:hover { font-family: Arial; font-size: 16px; font-weight: bold; color: #aaffff; background: #ff0060; }
		
	.siteMenu { font-family: Arial; font-size: 11px; font-weight: bold; color: #FFFF99; background: #00003C; }
	.siteMenu A:link { font-family: Arial; font-size: 11px; text-decoration: none; color: #FFFF99; background: #0044aa; }
	.siteMenu A:visited { font-family: Arial; font-size: 11px; text-decoration: none; color: #06FFFF; background: #FF3050; }
	.siteMenu A:hover { font-family: Arial; font-size: 11px; font-weight: bold; color: #CC00DD; background: #E0E000; }
	
	
	
	.btnBlue { font-family: Arial; font-size: 10px; font-weight: bold; background: #662288; }
	.btnBlue A:link { font-family: Arial; font-size: 10px; text-decoration: none; color: #AA0066; background: #AADDFF; }
	.btnBlue A:visited { font-family: Arial; font-size: 10px; text-decoration: none; color: #ffffdd; background: #333388; }
	.btnBlue A:hover { font-family: Arial; font-size: 10px; font-weight: bold; color: #000000; background: #BBFF99; }
	
	.Contentslist { font-family: Arial; font-size: 16pt; font-weight: normal; text-decoration: none; color: #0000FF;}
	.Contentslist A:link { font-family: Arial; font-size: 16pt; font-weight: normal; text-decoration: underline; color: #000080; }
	.Contentslist A:visited { font-family: Arial; font-size: 16pt; font-weight: normal; text-decoration: underline; color: #000080; }
	.Contentslist A:hover { font-family: Arial; font-size: 16pt; font-weight: normal; text-decoration: underline; color: #0000FF; background: #CCCCFF; }

   .Contentslist2 { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: none; color: #0000FF; }
	.Contentslist2 A:link { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline; color: #000080; }
	.Contentslist2 A:visited { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline; color: #000080; }
	.Contentslist2 A:hover { font-family: Arial; font-size: 11pt; font-weight: normal; text-decoration: underline; color: #0000FF; background: #CCCCFF; }

   .top { font-family: Arial; font-size: 13px; font-weight: bold; color:#004444; background: #88ccff; float:right;width:50px;}
	.top A:hover { font-family: Arial; font-size: 13px; font-weight: bold; color: #000000; background: #BBFF99; float: right;width:50px;}

   .home { font-family: Arial; font-size: 24px; font-weight: normal; color: #FF00FF; background: #FF00FF; }
   .home A:link { font-family: Arial; font-size: 24px; font-weight: normal; color: #FF00FF; background: #FF00FF; }
   .home A:visited{ font-family: Arial; font-size: 24px; font-weight: normal; text-decoration: none; color: #FF00FF; background: #FF00FF; }
	.home A:hover { font-family: Arial; font-size: 25px; font-weight: normal; color: #DDBB00; background: #DDBB00; }

	.home2 { font-family: Arial; font-size: 80px; font-weight: normal; color: #FF00FF; background: #FF00FF; }
   .home2 A:link { font-family: Arial; font-size: 80px; font-weight: normal; color: #FF00FF; background: #FF00FF; }
   .home2 A:visited { font-family: Arial; font-size: 80px; font-weight: normal; text-decoration: none; color: #FF00FF; background: #FF00FF; }
	.home2 A:hover { font-family: Arial; font-size: 80px; font-weight: normal; color: #DDBB00; background: #DDBB00; }

   .extra { font-family: Arial; font-size: 80px; font-weight: normal; color: #ffffff; background: #00FF00; }
	.extra A:link { font-family: Arial; font-size: 80px; font-weight: normal; text-decoration: none; color: #FFFF99; }
	.extra A:visited { font-family: Arial; font-size: 80px; font-weight: normal; text-decoration: none; color: #06FFFF; background: #00FF00; }
	.extra A:hover { font-family: Arial; font-size: 80px; font-weight: normal; color: #CC00DD; background: #000099; }
	
	.bigmenu { font-family: Arial; font-size: 22px; font-weight: bold; color: #00923C; background: #00923C; }	
	.bigmenu A:link  { font-family: Arial; font-size: 22px; font-weight: bold; color: #00923C; background: #00923C; }	
	.bigmenu A:visited { font-family: Arial; font-size: 22px; font-weight: bold; color: #ffd23C; background: #00923C; }	
	.bigmenu A:hover { font-family: Arial; font-size: 22px; font-weight: normal; color: #FFFFDD; background: #FFFFDD; }
	
   .bigmenu2 { font-family: Arial; font-size: 46px; font-weight: bold; color: #00523C; background: #00523C; }	
	.bigmenu2 A:link  { font-family: Arial; font-size: 46px; font-weight: bold; color: #00523C; background: #00523C; }	
	.bigmenu2 A:visited { font-family: Arial; font-size: 46px; font-weight: bold; color: #00523C; background: #00523C; }	
	.bigmenu2 A:hover { font-family: Arial; font-size: 46px; font-weight: normal; color: #FFFFDD; background: #FFFFDD; }
	
	.climb { font-family: Arial; font-size: 56px; font-weight: normal; color: #ffffff; background: #00923C; }
	.climb A:link { font-family: Arial; font-size: 56px; font-weight: normal; text-decoration: none; color: #00923C; }
	.climb A:visited { font-family: Arial;font-size: 56px; font-weight: normal; text-decoration: none; color: #06FFFF; background: #00923C; }
	.climb A:hover { font-family: Arial; font-size: 56px; font-weight: normal; color: #CC00DD; background: #FFFFDD; }
	
	.orange { font-family:Arial; font-size:11px; color:#bb7700; font-weight: bold;}
	
	.deczero {border-width:thin; padding:5px;}
    
   .btn1 {color:#880055; font-weight:bold;}
   .btn2 {color:#bb5500; font-weight:bold;}
   .btn3 {color:#005588; font-weight:bold;}
   .btn4 {color:#009900; font-weight:bold;}
   .btn5 {color:#ff0000; font-weight:bold;}
   
	.centredImage1 {text-align:center; margin:0px; padding:0px;font-family: Arial; font-size:16px;}
   .centredImage2 {text-align:center; margin:0px; padding:0px; }
   .centredTextGreen {text-align:center;color: #00523c;}
   .centredTextBlue {text-align:center;color: #66bbff;}
   .centredTextYellow {text-align:center;color: #ffdb6c;}
   .centredText {text-align:center;color: #008800;}
   
td {font-size:10pt;}
body {font-family:Arial;background:#ffffff;}
  
   .tooltipShadow1 { 
border-width:2px;
border:#305 solid;
width: 300px; 
padding:4px;  

} 
   
    .tooltipShadow2 { 
border-width:2px;
border:#055 solid;
width: 300px; 
padding:4px; 
}
   
   .guideContent { padding: 5px; left: -4px; top: -4px;
   background-color: #e8fff0;padding: 5px; font-family:arial,sans-serif;}
   
   .tooltipContent {
  left: -4px; top: -4px;
   background: #e8fff0;
  
   padding: 5px;
   font: bold 10pt sans-serif;
   color:#000000;
   }
   
     .tooltipContent2 {
  left: -4px; top: -4px;
   background: #cfd;
   border:solid black 1px;
   padding: 5px;
   font: bold 10pt sans-serif;
   color:#000000;
   }
   
   .objFont1 {font-size:10pt; color:#115500;}
   .objFont2 {font-size:10pt; color:#660000;}
   .objFont3 {font-size:10pt; color:#000066;} 
   .objFont4 {font-size:10pt; color:#770066;font-weight: bold;}
   
   html {overflow-x:hidden; overflow-y:auto;}
 
   .arrowStyle{color:#f00;font-weight:bold;font-family:arial;font-size:14pt;}
   .scrubbedNotice{background:#666;}
   .hidden{visibility:hidden;}
  .visible{visibility:visible;} 
  
   .sixpics {
   border-width: thick;
    border-style: solid; 
    border-color: #666666; 
    padding:4px;
    }
   
    div#contentarea, div#contentarea1 {width:220px;font-size:12px;}
    div#indicatorHousing{width:480px; height:10px;border:2px solid #000; background-color:#bdf;}
    div#indicator{height:4px; background-color:#686;border-top:2px solid #dfe;border-bottom:2px solid #037}
    
   label.long{display: block; width: 570px; float:left; }
   label.short{width:220px; float:left;}
  
   div#columnH {width:220px; border:2px solid #882244; background-image:url(bckgrnds/home.gif); }
   div#columnA {width:220px; border:2px solid #6666aa; background-image:url(bckgrnds/PenGroup.gif);}
   div#columnB {width:220px; border:2px solid #994488; background-image:url(bckgrnds/WalkLocal.gif);}
   div#columnC {width:220px; border:2px solid #aa5522; background-image:url(bckgrnds/WalkAdv.gif);}
   div#columnD {width:220px; border:2px solid #224477; background-image:url(bckgrnds/web.gif);}
   
   .valid {background-color:#bbffbb;}
   .invalid {background-color:#ffbbbb;}
   .clear {background-color:#ffffff;}   
   .submit{background-color:#ccffcc; font-family: Arial; font-size: 20px; font-weight: bold; color: #002255;border-bottom:5px #305 solid;
   border-left:6px #753 solid;border-top: 3px #660 solid;border-right:3px #880 solid;} 
   
div.cellH { background-color:#ff00ff; color:#000;border:0px; width:176px; height:27px;} 
div.cellA { background-color:#00523c; color:#000; border:0px; width:176px; height:27px;}
div.cellB { background-color:#662288; color:#000;  border:0px; width:176px; height:27px;}
div.cellC { background-color:#cc3b00; color:#000;  border:0px; width:176px; height:27px;}
div.cellD { background-color:#0022dd; color:#000;  border:0px;width:176px; height:27px;}

.float1 {float:left; width:620px;margin:10px;text-align:center;}
.float2 {float:left; width:280px;margin:0 0 0 10px;}
.imgfloatleft{float:left; margin:10px 10px 10px 20px;}
.imgfloatright{float:right; margin:10px 10px 0 0;}

.clearthefloats {clear:both;}