div {
  padding : 0px;
}

body {
  padding : 20px;
  background-color: lightyellow;
  }
#outer{
  display  : block;
  padding  : none;
  padding-top: 1px;
  width    : 864px;
  height   : 820px;
  margin   : 0 auto;
  margin-top:20px;
  border   : 5px solid midnightblue;
}

#inner{
  display     : block;
  padding     : none;
  width       : 860px;
  height      : 817px;
  margin      : 0 auto;
  background-color : peachpuff;
  border      : 1px solid lightgrey;
}	
/* ------------------section 2: top bar -------------------------------- */
#topBar {
  display    : block;
  width      : 840px;
  height     : 60px;
  margin     : 0 auto;
  margin-top : -40px;
}

#endTL, #endTR {
  display : -moz-inline-block;
  display : inline-block;
  height  : 60px;
}  
#endTL { background-image : url('igImages/leftTitleBar.bmp');  float:left; width:86px;}
#endTR { background-image : url('igImages/rightTitleBar.jpg');  float:right; width:16px;}


  
#titles {
  display    : -moz-inline-block;
  display    : inline-block;
  height     : 60px;
  width      : 738px;
  background-color :#461450;
  float      : left;
}

#boxLeft {
  display     : inline-block;
  float       : left;
  background-color : #461450;
 }
#txtLeft { 
  font        : 32px Arial;
  color       : azure;
  line-height : 60px;
  margin-left : 10px;
  margin-right: 15px;

}  
#boxRight {
 margin-top   : 10px;
 background-color : azure;
 height:40px; 
 }
 
#endXL {
 display : -moz-inline-block;
 display      : inline-block;
 float:left;
 height : 40px;
 width: 8px;
 background-image : url('igImages/leftText.bmp');  
}


#txtRight {
 font         : 20px arial;
 line-height  : 40px;
 margin-left  : 10px;
 margin-right : 10px;
}
 /* -------------------------- Section 3: Main Menu --------------------------------- */
 #mainMenu, #menuBar, #menuTwo {
   display: block;
   width : 840px;
   height:26px; 
   margin-left:10px;
   margin-bottom : 20px;
  }
 #menuBar { margin-bottom : 0px;}
 #endMML, #endMMR, #endPML, #endPMR{
  display : -moz-inline-block;
  display : inline-block;
  height  : 26px;
  width   : 10px;
  border-top : 1px solid black;
}
#endMML { background-image : url('igImages/leftMainMenu.jpg');  float:left;}
#endMMR { background-image : url('igImages/rightMainMenu.jpg'); float:right;}
#endPML { background-image : url('igImages/leftProcMenu.bmp');  float:left;}
#endPMR { background-image : url('igImages/rightProcMenu.bmp'); float:right;}

ul#navMain, ul#navProc, ul#navSubProc, ul#navPrBm {
  display   : block;
  padding  : 0;
  margin   : 0;
  float    : left;
  width    : 820px;
  height   : 26px;
  background-color : black;
  border-top : 1px solid black;
 }
ul#navProc     { width : 840px;  }
ul#navSubProc  { background-color : cadetBlue;  }


ul#navMain li, ul#navProc li, ul#navSubProc li { display  : inline; } 
  
ul#navMain li a, ul#navProc li a, ul#navSubProc li a {
  display            : inline;  
  padding            : 0.4em 1.5em;
  font               : bold 12px arial;
  text-decoration    : none;
  float              : left;
  color              : khaki; 
  background-color   : black;  
  border-right       : solid 1px darkViolet;
}   
ul#navProc li a     {  border-right : solid 1px cadetBlue;    }

  
ul#navMain li a:hover  {color: yellow; background-color: darkViolet; border-right : solid 1px black;  }
ul#navMain li a:active {color: yellow; background-color: darkViolet; }


ul#navProc li a        { color: yellow;background-color : black;    }
ul#navProc li a:hover  {color: black; background-color: cadetBlue; border-right : solid 1px black;  }
ul#navProc li a:active {color: black; background-color: cadetBlue;  }


ul#navSubProc li a  { color: azure ;background-color : cadetBlue; padding : 0.4em 0.8em; }
ul#navSubProc li a:hover {color: white; background-color: indigo;border-right : solid 1px cadetBlue;   }
ul#navSubProc li a:active {color: white; background-color: indigo;  }
   
#mm0  { border-left: 1px solid indigo; margin-left: 86px;}   
#pm0  { border-left: 1px solid cadetblue; margin-left: 65px; }   
#psm0 { border-left: 1px solid indigo; margin-left: 123px; }
#menuProc { display : block;  width : 840px; }
 
 /* ------------------ styles for the divs with rounded corners -----------------------*/
.topA,  .topB,  .topLR,  .topXX,  .topXXAZ,  .topS,  .topBi, 
.btmA,  .btmB,  .btmLR,  .btmXX,  .btmS,     .btmBi,
.btmAo, .btmBo, .btmLRo, .btmXXo, .btmXXAZo, .btmSo, .btmBio
{
    display          : inline-block; 
	height           : 6px; 
	float            : left;
	repeat           : no-repeat;
	padding          : none; 
	margin-left      : 10px;
 }
 
 .topA,  .topB,  .topLR,  .topXX, .topXXAZ,  .topS,  .topBi  { font  : 1px arial; height : 6px; }


.topLR  { background-image : url('igImages/top-LR-PP-415.bmp');width: 415px; }
.btmLR  { background-image : url('igImages/btm-LR-PP-415.bmp');width: 415px; }	
.btmLRo { background-image : url('igImages/btm-LR-LY-415.bmp');width: 415px; }
	
.topXX     { background-image : url('igImages/top-XX-PP-309.bmp');     width: 309px;} 
.topXXAZ   { background-image : url('igImages/top-XX-PP-AZ-309.bmp');  width: 309px;} 
.btmXX     { background-image : url('igImages/btm-XX-PP-309.bmp');     width: 309px;}
.btmXXo    { background-image : url('igImages/btm-XX-LY-309.bmp');     width: 309px;}
.btmXXAZo  { background-image : url('igImages/btm-XX-LY-AZ-309.bmp');  width: 309px;}
	
.topB   { background-image : url('igImages/top-B-PP-202.bmp'); width: 203px;}	
.btmB   { background-image : url('igImages/btm-B-PP-202.bmp'); width: 203px;}	
.btmBo  { background-image : url('igImages/btm-B-LY-202.bmp'); width: 203px;}
	
.topA   { background-image : url('igImages/top-A-PP-629.bmp'); width: 628px;}	
.btmA   { background-image : url('igImages/btm-A-PP-629.bmp'); width: 628px;}	
.btmAo  { background-image : url('igImages/btm-A-LY-629.bmp'); width: 628px;}	

.topS   { background-image : url('igImages/top-S-PP-840.bmp'); width: 840px;}	
.btmS   { background-image : url('igImages/btm-S-PP-840.bmp'); width: 840px;}	
.btmSo  { background-image : url('igImages/btm-S-LY-840.bmp'); width: 840px;}
	
.topBi  { background-image : url('igImages/top-Bi-PP-202.bmp'); width: 203px;}	
.btmBi  { background-image : url('igImages/btm-Bi-PP-202.bmp'); width: 203px;}	
.btmBio { background-image : url('igImages/btm-Bi-LY-202.bmp'); width: 203px;}	

.m10 { margin-left: 10px; }
.m11 { margin-left: 11px; }
.mb20 { margin-bottom : 20px;}

.colA, .colB, .colLR, .colA, .colXX, .colS, .colXXAZ
{
  display           : inline-block;
  float             : left;
  border-left       : 1px solid lightGrey;
  border-right      : 1px solid lightGrey;
  background-color  : ivory;
  margin-left       : 10px;
  height            : 16px;
}

.colLR  { width : 413px; }
.colA   { width : 626px; }
.colXX  { width : 307px; }
.colXXAZ {width : 307px; background-color:azure;}
.colB   { width : 201px; }
.colS   { width : 838px; }
  
.ht2  { height : 20px; }
.ht20 { height : 200px; }
.ht30 { height : 300px; }
.ht40 { height : 400px; }
.ht50 { height : 500px; }
.ht55 { height : 550px; }
.ht58 { height : 580px; }
.ht60 { height : 600px; }
.ht62 { height : 620px; }
.ht65 { height : 650px; }
.ht68 { height : 680px; }
.ht70 { height : 700px; }
.ht75 { height : 750px; }
.ht80 { height : 800px; }
.ht90 { height : 900px; }
.ht82 { height : 820px; }
.ht85 { height : 850px; }
.ht95 { height : 950px; }
.ht97 { height : 970px; }
.ht100{ height : 1000px; }
.ht105{ height : 1050px; }
.ht200{ height : 2000px; }
.ht290{ height : 2900px; }
.ht300{ height : 3000px; }
.ht400{ height : 4000px; }
	  

 /* ------------------ styles for the text -----------------------*/


 .hh, .hb, .hl, .hj { 
  font : bold 14px  "lucida sans" ;
  color : midnightblue;
  margin-top : 12px;
  margin-bottom : 6px;
  margin-left : 10px;
  text-decoration:none;
  }
.hb { display : inline-block; float: left; width: 80px; margin-left: 20px }
.hl {margin-left:5px;}
.hl:hover {color:red; text-decoration:none;}
.hj { font: bold 22px "licida sans";}

.pp, .p1, .p2, .p3, .p4, .px, .py, .pz , .pi{
  font : 12px, arial;
  color : DarkSlateGray;
  margin-bottom : 12px;
  margin-top:4px;
  margin-left : 20px;
  margin-right : 20px;
  line-height : 15px;
} 
.p1 { line-height : 16px; color : saddleBrown;}
.p2 { line-height : 16px; color : saddleBrown;}
.p3 { line-height : 16px; color : #660099; margin-top: 4px; margin-bottom 4px; }
.p4 { line-height : 16px; color : blue; margin: 0px; text-decoration: none;}     
.px { margin-top  : 0px; margin-bottom : 0px;line-height:16px; color : maroon;  margin-left:60px;  }
.py { display:inline-block; float: left; width:470px; margin-top :12px;}
.pz { margin-left : 0px; margin-right:5px;}
.pi { color : indigo;}

.qb {
  font :bold 13px arial ;
  color : DarkGreen;
  margin-bottom : 8px;
  margin-left : 0px;
  margin-right : 10px;
} 
a.p2:hover {color: red; }
/* -------------------------- List on page 2 ----------------------------*/
.itemList dd { 
  margin-left        : 40px;  
  font               : 12px arial;
  color              : gray;
}
.itemList dd a{
  
  font               : 12px arial;
  color : gray;
  text-decoration    : none;
   
}
.itemList dd a:hover { color : red;  }
.ra { color: rosybrown;  font :12px arial;  }
.ar { color: rosybrown;  font :14px arial;  text-decoration:none; }
a:hover .ar  { color : red;}
a:hover .ra  { color : red;}
 
.aa, .bb, .cc, .dd, .ee
{ display : inline-block; height 40px; float:left; border : 1px solid red;  margin-left 0px}

 .bb {width : 306px; }
 .cc {width : 306px;margin-left : 10px; }
 .dd {width : 200px;margin-left : 10px; }
 .ee {width : 624px; }


#xTop { font:12px arial; color:rosybrown;text-align:right; text-decoration:none;margin-right: 15px;}
a p#xTop:hover { color:red; }
#topLink {text-align:right }

/* ------------------------- Form Elements -----------------------------*/
div.fN               /* div container for field name */
{
 display           : -moz-inline-block;
 display           : inline-block;
 padding           : none;
 float             : left;
 height            : 24px;
 width             : 100px;
 text-align:left;

}

div.fD              /* div container for input text box */
{
 display           : inline-block;
 padding           : none;
 float             : left;
 height            : 24px;
 width             : 180px;
}

.fName              /* attributes for field name text*/
{
 margin-top        : 4px;
 font              : 12px arial;
 color             : blue;
 margin-right      : 8px;
}
.redc { color: red; font-weight:bold}
/* ---------------------------------- indigo paanels -------------------------------*/
   #grad {
     width:100%;
     height:100%;
     filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#FAFAD2, endColorstr=#DAA520)  }
	 
   .ab { font: 11px arial; color: turquoise; margin :5px;text-align: center;}
   .ah { font: bold 14px "lucida sans" ; color: Yellow; margin :15px;text-decoration : none;text-align: center; }
   .aj { font: 13px "lucida sans" ; color: Yellow; margin :15px;text-align: center;}
   .at { font: 12px arial; color: lightgreen; margin :10px;text-align: center;}
   .abi, .ibi {font: 12px arial; color: turquoise; margin-left :15px;margin-top: 8px;margin-bottom:2px;text-align:left;}
   .abi { color: turquoise; }
   .ibi { color: indigo; text-align : right; margin-right:12px;  }
   .ast { font: bold 12px arial; color: pink; margin :10px;text-align: center;}
   .ah:hover, .ac:hover {color:red;}
   
   .ac { 12px arial; color: yellow; text-decoration:none;}
   
.ll, .lp { font:12px arial; color: maroon; margin-left:100 px;}
.lp { color: indigo;}


.g { margin-top : 12px; }
.t { margin-top : -15px; }
.m { margin-left: 105px;  }
.n { margin-left: 20px;  } 
.b { font: 13px "Lucida Sans" bold ; color: darkblue; margin-top : 12px; margin-left: 10px;}
dd { font: 12px arial; color:darkgreen; }

    #d {
	   display : block;
	   width  : 202px;
	   height : 1000px;
	   background-color: midnightblue;
	   border: 1px solid black;
	  }

   .lhb {
      display : block;
	  background-color: indigo;
	  height: 24px;
	  width: 190px;
	  margin-left: 5px;
	  margin-top: 15px;
	  }
.lh {
      font : 11px arial;
	  font-weight: bold;
	  color: yellow;
	  line-height : 24px; 
	  margin-left:5px;
	  } 
	  
	  .sh  { font : 11px arial; font-weight:bold; color:pink; margin-left:8px;margin-top:10px;margin-bottom:12px; } 
	  .st  { margin-left:15px;font-weight:400;color:turquoise; }  
	  .hp  { font:14px 'lucida sans'; font-weight:bold;color:Lime; margin:10px; }
	  .stt { font : 11px arial; font-weight:bold; color:violet; margin-left:20px;margin-top:10px;margin-bottom:12px; }
      .m2 { margin-left:25px; }
	  .mb { margin-left:28px; }
	  
 
  .ib1, .ib2, .ib3
    { display : block;
	  background-color: indigo;
	  width: 190px;
	  margin-left: 5px;
	  margin-top: 15px;
	  padding-top : 4px; }
	  
  .ib1 { height: 24px; }
  .ib2 { height: 40px; }
  .ib3 { height: 56px; }
  .m12 { margin: 12px; }
  .m22 { margin: 12px; }
  .tac { text-align : center; }
  
  .pe1, .pe2, .pe3, .pe4, .pe4a, .pe5, .pe6 , .ae2, .ae2r{ margin-left:10px;  margin-right : 10px; }
  .pe1, .ae1 { font : bold 18px "lucida sans" ; color : yellow; margin-top:8px; margin-bottom:6px;} 
  .ae1 {margin-left:4px; margin-right: 4px;}
  
  .pe2, .ae2  { font : bold 14px "lucida sans" ; color : pink;text-decoration:none; } 
  .ae2r { font : bold 14px "lucida sans" ; color : blue;text-decoration:none; } 
  .pe3  { font : bold 16px "lucida sans" ; color : lime; } 
  .pe4  { font : 12px arial ;              color : turquoise; text-align : center;   } 
  .pe4a  { font : 12px arial ;color : lime; text-align : center;   } 
  
  .pe5  { font : bold 14px "lucida sans" ; color : pink;  } 
  .pe6  { font : 12px arial  ;             color :  yellow;  margin-left:18px; } 
  .pe6a { font : bold 1em arial  ;             color :lime;   } 
  .ae7 { font: 12px arial;                color : yellow;   text-decoration:underline; }
  .ae2:hover, .ae2r:hover { color: red;text-decoration:none;} 
  .ae1:hover { color: red;text-decoration:none;}
  .ae7:hover { color: red;text-decoration:none;}

  .d1 { font : 16px "Lucida Sans" bold; color : Indigo; margin : 10px;  }
  .d2 { font: 14px Arial bold; color : midnightblue; margin-left:10px; }
  .d3 { font: 12px arial bold; color : black; margin-left : 20px; margin-right : 12px; }
  .d4, .d5 { font: 11px arial; color: forestgreen; margin-left:22px; margin-right : 22px;}
  .d5 { margin-left: 30px; }
  .d6 {margin-left: 56px; }