a:active  { /* links underlined */
  text-decoration : underline; 
  color: #0000FF;
  }

a:visited  { /* links that have been clicked */
  text-decoration : underline; 
  color: #990000;
  }

.toplayer { /* top banner graphic */
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 909px; 
  height: 135px; 
  z-index: 1;
  }

.sidelayer { /* left side graphic */
  position: absolute; 
  left: 0px; 
  top: 135px; 
  width: 137px; 
  height: 499px; 
  z-index: 2;
  }

body { /* the body tag */
  background-color: #FFFFFF; 
  background-repeat: repeat-y; 
  background-image:  url(/images/blueslit.jpg);
  }

.sidenav { /* left side navigation text */
  position: absolute; 
  left: 12px; 
  top: 173px; 
  width: 96px; 
  height: 242px; 
  z-index: 3;
  }

.apptitle { /* application text title */
  /* background-color: transparent; */
  position: absolute; 
  left: 144px; 
  top: 25px; 
  /* width: 700px;  
  height: 50px; */
  z-index: 3; 
  color: #990000; 
  font-weight: bold; 
  font-size: xx-large;
  letter-spacing: 0.1px; 
  font-family: Arial, Helvetica, sans-serif; 
  }

.apptitle2 { /* application text sub-title */
  /* background-color: transparent; */ 
  position: absolute; 
  left: 144px; 
  top: 80px; 
  /* width: 700px; 
  height: 20px; */ 
  z-index: 4; 
  color: #990000; 
  font-weight: bold; 
  font-size: large;
  letter-spacing: 0.1px; 
  font-family: Arial, Helvetica, sans-serif; 
  }
  
.mapixmlogo { /* mapix-m logo */
  position: absolute; 
  left: 646px; 
  top: 453px; 
  width: 120px; 
  height: 45px; 
  z-index: 9;
  }

.urslogo { /* urs logo */
  position: absolute; 
  left: 646px; 
  top: 503px; 
  width: 71px; 
  height: 28px; 
  z-index: 9;
  }

.dewberrylogo { /* dewberry logo */
  position: absolute; 
  left: 646px; 
  top: 536px; 
  width: 160px; 
  height: 25px; 
  z-index: 9;
  }
    
.swlogo { /* schaaf wheeler logo */
  position: absolute; 
  left: 646px; 
  top: 566px; 
  width: 125px; 
  height: 28px; 
  z-index: 9;
  }

.a1logo { /* airborne 1 logo */
  position: absolute; 
  left: 646px; 
  top: 599px; 
  width: 98px; 
  height: 41px; 
  z-index: 9;
  }

.tplogo { /* terrapoint logo */
  position: absolute; 
  left: 646px; 
  top: 645px; 
  width: 86px; 
  height: 32px; 
  z-index: 9;
  }

.femalogo { /* fema logo */
  position: absolute; 
  left: 635px; 
  top: 745px; 
  width: 150px; 
  height: 55px; 
  z-index: 9;
  }

.header { /* header for main content area on each page - header 1 */
  font-weight: bold; 
  color: #990000; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 120%; 
  z-index: 3;
  }

.gradient { /* background gradient */
  position: absolute; 
  left: 620px; 
  top: 425px; 
  width: 180px; 
  height: 236px; 
  z-index: 8;
  }

.maincontent { /* main application content area */
  position: absolute; 
  left: 158px; 
  top: 170px; 
  width: 760px; 
  height: auto; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100%; 
  z-index: 2;
  }

.mainphotos { /* 1 large and 4 small photos */
  position: absolute; 
  left: 160px; 
  top: 150px; 
  width: 422px; 
  height: 262px; 
  z-index: 5;
  }

.modifieddate { /* Associated with the updated info on bottom of all pages */
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 70%;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  }

.leftcontent { /* left content area */
  position: absolute;
  left: 156px; 
  top: 180px; 
  width: 400px; 
  height: auto; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100%; 
  z-index: 2;
  }

.rightcontent { /* right content area */
  position: absolute; 
  left: 500px; 
  top: 180px; 
  width: 300px; 
  height: auto; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100%; 
  z-index: 3;
  }

.mainbuttons { /* right side main buttons */
  position: absolute; 
  left: 620px; 
  top: 153px; 
  width: 310px; 
  height: auto; 
  z-index: 7;
  }

.photocaption { /* text located under main photos and main buttons */
  background-color: transparent; 
  position: absolute; 
  left: 158px; 
  top: 442px; 
  width: 430px; 
  height: auto; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 85%; 
  font-weight: normal; 
  color: #000000; 
  z-index: 6; 
  text-align: justify;
  }
  
.dfirmtable {
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:  #000000;
	} 

.title {  /* title heading for main pages - heading 2 */
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 110%; 
  font-weight: bold; 
  color: #990000;
  }
  
.subtitle { /* subtitle heading - heading 3 */
  font-family: Arial, Helvetica, sans-serif;
  color: #990000;
  font-weight: bold;
  font-size: 95%;
  font-style: italic;
  }
  
.breadcrumbs {  /* link trail to higher level pages */
  background-color: transparent; 
  position: absolute; 
  left: 158px; 
  top: 140px; 
  width:760px; 
  height: 30px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 65%; 
  font-weight: normal; 
  color: #000000; 
  z-index:4;
  }

 .footer {  /* footer links format for MAPIX-M Web Site */
  background-color: transparent; 
  font-family: Arial, Helvetica, sans-serif; 
  color: #000000; 
  font-size: 65%; 
  font-weight: normal; 
  z-index: 6;
  }
  
  
@media print { /* classes not to print */
  .toplayer, .sidelayer, .apptitle, .apptitle2, .breadcrumbs, .sidenav, .footer {
  display: none }
  }
  
@media print {  /* class modification for printing purposes */
  .maincontent { 
     top: 20px; 
	 left: 0px;
	 width: 100%;
   }	
   .mainphotos {
   	 top: 20px;
	 left: 0px;
	 width: 422px;
   }
	.mainbuttons {
	 top: 23px;
	 left: 460px;
	 width: 310px;
   }
   .photocaption { 
  	 top: 312px;
	 left: 0px; 
  	 width: 430px; 
   }
   .gradient { 
    top: 260px; 
	left: 460px; 
    width: 180px; 
   }  
   .mapixmlogo { 
    top: 288px; 
	left: 486px;    
    width: 120px; 
   }
   .urslogo { 
    top: 338px; 
    left: 486px; 
    width: 71px; 
   }
   .dewberrylogo { 
    top: 371px; 
    left: 486px; 
    width: 160px; 
   }
   .swlogo { 
    top: 401px; 
    left: 486px; 
    width: 125px; 
   }
   .a1logo { 
    top: 434px; 
    left: 486px; 
    width: 98px; 
   }
   .tplogo {
    top: 480px;
    left: 486px; 
    width: 86px; 
   }
   .femalogo { 
    top: 595px;
	left: 485px; 
    width: 150px; 
   }  
}