span { font-size: 15px !important;  font-family: open sans !important; }
body {
 
font:15px open sans !important;
margin-left:5%;
margin-right:5%;}
h2{ margin-top:0px;background: #808080;
    color: #FFF;
    padding:10px; font-size: 16px;}

 .c1 {float: left;}
 .c2 {float: right;}
 .c3 { margin:45px 0 0 0px; text-align: center; }
#headline1
{
/*background: url(images/ss.gif) repeat-x;
background-position: left top;*/
height:auto;
color: blue;
margin:auto;
background:#FFF;
padding-top: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
 } 

.headlinep0{
float:right;
padding:2px 15px 0 2px;
font:14px open sans; text-decoration:none; 
font-weight:bold;  
color:#000080;}

.headlinep1 {
   padding: 10px 0 0 1px;
   font: 28px open sans;
       font-weight: normal;
   text-decoration: none;
   font-weight: bold;
   color: #900;
   margin-top: 60px;
}

.headlinep2 {
   float: left;
       font: 20px open sans;
       font-weight: normal;
   text-decoration: none;
   font-weight: bold !important;
   color: #000080;
    
   margin-top: -30px;
    
}

.headlinep3{ 
padding:10px 50px 0 0px; 
float:right;
 font:12px open sans; text-decoration:none; 
font-weight:bold;  
color:#000080;
 }

#topPan{width:100%; position:relative; margin:0 auto; color:#fff; /*padding:2px 0 0 0; background:#E1E1E1*/}

table#sample {background-color:#FFFFFF; border: solid white 0px; width:100%; border-radius: 10px;}
table {background-color:#FFFFFF; border: solid white 0px; width:99%;font:15px open sans;}

.data {text-decoration:none;
font-size: 15px;
font-family:open sans;text-align: center; 
background:#000080; color:#fff;  width: 14%; padding:10px;}

.data a
{text-decoration:none;
 font-size: 15px;font-family:open sans; 
font-weight: bold;
/*background:#000080;*/ color:white; 
font:15px open sans; text-decoration:none; 
font-weight:bold; text-align:center; 
}

.data a:hover
{text-decoration: underline;
color:#FFFFCC;
font-size: 15px;
font-family:open sans;
font-weight: bold;
}

.data a:active
{text-decoration: none;
background:#000080; 
color:white; 
font-size: 15px;font-family:open sans;
font-weight: bold;}


 /*---------- Navigation Menu ----------*/
#navcontainer {
      
      /*padding-left: 15px;*/
      min-height: 300px;
      /*float: left;*/
      overflow: hidden;
      width: auto;
}
* html #navcontainer {height: 380px; overflow: visible;}

.nav {
      width: 100%;
      position: relative;
      list-style-type: none;
      margin: 0;
      padding: 0px;
      font-size: 100%;
}

.nav li {
      text-align: left;
      margin: 3px 1px;
      padding: 0;
      
}

/*.nav li a {
      border: 1px solid #000080;
      display: block;
      padding: 4px 0 4px 10px;
      background:#000080;
      color:#FFF;
      font-weight: bold;
      text-decoration: none;
      width: 100%;
      voice-family: "\"}\""; 
      voice-family:inherit; 
    min-width: 100px;
    
}

.nav li a:hover {
      background: #0080C0;
      color: white;
      font-weight: bold;
      cursor: pointer;
}
*/
.nav li a {
      display: block;
      padding: 4px 0 4px 10px;
      color:#111;
      font-weight: bold;
      text-decoration: none;
      width: 100%;
      voice-family: "\"}\""; 
      voice-family:inherit; 
    min-width: 100px;
      padding: 10px 5px 10px 5px;
      /*background: #808080;*/
    
}

.nav li a:hover {
      background: #808080;
      color: white;
      font-weight: bold;
      cursor: pointer;
      padding: 10px 5px 10px 5px;

    border-left: 10px solid #900;
}

/************************************************************/


h3
{
color:#000080;
text-align:left;
}

h4
{
color:#000080;
text-align:left;
}


div.tit
{
font-family:open sans;
font-size:65%;
font-weight:bold;
text-align:left;
padding-bottom:1%;
}

div.menu
{
font-family:open sans;
font-size:75%;
font-weight:bold;
text-align:center;
padding-top:0.5%;
padding-bottom:0.5%;
background:#DADEDD;
}

.wrap
{
  width:100%;  padding:2px 0 0 0; min-height:90%; background:#FFF;
  border-bottom-left-radius: 50px !important; border-bottom-right-radius: 50px !important;
}

div.leftcol
{
float : left;
font-family:open sans;
margin-top:1%;
padding-top:1%;
padding-bottom:1%;
padding-right:0;
/*padding-left:1%;*/
 
width:20%;
background:#F4F4F4;
/*min-height:25%;*/
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: #CCC 1px 1px 10px 1px;
 

}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


div.mainhead
{
padding-top:1%;
font-family:open sans;
font-size:95%;
font-weight:bold;
}

div.mainhead1
{
 
margin-top: 0px;
font-family:open sans;
font-size:65%;
font-weight:bold;
}

div.imgmain
{
float:center;
text-align:center;
/*margin-top: 5px;
margin-left: 5px;*/
font-family:open sans;
font-size:65%;
font-weight:bold;
}

div.leftmenu
{
font-family:open sans;
font-size:65%;
font-weight:bold;
}

div.lefthead
{
font-family:open sans;
font-weight:bold;
font-size:90%;
text-align:justify;
margin-bottom:7px;
margin-top: 5px;
}


div.rightcol
{
float : right;
font-family:open sans;
/*padding-top:1%;*/
padding-left:1%;
padding-right:1%;
padding-bottom:1%;
margin-right:1%;  
margin-bottom:1%;  

width:76%; 
min-height:85%;
background:white;
 min-height:85%;
}

div.rightcol p{
  font-size: 15px;
}

p{text-align:justify;}

p.head
{
font-family:open sans;
font-weight:bold;
font-size:77%;
text-align:justify;
padding-left:1%;
padding-right:1%;
padding-bottom:0%;
padding-top:0%;
margin-bottom:11px;
margin-top: 5px;
}

h6
{font-family:open sans;}

li{ margin: 0 auto; padding: 2px 9px 5px 9px; width: auto; text-align: justify; font-size: 15px;}

li.rt{background:#8080C0;color:white;text-align: left; padding: 1px 1px 1px 1px}

ol.d {list-style-type: lower-alpha;}




@media only screen and (max-width: 425px) and (min-width: 376px)  {
  .c1{ width: 90px;  }

  .headlinep1 { font: 19px open sans !important;     margin-top: 30px; text-align: left; float: none;}

  .headlinep2{ font: 13px open sans !important; margin-left: -10px; }

  #navcontainer{
    min-height: auto !important;
  }
  div.leftcol{
    width: 100% !important;
  }
  div.rightcol{
    width: 100% !important;
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
  }
  p{
    padding: 10px;
  }
  #headline1{height: auto;}
  h2 {background: #900 !important;     margin-top: 20px;}
  .data a, .data a:active , .data:hover{ font:8px open sans;  }
}

@media only screen and (max-width: 375px) and (min-width: 321px)  {
  .c1{ width: 90px;  }

  .headlinep1 { font: 28px open sans !important;     margin-top: -17px; }

  #navcontainer{
    min-height: auto !important;
  }
  div.leftcol{
    width: 100% !important;
  }
  div.rightcol{
    width: 100% !important;
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
  }
  p{
    padding: 10px;
  }
  #headline1{height: auto;}
  h2 {background: #900 !important;     margin-top: 20px;}
  .data a, .data a:active , .data:hover{ font:8px open sans;  }
}

@media only screen and (max-width: 320px) and (min-width: 300px)  {
  .c1{ width: 74px;  }

    .headlinep1 { font: 19px open sans !important;     margin-top: 3px; text-align: left; float: none;}

  .headlinep2{ font:13px !important;  }

  #navcontainer{
    min-height: auto !important;
  }
  div.leftcol{
    width: 100% !important;
  }
  div.rightcol{
    width: 100% !important;
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
  }
  p{
    padding: 10px;
  }
 #headline1{height: auto;}
  h2 {background: #900 !important;     margin-top: 20px;}
  .data a, .data a:active , .data:hover{ font:8px open sans;  }
}



@media only screen and (max-width: 768px) and (min-width: 426px)  {
  .c1{ width: 113px;  }

  .headlinep1 { font: 20px open sans !important;     margin-top: 50px; }
   .headlinep2{ font: 13px open sans !important; margin-left: -10px !important; }

  #navcontainer{
    min-height: auto !important;
  }
  div.leftcol{
    width: 100% !important;
  }
  div.rightcol{
    width: 100% !important;
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    margin-right: 0%;
  }
  p{
    padding: 10px;
  }
 #headline1{height: auto;}

  h2 {background: #900 !important;     margin-top: 20px;}

  .data a, .data a:active , .data:hover{ font:8px open sans;  }
}