/* This is katmal's style sheet for June 2015   */

body{background : #D1FFFF ; }

h1 {color:black ;font-family: Arial, Helvetica, sans-serif; border:0px ; padding:0px ; font-size:25px ;  margin: 5px 20px ; text-align:center }
h6 {color:blue ;font-family: Arial, Helvetica, sans-serif; border:0px ; padding:0px ; font-size:25px ;  margin: 5px 20px ; text-align:center }
h2 {color : black ;font-family: Arial, Helvetica, sans-serif; border:0px ; padding:0px ; font-size:20px ;  margin: 5px 20px ; text-align:center }

t1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic }
p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 5px 20px}
p.pos_fixed { position: fixed; top: 60px; left: 5px; color: black; font-family: Arial, Helvetica, sans-serif}
p.centre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center }

a {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:link    {color:blue; background-color:transparent; text-decoration:underline; font-size:14px}
/*a:visited {color:#000000; background-color:transparent; text-decoration:none}*/
a:hover   {color:red; background-color:transparent; text-decoration:underline}
a:active  {color:#ff0000; background-color:transparent; text-decoration:underline}

.photo {width:100%}
after.photo {clear:left}

.banner {width:100%}
after.banner {clear:left}

	
#pic-place { width:20% ; float:left ; overflow:auto ; padding:0 ; border:0; margin:0}
#pic {width:100%; float:left; overflow:auto; padding:0; border:0; margin:0 }

#footer {font-family: Arial, Helvetica, sans-serif; font-size: 8px}
#footer2 {font-family: Arial, Helvetica, sans-serif; font-size: 8px}
	

    .c1, .c2, .c3, .c4, .c5, .c6 { width: 100%; float:left ; font-family: Arial, Helvetica, sans-serif; border:0%; margin:0%; padding:0% }
    .c7 { width: 100%; float:left ; font-family: Arial, Helvetica, sans-serif; border:0%; margin:0%; padding:0% }
   
ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
li {float: left; width:20%; }

ul.list3 {list-style-type:circle; margin:10px ; padding:10px ; overflow:visible; clear:both; width:100%; font-size:14px }
li.list3 {width:80%; margin: 0% 5% 0% 5% ; padding: 0% 5% 0% 5% }
a.list3 {clear:both; display:block; width:100%; font-size:10px}

ul.list2 {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
li.list2 {width:100% ; display:block}
a.list2   {clear:both; width:100%; height:20px ; text-align:left ; font-size:12px; background-color: #dddddd; }

    @media (min-width: 300px) {h1 {color:black ;font-family: Arial, Helvetica, sans-serif; 
                               border:0px ; padding:0px ; font-size:18px ;  margin: 5px 5px ;
                               text-align:center }
                               
							   h6 {color:blue ;font-family: Arial, Helvetica, sans-serif; 
                               border:0px ; padding:0px ; font-size:18px ;  margin: 5px 5px ;
                               text-align:center }
                               
                               h4 {color : black ;font-family: Arial, Helvetica, sans-serif; 
                               border:0px ; padding:0px ; font-size:16px ;  margin: 5px 5px ;
                               text-align:center }  
                               
							.b1 {width:18%; font-size:10px}   	}

    @media (min-width: 800px) { .c2 {width:60.6%; padding:0.5% ;margin:0.5%; border:0%  } 
    							.c4 {width:46%; padding:1% ;margin:1%; border:0%  }
                                .c7 {width: 33.3%}
                                .c3 {width: 30.3%; padding:0.5% ;margin:0.5%; border:0%} 
                                                                
                                #footer2 {font-family: Arial, Helvetica, sans-serif; font-size: 8px; text-align:right }

                                
                               h1 {color:black; font-family: Arial, Helvetica, sans-serif; 
                               border:0px ; padding:0px ; font-size:25px ;  margin: 5px 25px ;
                               text-align:center }
                               
                               h6 {color:blue; font-family: Arial, Helvetica, sans-serif; 
                               border:0px ; padding:0px ; font-size:25px ;  margin: 5px 25px ;
                               text-align:center }

                               
                               h4 {color:black; font-family: Arial, Helvetica, sans-serif; 
                               border:0px ; padding:0px ; font-size:25px ;  margin: 5px 25px ;
                               text-align:center }
                               
                               ul.list {list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
								li.list {float: left; width:20%; }
								a.list  {display:block; text-align:center ; font-size:25px; width:100%;  } 
								
								ul.list3 {list-style-type:circle; margin:10px ; padding:10px ; overflow:visible; clear:both; width:100% }
								li.list3 {width:80%; margin: 0% 5% 0% 5% ; padding: 0% 5% 0% 5%}
								a.list3 {clear:both; display:block; width:100%; font-size:10px}
								
								
								.b1 {width:19%; font-size:20px}
								
								  
  }
 
  @media (min-width: 1000px) {.container  { width: 1000px;
                                            margin-left: auto;
                                            margin-right: auto; }
                                             }
</style>