/* Default Page Template CSS */   	
      .pgFrame {
        position: absolute;
           width: 98%; 
          height: 98%; 
          border: 0px solid black;
      }

/* HEADER SECTION */      
      .pgHeader {
        position: absolute; 
          height: 20%;
           width: 100%;
          border: 0px solid purple;
       }
       .pgTopLeftMargin {
        position: absolute;
          height: 100%;
           width: 10%;
          border: 0px solid white;
       }
       .pgTopRightMargin {
        position: absolute;
           right: 0%;
          height: 100%;
           width: 10%;
          border: 0px solid white;
            
       }
       .pgTopMarginTxt{
        position: relative; 
     font-family: Verdana, Arial, Helvetica, sans-serif;
          margin: 0% auto; 
             top: 40%; 
      text-align: center;
         display: none;
       }
       .pgHeaderCenter {
        position: absolute;
            left: 10%;
           Width: 80%;
          height: 100%;
          border: 0px solid green;
       }
       .pgHeaderImage {
          height: 100%;
           width: 100%;
         z-index: 1;
       }
       .pgHeaderText {
        position: absolute;
             top: 0%;
      text-align: center;
           width: 100%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 36pt; 
           color: #FFFFFF;
         z-index: 2;
          border: 0px solid orange;
       }
       .pgHeaderUserIDText{
        position: absolute; 
          bottom: 0%; 
           right: 0%; 
background-color: white;
         padding: .5% 1% .5% 1%;
           color: #3C6494;
     font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11pt;
       }
       .pgHeaderLeftCurve {
        position: absolute;
             top: 0%;
            left: 0%;
         z-index: 2;
       }
       .pgHeaderRightCurve {
        position: absolute;
             top: 0%;
           right: 0%;
         z-index: 2;
       }
       
       
/* BODY SECTION */
      .pgBody {
        position: absolute;
          height: 70%;
             top: 20%; 
           width: 100%;
          border: solid yellow 0px;
      }
      .pgBodyLeftMargin {
        position: absolute;
          height: 100%;
             /*top: 20%;*/
           width: 10%;
          border: 0px solid purple;
      /* text-align: center; */
      }
      .pgBodyRightMargin {
        position: absolute;
          right: 0%;
         height: 100%;
          width: 10%;
         border: 0px solid green;
       }
       .pgBodyMarginTxt{
        position: relative; 
     font-family: Verdana, Arial, Helvetica, sans-serif;
          margin: 0% auto; 
             top: 50%; /*15%; */
      text-align: center;
         display: none;
       }
       .pgBodyContentFrame {
        position: absolute;
          height: 100%;
           width: 80%;
            left: 10%;
background-color: #3C6494;
          border: 0px solid green;
       }
       .pgBodyContent {
        position: relative;
            left: 0%;
             top: 0%;
           width: 100%;
          height: 100%;          border: 0px solid red;
       }
       
/* FOOTER SECTION */       
       .pgFooter {
        position: absolute;
          height: 10%;
           width: 100%;
             top: 90%; 
          border: solid purple 0px;
       }
       .pgBottomLeftMargin {
        position: absolute;
          height: 100%;
           width: 10%;
          border: 0px solid green;
       }
       .pgBottomRightMargin {
        position: absolute;
           right: 0%; 
          height: 100%;
           width: 10%; 
          border: 0px solid blue;          
       }
       .pgBottomMarginTxt{
        position: relative; 
     font-family: Verdana, Arial, Helvetica, sans-serif;
          margin: 0% auto; 
             top: 45%; 
      text-align: center;
         display: none;
       }
       .pgFooterCenter {
        position: absolute;
           width: 80%;
            left: 10%;
background-color: #3C6494;
       }
       .pgFooterText {
     font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 10pt;
      text-align: center;
           color: #B8CCE4;
      border-top: 2px solid #B8CCE4;
   border-bottom: 2px solid #B8CCE4;
         padding: .5% 0% .5% 0%;
       }
       .pgFooterText a {
 text-decoration: none;
           color: #B8CCE4;
       }
       .pgFooterCopyright {
     font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 8pt;
      text-align: center;
           color: #B8CCE4;
         padding: 1% 0% 1% 0%;
       }
       
       .pgFooterLeftCurve {
        position: absolute;
          bottom: 0%;
            left: 0%;
         z-index: 2;
       }
       .pgFooterRightCurve {
        position: absolute;
          bottom: 0%;
           right: 0%;
         z-index: 2;
       }
       
      .hlink:link, 
      .hlink:visited  {
          color : #B8CCE4;
text-decoration : none;
     font-style : italic; 
       }
      .hlink:hover {
    font-weight : bold;
       }
       
       .underline {
 text-decoration:underline;
       }