body {
            margin: 0;
            padding-top: 50px; /* Ensure space for the fixed header */
            transition: padding-top 0.3s ease-in-out; /* Add smooth transition for padding-top */
        }

        header {
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
        }

        .sticky-header {
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
            transform: translateY(-100%); /* Initially move it off-screen */
        }

        nav {
            position: fixed;
            width: 100%;
            top: 50px; /* Adjust this value based on the header height */
            z-index: 1000;
            transition: top 0.3s ease-in-out; /* Add a smooth transition effect */
        }

        section {
            padding: 60px 20px;
            margin-top: 100px; /* Adjust this value based on the header and nav height */
        }







body {width:100%;
    font-family: Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif!important; font-size:16px;
	}
.padding{padding:5px;}
.page_wrapper {
			position:relative;
			background: red; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#666, #CCC); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#666, #CCC); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#666, #CCC); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#666, #CCC); /* Standard syntax */
			width:100%;
		}
.comments {width:100%;}		
.comment_text_area {width:40%;}	
#leftNavi, #rightNavi{ margin-top:5px; padding:5px; border-color:#FC3; border-radius:5px;  border-width:thin;  width:100%;  }		

.leftpagelist { width:100%;   margin-bottom:30px; padding-right:5px;}

#leftNavi{ font-weight: bolder; }

#leftNavi li:hover{background-color:rgba(113,206,239,1); color:#135B71 ;padding-left:20px;}




li{ margin-top:0px; padding:6px; padding-bottom:12px; border-bottom-style:dotted; border-color:#6CF; border-bottom-width:thin;}
.panelBg
{
background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 46%, rgba(229,235,238,1) 46%, rgba(215,222,227,1) 50%, rgba(229,235,238,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 46%,rgba(229,235,238,1) 46%,rgba(215,222,227,1) 50%,rgba(229,235,238,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 46%,rgba(229,235,238,1) 46%,rgba(215,222,227,1) 50%,rgba(229,235,238,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul {  
    margin: 0.75em 0;  
    padding: 0 1em;  
    list-style: none;  
}  
/*li:before {   
    content: "";  
    border-color: transparent #008eef;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 0.9em;  
    position: relative;  */
} 
#footer
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f9ff+40,9ee8fa+65,9ee8fa+65,9ee8fa+89 */
background: rgb(214,249,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(214,249,255,1) 40%, rgba(158,232,250,1) 65%, rgba(158,232,250,1) 65%, rgba(158,232,250,1) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(214,249,255,1) 40%,rgba(158,232,250,1) 65%,rgba(158,232,250,1) 65%,rgba(158,232,250,1) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(214,249,255,1) 40%,rgba(158,232,250,1) 65%,rgba(158,232,250,1) 65%,rgba(158,232,250,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */

margin:0px;
text-align:center;
font-weight:bold;
padding:10px;
}
.togglemenubttn { float:right; font-size:x-large; padding:10px; color:#AAA}



/*/----------------------- Menu for desktop---------------*/
@media (min-width:769px)
{
    
    .togglemenubttn {display : none;}
    .dropbtn {
    
    	 background-color: Yellow;
        color: Black;
        padding: 10px;
    border-radius:16px;
        border: none; font-weight:bold;
    }
        .dropbtn:hover {
             
    border-radius:0px;
    	opacity:0.5	;
        color: White;
        padding: 10px;
    
        border: none; font-weight:bold;
    
      animation: mymove 5s infinite;
}

@keyframes mymove {
  50% {border-radius: 50px;}
}
    
    .dropdown {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 250px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    
    .dropdown-content a {
        color: black;
        padding: 6px 16px;
        text-decoration: none;
        display: block;
        border-bottom:#ccc;
        border-width:.1;
            }
    
    .dropdown-content a:hover {background-color:skyblue}
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    .dropdown:hover .dropbtn {
    		opacity:1.0;
        background-color: #F00; //selected menu hover
    }
    
    #loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff url('images/loader.gif') no-repeat center center;
    z-index: 9999;
    }
    
    #borderimg1 { 
        border: 10px solid transparent;
        padding: 15px;
        -webkit-border-image: url(templates/border.png) 30 round; /* Safari 3.1-5 */
        -o-border-image: url(templates/border.png) 30 round; /* Opera 11-12.1 */
        border-image: url(templates/border.png) 30 round;
    }
    a {color:#3a3a3a}
    
    
    #mainMenuBg { width:100%;
 background: rgb(183,222,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
    }
    
}


/*/----------------------- for mobile---------------*/

@media (max-width:768px)
{
    
    #leftNavi, #rightNavi{ margin-top:5px; padding:5px; border-color:#FC3; border-radius:5px; background-color: #330014; border-width:thin;   height: auto; width:100%; overflow:hidden; }
    .leftpagelist { width:100%; height:auto; overflow-y:auto; margin-bottom:30px; padding-right:50px;}
    
    .dropbtn {
    
    	opacity:0.5	;
        color: Black;
        padding: 15px;
        width:80%;
        margin:2px;
        border: none; font-weight:bold;
    }
    
    .dropdown {
        position: relative;
        display: inline-block;
        width:90%;
        vertical-align: middle;
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #ffe6f0;
        min-width: 250px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        
    }
    
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    
    .dropdown-content a:hover {background-color:#ffb3d1}
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    .dropdown:hover .dropbtn {
    	
        background-color: #ffb3d1; 
        color: #f00; 
    }
    #mainMenuBg {content: "prem"; display:none; width:100%;
    background: rgb(183,222,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 179, 209,1) 0%, rgba(255, 0, 102,1) 50%, rgba(179, 0, 71,1) 51%, rgba(77, 0, 31,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 179, 209,1) 0%,rgba(255, 0, 102,1) 50%,rgba(179, 0, 71,1) 51%,rgba(77, 0, 31,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 179, 209,1) 0%,rgba(255, 0, 102,1) 50%,rgba(179, 0, 71,1) 51%,rgba(77, 0, 31,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
    }
.togglemenubttn {display : inline; }
.comment_text_area {width:100%;}	

}