@charset "iso-8859-1";
/* General styles */   

body {	  
     margin: auto;
     max-width:1060px;
     background: #fffffff;
     font: 85% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;  
}  
* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
a { text-decoration: none; }
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #0000ff;text-decoration: underline; }
} 
p {
	margin: 10px 10px 10px 10px;
    font-size: 25px;  
	font-weight: bold;
    padding:10px;
}	
img {
    width: 100%;
    height: auto; 
}
ul {
    padding:0 0 0 2em;
    list-style:square;
} 
li {
    margin:0 0 0.5em; 
	font-size: 16px;
} 
h1 {
margin: 10px;  
font-size: 28px;
color: #ffffff;
color: #000000;
text-align: center;
}
h2 {
margin: 0px 5px 5px 0px;
color: #000000;
font-size: 20px;
text-align: left; 
}
h3 {
margin: 10px;
color: #000000;
font-size: 18px;
text-align: left;
}
h4 {
margin: 0px;
color: #000000;
font-size: 16px;
text-align: left;
}		 
h5 {
margin: 5px;
color: #000000;
font-size: 20px;
text-align: center;
} 
table {
    width: 100%;
}

 /* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 500px) {
    /* For tablets: */
    .col-t-logo {width: 50%; margin: 0px 10px 0px 20px; text-align: center; float:left;}
    .col-t-banner {width: 50%; align: center; color: #000000;  float:right; }
    .col-t-contentgen {width: 84%; font-size: 16px;}
    .col-t-contentindex {width: 66%; line-height:1.5em; font-size: 16px; text-align:left;  float:left; padding:0px;}
    .col-t-search {width: 100%;}
    .col-t-searchresult {width: 84%;}
    .col-t-content {width: 84%; margin: 0px 0px 0px 0px;}
    .col-t-top {width: 100%;  font-size: 16px;}
    .col-t-Rsidebar {width: 16%; font-size: 16px; float:left; padding:3px;}
    .col-t-sidebar {width: 16%; font-size: 16px;}
    .col-t-NGtraffic {width: 16%;}
    .col-t-directory1 {width: 50%; font-size: 16px;}	
	.col-t-directory2 {width: 50%; font-size: 16px;}
	.col-t-sideads {width: 16%; line-height:1.5em; font-size: 18px; float:left; padding:0px;}
	.col-t-footer1 {width: 33.33%;}
	.col-t-footer2 {width: 33.33%;}
	.col-t-footer3 {width: 33.33%;}
}
@media only screen and (min-width: 800px) {
    /* For desktop: */
    .col-logo {width: 40%; margin: 0px 0px 0px 0px; text-align: center; float:left;}
    .col-banner {width: 60%; align: center; color: #000000;  float:right; }
    .col-contentgen {width: 70%; font-size: 16px; margin: 0px 0px 5px 0px; padding: 1px;}
    .col-contentindex {width: 38.5%; line-height:1.5em; font-size: 16px; text-align:left;  float:left; padding:0px;}
    .col-search {width: 100%;}
    .col-searchresult {width: 70%;}
    .col-content {width: 70%; padding: 1px;}
    .col-top {width: 100%; padding: 1px; margin: 1px;  font-size: 16px;}
    .col-Rsidebar {width: 30%; font-size: 16px; float:left; padding: 5px; margin: 0px;}
    .col-sidebar {width: 30%; font-size: 16px;}
    .col-NGtraffic {width: 30%;}
    .col-directory1 {width: 50%; margin: -10px; font-size: 16px;}	
	.col-directory2 {width: 50%;margin: -10px; font-size: 16px;}
	.col-sideads {width: 30%; line-height:1.5em; align:right; float:left; padding:0px;}
	.col-footer1 {width: 33.33%;}
	.col-footer2 {width: 33.33%;}
	.col-footer3 {width: 33.33%;}
}  
.header {		
    align: center;
	color: #000000; 
}  		
.banner {		
	width:100%; 
    align: center;
	margin: 5px 5px 5px 5px;  
	float:left;
} 
.navbar {	 		 
	width:100%;  			
	line-height:2em;	
	display: inline-block;	  
	margin: 5px 5px 5px 0px;
	background-color:white; 
    text-transform: lowercase;
	padding: 0px;          
}	

.menu {		
	margin: auto;
	width:100%; 
    line-height:1.5em;	
    background-color:brown;  
	color: #FFFFFF;	 
	font-size: 18px;
    font-weight: bold;
    text-align:center; 
	float:left;
    padding:5px;         
}	
.mainbody {	 		 
    width: 100%;  	
	padding: 0px;          
}	
.footer {
    background-color: #777777;	
    width:100%;	  
    display: inline-block;	
	color: #FFFFFF;
    padding:0px;          
}