body
{
	background:  #D0E5E5;
	color: #333333;
        font-size: 12px;
	font-family: Arial, Helvetica, "Nimbus Sans", FreeSans, Malayalam, sans-serif;
	margin : 25px 0 0 10px;
}

.decorator{
	position : relative;
	min-height: 100%;
	margin : 0 auto;
	max-width:1000px;
        min-width:500px;
}



h1.title {
	text-transform:uppercase;
	font-weight:normal;
        font-size:30pt;
}
h1.title .familh  {
	font-weight:bold;
        letter-spacing: 7px;
}


.left-panel {
    position:fixed;
    text-transform: uppercase;
}

.left-panel a  {
    text-decoration:none;
	color:black;
       
}

.language {
    text-transform:uppercase;
    
}
.language .langlabel {
    background-color: #3c3c3c;
    color:white;
     padding:3px;
     font-weight:bold;
     margin:0;
     text-shadow: 0.1em 0.1em 0.1em white;
}

.language .langlinks {
    background-color: white;
    color:black;
     padding:3px;
     font-weight:bold;
     margin:0;
     text-shadow: 0.1em 0.1em 0.1em grey;
     
}

.menusmall {
    display:none;
    text-align:center;
}

.menu {
margin : 30px 10px 10px 0;
padding : 0;
background-color: rgb(59, 89, 152);
color:white;
border-radius: 10px;

}

.menu a {
    color:white;
}

.menu li {
 padding: 10px 0 10px 5px;
 list-style-type:none;
 
border-radius: 10px;
 
}
.menu li:hover {

background-color:rgb(89, 109, 172);
}

.menu li a:hover{
text-decoration:underline;
background-color:rgb(89, 109, 172);
width:100%;
}
.menu .ismenu {
    padding-left:5px;
    margin:0;
    font-size:9pt;
    //display: none;
    background-color:rgb(89, 109, 172);
    
    
}
.menu .ismenu li:hover {
    background-color:rgb(109, 129, 192);
}

.menu .ismenu a {
    color:#DDDDDD;
}


.menu li.selected {
    font-weight:bold;
    cursor: pointer;
}



.left-panel {

float:left;
width:150px;
}

.search_field {
    width:90%;
   
}

.search_button {
    width:95%;
    background-color:rgb(59, 89, 152);
    color:white;
    border-radius:10px;
}

.content {
max-width:800px;
min-width:300px;
height:100%;
width:100%;
float:left;
position:relative;
margin : 20px auto;
margin-left:180px;
}


.footer {
    text-align:center;
    width:100%;
}



@media screen and (max-height: 690px) {
    .menu li {
 padding: 2px 0 2px 5px;
 
}
    
}
@media screen and (max-width: 1000px) {
    .content {
max-width:500px;
 
}

.decorator{
	max-width:700px;
}
    
}


@media screen and (max-width: 800px) {
    
    body {
        font-size: 16px;
    }
    .left-panel {
        position: relative;
        text-align:center;
        margin : 0 auto;
        float: none;
        width:100%;
    }
    .menubig {
    display: none;
    }
    .content {
        margin:0;
     float:none;
     max-width:100%;
     min-width:0;
    }
    .decorator{
            width:100%;
            min-width:0;
    }
    .footer {
            display:none;
    }
    .menusmall {
        display:block;

        cursor: pointer;
    }

    .menu {
        width:100%;
        margin:15px auto;
    }

    .menu li {
        padding: 10px 0 10px 5px;

    }

}