body
{
   margin: 2px;
   right: 8px;
   left: 8px;
   font-family:  Verdana,  Arial , Sans-Serif, Serif;

}
img
{
	border:0;
}

h3,b
{
      color: #1d5987;
}

h3
{
	font-size:1.2em;
}

hr
{
	   color: 	#ADD8E6;
   background-color: #ADD8E6;
   border: None; 
    height: 1px;  
}

.txtbox
{
	width:90%;
	
}
.tbl
{
	 border:solid  #48f 1px;text-align:left;
}
.nowtbl
{
	border:solid  #48f 1px;text-align:left;font-size:1.2em;
}

.note
{
	text-align:left;
	padding:8px;
	 width:90%;
}



/* tabs */
#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

#toc a {
    background: #bdf url(/images/tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

#toc a:hover span {
    background-position: 100% -120px;
}

#toc li {
    float: left;
    margin: 0 1px 0 0;
}

#toc li.on a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

#toc li.on span {
    background-position: 100% -60px;
}

#toc span {
    background: url(/images/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

/* text header */

b.c1 {margin:0 5px; background:#059;}
b.c2 {margin:0 3px; border-width:0 2px;}
b.c3 {margin:0 2px;}
b.c4 {height:2px; margin:0 1px;}
b.c5,b.c6,b.c7,b.c8{display:block; overflow:hidden; background:#d0e5f5; border-left:1px solid #79b7e7; border-right:1px solid #79b7e7; height:1px;}
b.c5 {margin:0 5px; background:#79b7e7;}
b.c6 {margin:0 3px; border-width:0 2px;}
b.c7 {margin:0 2px;}
b.c8 {height:2px; margin:0 1px;}
#txtheader{
	border-top:#fff 10px solid;
	border-bottom: #fff 10px solid;
	 width: 80%;
}
#txtheader h2{
	font-size: 13px;
	font-weight:bold;
	margin:0;
	background-repeat:no-repeat;
	padding-left:8px;
	border-left:#79b7e7 1px solid;
	border-right:#79b7e7 1px solid;
	background-color:#d0e5f5;
}


  .container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        font-size: 13px;

      }

tr:nth-child(odd) {background-color: #EFF3FB;}

      .c1, .c2, .c3, .c4, .c5, .b1, .b2 
      {
        width: 100%;

      }
      .b3
      {
      	text-align:left;
		width:100%;
      	left:10px;
      	padding:8px;
      }
	.Logo
	{
		width:160px;
	}

      @media (min-width: 960px) 
      {
      	   
      	   .container 
      	   {
      	   	width:960px;
      	   	font-size: 12px;
      	   	}

		.Logo
		{
			width:100%;
		}
        .c1 {
          width: 100%;
          -webkit-order: 1;
          order: 1;
        }
             	  
        .c2 {
          width: 100%;
          -webkit-order: 2;
          order: 2;
        }

        .c3 {
          width: 160px;
          -webkit-order: 3;
          order: 3;
        }

        .c4 {
          width: 800px;
          -webkit-order: 4;
          order: 4;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        }
        
                .c5 {
          width: 100%;
          -webkit-order: 5;
          order: 5;
        }
        
        .b1
        {
          width: 340px;
          -webkit-order: 6;
          order: 6;
          float:left;
      
          
        }
        
         .b2
        {
		 width:460px;
          -webkit-order: 7;
          order: 7;
          float:right;
        }
        
         .b3
        {
		 width:100%;
          -webkit-order: 8;
          order: 8;
           float:left;
   
        }
      }



.ImageButton
{
	 margin-top:10px;	
}