/* 2 column Flexible style sheet to enable the page to adjust to screen size */
/* Consists of a main column 88% of screen with a left margin of 11%  */
/*  */
body{
background-color: #fff;
color: #000000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-weight: regular;
line-height: 1.20em;
margin: 0;
padding: 0;
}
a:link {color: blue}
a:visited {color: blue}
a:hover {color: gray}
 
 #container {
 width: 99%;
 background-color: #fff;
 color: #000000;
 margin: 0 0 0 0.5%; /* top right bottom left */
 padding: 0
 }
 
 #container h1 {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 150px;
 float: left;
 border-bottom: #c00 solid 3px;
 }
 
 #container #lftcol {
 width: 11%;
 float: left;
 border: 0px solid blue;
 }
 
 #logo {
 position:relative;
 top:100px;
 width: 100%;
 margin-left:auto;
 margin-right:auto;
 }
 
 #lftcol p.cent{
 text-align: center;
 margin-top: 0px;
 margin-bottom: 20px;
 padding: 0;
}
 
 
 #btn{
 position:relative;
 font-family: Arial, Tahoma;
 color: #000080;
 top: 200px;
 width: 100%;
 margin-left:auto;
 margin-right:auto;
 border: 0px solid green;
 }
 
  #btn p{
  color: #000080;
  font-size: 12px;
  margin: 10px 0px 10px 0px;
  padding: 0;
  }
 
 


 
 #container #outercol {
 width: 88%;
 float: right;
 margin: 0;
 padding: 0;
 border: 0px solid red;
 }
 
 /* Tags common to all blocks within #outercol */
 
     #outercol br.left{
    clear:left;
    }    
    
    #outercol br.rght{
    clear: right;
    }
    
    #outercol img.left{
    float: left;
    border-style: none;
    padding-right: 40px;
    margin: 10px 10px 0 0;
    }
    
    #outercol img.cent{
    display:block;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    }    
    
    #outercol img.rght{
    float: right;
    border-style: none;
    padding-right: 40px;
    margin: 0 0px 0 0;
    }
    
    #outercol input.intxt{
    text-align:right;   
    width: 150px;
    }   
        
    #outercol input.btn{
    width: 120px;
    }
        
    #outercol input.rgt{
    text-align:right;
    }
 
 /* center1 and center2 are blocks within #outercol*/
 
 #center1{
 position:relative;
 width: 100%;
 font-size: 11pt;
 color: #000080;
 top: 50px;
 margin: 10 0 0 0;
 padding: 0;
 border: 0px solid green;
 }
 
 #center1 p.left{
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 margin: 0 0 20 0;
 padding: 0;
}

#center1 p.cent{
 font-family: Tahoma;
 font-style: italic;
 text-align: center;
 font-size: 44px;
 margin: 0 0 50 0;
 padding: 0;
}

#center1 p.rght{
 font-family: Arial, Tahoma;
 text-align: right;
 font-size: 16px;
 font-weight: bold;
 margin: 0 0 20 0;
 padding: 0;
}

#center1 p.subtitle{
 font-family: Tahoma;
 font-style: italic;
 text-align: center;
 font-size: 24px;
 margin: 0 0 50 0;
 padding: 0;
}

 #center2{
 position:relative;
 top: 150px;
 width: 100%;
 font-size: 11pt;
 color: #000080;
 margin: 10 0 50 0;
 padding: 0;
 border: 0px solid yellow;
 }
 
    #center2 p.title{
    font-size: 18px;
	font-weight:700;
    margin: 20px 0px 10px 0px;
    padding: 0; 
    }
    
	#center2 p.subhead{
    color: #000080;
    margin 10px 0px 0px 0px;
    font-size: 16px;
    font-weight:700;
    font-style: italic;
    padding: 0; 
    }
         
    #center2 p.post{
    font-size: 16px;
    line-height: 1.25em;
    color: #000080;
    font-weight:500;
    margin: 10px 0px 0px 0px;
    padding: 0; 
    }
 
    #center2 p.indent{
    font-size: 15px; 
	line-height: 1.25em;
    color: #000080;
	margin: 10px 0px 0px 50px;
    padding: 0;    
    }
    
    #center2 p.return{
	font-size: 12px;
    text-align: right;
    }
    
    #center2 input.btn{
    width: 80px;   
    }
    
    #center2 p.views{
    margin-top: 50px;
    margin-left: 150px;
    border: 0px blue dashed;
    }
  
    #center2 p.btns{
    margin-left: 250px;
    margin-right: 100px;
    }

    
    /* Table  Type 1  Define extra columns as required*/
    #center2 table.type1{
    width:50%;
    border-collapse: collapse;
    margin-top: 50px;
    margin-bottom: 30px;
    }
    
        
    #center2 th.type1-col1{
    width: 10%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;
    }
    
    #center2 th.type1-col2{
    width: 60%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;
    }
   
    #center2 th.type1-col3{
    width: 30%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    } 
    
    #center2 td.type1-col1, td.type1-col2, td.type1-col3{
    border: 1px solid blue;
    height: 20px;
    font-size: 14px;
    text-align: center;
    }

    /* Table  Type 2  Define extra columns as required*/    
    #center2 table.type2{
    width:100%;
    border-collapse: collapse;
    margin-top: 50px;
    margin-bottom: 30px;
    }
    
        
    #center2 th.type2-col1{
    width: 10%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;
    }
    
    #center2 th.type2-col2{
    width: 6%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;
    }

    #center2 th.type2-col3{
    width: 12%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    }
    
    #center2 th.type2-col4{
    width: 11%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    }  

    #center2 th.type2-col5{
    width: 11%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;
    }

    #center2 th.type2-col6{
    width: 11%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    }
    
    #center2 th.type2-col7{
    width: 10%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    }

    #center2 th.type2-col8{
    width: 24%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    }     
 
    #center2 th.type2-col9{
    width: 5%;
    height: 30px;
    font-size: 18px;
    border: 1px solid black;    
    }    
    
    #center2 td.type2-col1, td.type2-col2, td.type2-col3, td.type2-col4, td.type2-col5, td.type2-col6,td.type2-col7, td.type2-col9{
    border: 1px solid blue;
    height: 20px;
    font-size: 14px;
    text-align: center;
    }    
    
    #center2 td.type2-col8{
    height: 20px;
    font-size: 14px;
    border: 1px solid black;
    text-align:left;    
    } 
    
    #center2 table.type4{
    width:60%;
    border-collapse:collapse;
    height: 20px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
    }     
    #center2 td.type4a{
    width: 30%;
    border: 0px solid blue;
    font-weight:700;
    padding:2px;
    }
    #center2 td.type4b{
    width: 15%;
    border: 0px solid blue;
    text-align:center;
    padding:2px;
    }
    
    #center2 td.type4c{
    width: 10%;
    border: 0px solid blue;
    text-align:center;
    padding:2px;
    }       

    #center2 td.type4d{
    width: 40%;
    border: 0px solid blue;
    text-align:left;
    padding:2px;
    }     
 
 
    
 #footer {
 position:relative;
 top: 75px;
 width: 100%;
 font-size: 11pt;
 color: #000080;
 margin: 10 0 50 0;
 padding: 0;
 border: 0px solid green;
 }
 
    #footer p.post{
    font-size: 13px;
    line-height: 1.25em;
    color: #800080;
    margin: 10px 0px 0px 0px;
    padding: 0;
    }