/*body{ margin: 0;
    padding: 0;
    font-family: arial;
}
*{ margin: 0;
    padding:0;
}
#wrapper{ 
    border:1px solid;
    max-width: 1100px;
    margin: auto;
}
    #logo{ border: 0px solid;
        float: left;
        width: 90%;
        font-style: italic;
        padding-left: 20px;
        padding-top: 10px;
        height: 20px;
        color: darkgoldenrod;
        
        
    }
*/
#header{
    clear: both;
    float: left;
    width: 100%;
    background: #FF9800;
   /* height:42px;
    margin-top:100px;*/
	
}
#header ul{ 
    list-style:none;
	 
}

#header ul li a{
    float:left;
    text-decoration:none;
    color:#FFF;
	font-weight:bold;
    /*padding: 0px 40px;*/
	/*padding: 0% 3% 0% 3%;*/
	width:14%; 
    text-align: center;
   height: 42px;
    line-height: 42px;
}
#header ul li a:hover{
	color:#440522;

}
#header ul li a.active{
	color:#440522;
}
#slider{clear:both; 
    float:left; 
    width:100%;    
}
#slider img{
width: 100%;
}
#contentarea{
border:1px solid;
width: 100%;
clear: both;
float: left;
margin-top: 20px;  
    
}
#contentarea #leftside{
    float:left;
    width: 70%;
    border: 0px solid;
}
#contentarea #leftside .thumbs{
    width: 95%;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    min-height: 800px;
    border: 1px solid #ccc;
    font-size: 20px;
    padding-left: 12px;
    padding-right:6px;
    text-align: left;
    padding-top: 15px;
    font-family:fantasy;
    color: #207171;
    
}
#contentarea #leftside .thumbs h2{
  
    width: 100%;
    text-align: center;
    
    
}

#contentarea #rightside{
    float: right;
    width: 26%;
    border: 0px solid #ccc;
    margin-right: 20px;
    margin-top: 20px;
}
#contentarea #rightside h2{
background-color: #986121;
    width: 100%;
    color: coral;
    text-align: center;
}
#contentarea #rightside ul{
list-style: none;
}
#contentarea #rightside ul li{
border-bottom: 1px dotted #af2121;
height: 35px;
line-height: 35px;
padding-left: 10px;    
}
#contentarea #rightside ul li a{
text-decoration: none;
color: #b52308;    
}
#contentarea #rightside ul li a:hover{
color: darkgreen;
}
#footer{
clear: both;
float: left;
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
background-color: darkorange;
text-align: center;
}


@media screen and (max-width:720px) {    
   .logo{ 
        text-align: center;
        float: none;
        width: 100%;
		line-height:75px;
        
       height: auto;
	  
        
    }
#header{
    clear: both;
    float: left;
    width: 100%;
    background:#000;
    height:300px;
   /* margin-top:30px;*/
	
	
}
#header ul{ 
    list-style:none; 
}

#header ul li a{
    float:none;
    display: block;
    text-decoration:none;
    color:#FFF;
    padding: 0px 40px; 
    text-align: center;
   height: 42px;
    line-height: 42px;
}
#header ul li a:hover{
color:#F90;
}
#header ul li a.active{ color:#F90;
}
#slider{clear:both; 
    float:left; 
    width:100%;    
}
#slider img{
width: 100%;
}
#contentarea{
border:1px solid;
width: 100%;
clear: both;
float: left;
margin-top: 20px;    
}
#contentarea #leftside{
    float:none;
    width: 100%;
    border: 0px solid;
}
#contentarea #leftside .thumbs{
    width: 90%;
    float: none;
    margin-left: 30px;
    margin-bottom: 30px;
    min-height: 800px;
    border: 1px solid #ccc;
    font-size-adjust: auto;
    padding-left: 12px;
    padding-right:6px;
    text-align: left;
    padding-top: 15px;
    font-family:fantasy;
    color: #207171;
}
#contentarea #leftside .thumbs h2{

    width: 100%;
    
    text-align: center;
    
}

#contentarea #rightside{
    float: none;
    width: 90%;
    border: 0px solid #ccc;
    margin-right: 20px;
    margin-left: 30px;
}
#contentarea #rightside h2{
background-color: bisque;
    width: 100%;
    color: coral;
    text-align: center;
}
#contentarea #rightside ul{
list-style: none;
}
#contentarea #rightside ul li{
border-bottom: 1px dotted #ccc;
height: 35px;
line-height: 35px;
padding-left: 10px;    
}
#contentarea #rightside ul li a{
text-decoration: none;
color: aquamarine;    
}
#contentarea #rightside ul li a:hover{
color: darkgreen;
}
#footer{
clear: both;
float: left;
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
background-color: deeppink;
text-align: center;
}

}

@media screen and (max-width:420px)