body{
font:normal 14px/16px Cambria;
cler:both;
margin:0;
padding:0;
color:#000000;

}

p{
font:normal 15px/16px Arial, Helvetica, sans-serif;
color:#333333;
}
div,td,h1,h2,h3,h5,h6,from input{
padding:0;
margin:0;
}
image {
border:0;
}
ul{
padding:0;
margin:0;
list-style-type:none;
}
a{
padding:0;
margin:0;
outline:none;
text-decoration:none;
color:#000000;
cursor:pointer;
}
.specer{
padding:0;
margin:0;
clear:both;
}
h1{
font:bold 40px/40px Cambria (Headings);
color:#53230f;
}
h2{
font:bold 20px/20px Cambria (Headings);
color:#055501;
}
h3{
font:bold 35px/40px Cambria (Headings);
color:#FF0000;
}
h4{
font:bold 22px/22px Cambria (Headings);
color:#006699;
}
 @media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }
/*--------------------------*/

#mainbody
{
overflow:hidden;
width:100%;
}
#topsection
{
}
#topleft
{
width:620px;
float:left;
}
#topright
{
width:350px;
float:right;
}
#topbottom
{
background:#F60;
height:30px;
font-size:22px;
line-height:30px;
color:#FFFF00;
box-shadow:6px 6px 6px #999999;
padding:5px;
}
#text-slide1 .h1 {
	font-family: 'Bowlby One SC', cursive;
	font-size: 1vw;
	width: 100%;
	margin-top: calc(50vh - 10vw);
	text-align: center;
	background: linear-gradient(
		60deg,
		hsl(0, 75%, 50%) 10%,
		hsl(20, 75%, 50%) 10%,
		hsl(20, 75%, 50%) 25%,
		hsl(50, 75%, 50%) 25%,
		hsl(50, 75%, 50%) 40%,
		hsl(130, 75%, 50%) 40%,
		hsl(130, 75%, 50%) 55%,
		hsl(200, 75%, 50%) 55%,
		hsl(200, 75%, 50%) 70%,
		hsl(260, 75%, 50%) 70%,
		hsl(260, 75%, 50%) 85%,
		hsl(0, 75%, 50%) 85%
	);

	text-shadow: 0.5px 0.1vw #fff4;
	color: #fff;
	-webkit-background-clip: text;
   	-webkit-text-fill-color: transparent;
   	animation: 10s BeProud linear infinite,
   	3s Always ease alternate infinite;
}

@keyframes BeProud {
	100% { background-position: 100vw 0px; }
}

@keyframes Always {
	100% { transform: scale(1.1);}
}


.curve
{
-moz-border-radius:2px;
border-radius:2px;
}
.curve:hover
{
-moz-border-radius:2px;
border-radius:2px;
box-shadow:3px 3px 3px #333333;
}
.curveImg
{
-moz-border-radius:5px;
border-radius:5px;
border:3px solid #E6E6E6;
}
.curveImg:hover
{
-moz-border-radius:5px;
border-radius:5px;
box-shadow:0 0 6px #000000;
}
#banner
{
border-top:5px solid #000000;
}
#bottom
{
border-top:5px solid #000000;
min-height:80px;
/*background: linear-gradient(to bottom, #f57007, #e36501);*/
/*background:#f57007;*/
border-bottom:5px solid #000000;
}
#midcontent
{
	
min-height:350px;
}
#midleft
{
width:760px;
float:left;
}
#midright
{
width:230px;
float:right;
}
#leftDiv
{
width:740px;
float:left;
padding:10px;
min-height:484px;
border:1px solid #CCCCCC;
box-shadow:0 0 6px #999999;
}
#rightDiv
{
width:180px;
float:right;
min-height:350px;
border:1px solid #CCCCCC;
padding:10px;
box-shadow:0 0 6px #999999;
}
#content
{
margin-top:70px;
text-align:justify;
font-size:16px;
font-family:Calibri (Body);
padding:20px;
}
#bookDivDash
{
margin-top:15px;
border:1px solid #999999;
padding:5px;
background:#F5F5F5;
box-shadow:0 0 6px #999999;
}
#bookDiv
{
background:#feead3;
/*border:1px solid #999999;*/
padding:5px 5px 5px 5px;
font-family:Calibri (Body);
font-size:16px;
margin-top:15px;
}
#bookDiv:hover
{
background:#FDFCE3;
}
#bookDiv1
{
background:#feead3;
/*border:1px solid #999999;*/
font-family:Calibri (Body);
font-size:16px;
margin-top:15px;
}
#bookDiv1:hover
{
background:#FDFCE3;
}
#bookDivNews
{
background:#EFEFEF;
border:1px solid #999999;
padding:5px 5px 0 5px;
font-family:Calibri (Body);
font-size:16px;
margin-top:15px;
box-shadow:6px 6px 6px #333333;
-moz-border-radius:3px;
border-radius:3px;
}
#footer
{
height:120px;
background:#055501;
}
#footer a
{
color:#FFFFFF;
}
#footer a:hover
{
color:#4e1b06;
text-decoration:underline;
}
#logoadv
{
margin-top:5px;
background:linear-gradient( #CD950C, #CD950C, #CD950C);
height:220px;
}
.imgborder
{
border:3px solid #CCCCCC;
}
.heading
{
padding-top:20px;
font:bold 33px/40px Cambria;
color:#006699;
}
.inputboxmid{
height:26px;
width:200px;
border:1px solid #999999;
padding:0px 5px 0px 5px;
font:normal 13px Arial, Helvetica, sans-serif;
color:#333333;
}
.inputboxmid:focus
{
background:#FFFFE1;
box-shadow:0 0 3px #333333;
}
.selectboxmid
{
width:200px;
border:1px solid #999999;
height:28px;
padding-left:5px;
}
.selectboxmid:focus
{
background:#FFFFE1;
box-shadow:0 0 3px #333333;
}


.inputboxmid:hover
{
background:#FFFFE1;
}
.txtareamid{
width:200px;
height:60px;
border:1px solid #999999;
padding:5px 5px 0px 5px;
font:normal 13px Arial, Helvetica, sans-serif;
color:#333333;
}

.txtareamid:focus
{
background:#FFFFE1;
box-shadow:0 0 3px #333333;
}
.txtareamid:hover
{
background:#FFFFE1;
}
.imgbutton
{
background:url(../images/buttonbg.jpg) repeat-x;
-moz-border-radius:3px;
border-radius:3px;
color:#FFFFFF;
line-height:25px;
padding:5px 15px 5px 15px;
font:normal 14px/25px bold Arno Pro;
}
.inputbox
{
width:304px;
border:1px solid #999999;
height:26px;
padding-left:5px;
}
.selectbox
{
width:312px;
border:1px solid #999999;
height:28px;
padding-left:5px;
}
.areabox
{
border:1px solid #999999;
width:304px;
padding-left:5px;
padding-top:5px;
height:60px;
}
.inputbox:focus
{
background:#FFFFE1;
box-shadow:0 0 3px #333333;
}
.inputbox:hover
{
background:#FFFFE1;
}
.areabox:focus
{
background:#FFFFE1;
box-shadow:0 0 3px #333333;
}
.areabox:hover
{
background:#FFFFE1;
}
.selectbox:focus
{
background:#FFFFE1;
box-shadow:0 0 3px #333333;
}
.selectbox:hover
{
background:#FFFFE1;
}
.header
{
color:#FFFFFF;
height:35px;
background:#FF6600;
font-weight:bold;
}
.class1
{
background-color:#FFFFFF;
height:30px;
padding-top:50px;
font:13px/25px Verdana, Arial, Helvetica, sans-serif;
}
.class2
{
background-color:#E8EBFD;
height:30px;
padding-top:50px;
font:13px/25px Verdana, Arial, Helvetica, sans-serif;
}
.class3
{
background-color:#FFFFFF;
height:30px;
padding-top:50px;
font:13px/25px Verdana, Arial, Helvetica, sans-serif;
}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 1200px;
background-color: #000000;
z-index:1001;
-moz-opacity: 0.7;
opacity:.5;
filter: alpha(opacity=70);
}
.graph_content{
display: none;
position: fixed;
top: 10%;
left: 15%;
width: 70%;
height: 80%;
border: 5px solid #9bc5d5;
z-index:1002;
-moz-border-radius:5px;
border-radius:5px;
overflow: auto;
background:#FFFFFF;
}
.black_overlay1{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 1200px;
background-color: #000000;
z-index:1001;
-moz-opacity: 0.5;
opacity:.5;
filter: alpha(opacity=90);
}
.graph_content1{
display: none;
position: fixed;
top: 10%;
left: 15%;
width: 70%;
height: 80%;
z-index:1002;
}

.graph_content2{
display: none;
position: fixed;
top: 25%;
left: 30%;
width: 40%;
height: 50%;
z-index:1002;
background:#FFFFFF;
border: 10px solid #999999;
z-index:1002;
-moz-border-radius:5px;
border-radius:5px;
}
.graph_content3{
display: none;
position: fixed;
top: 5%;
left: 18%;
width: 66%;
height: 90%;
z-index:1002;
background:#FFFFFF;
border: 5px solid #F8E6CB;
z-index:1002;
-moz-border-radius:5px;
border-radius:5px;
overflow:auto;
}
#popup3
{
-moz-border-radius:5px;
border-radius:5px;
}
.norecord
{
height:25px;
line-height:25px;
width:700px;
color:#333333;
background:#F5F289;
margin-top:8px;
-moz-border-radius:3px;
border-radius:3px;
}
.curseDiv
{
color:#333333;
text-decoration:none;
}
.curseDiv:hover
{
color:#006699;
text-decoration:underline;
}
#news
{
min-height:400px;
}
#iconDiv
{
color:#FFF;
height:80px;
width:110px;
background:#6036be;
cursor:pointer;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:6px 6px 6px #999999;
margin-left:12px;
margin-top:-20px;
font-size:6px;
background:#930;
}
#iconDiv:hover
{
 
/*background: linear-gradient(to bottom right, #FF0000, yellow, #00008b);*/
box-shadow:6px 6px 6px #999999;
}
#iconDiv p{
	color:#FFF;
	margin-top:3px;}
#iconDiv img{
	margin-top:-10px; border-radius:50%;}
#iconDivo
{
	color:#FFF;
height:80px;
width:110px;
background:#6036be;
font-size:6px;
cursor:pointer;
-moz-border-radius:3px;
border-radius:3px;
box-shadow:6px 6px 6px #999999;
margin-left:10px;
-webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
	
	
   /* Firefox syntax */
    -moz-animation-name: myfirst;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
}
#iconDivo:hover
{
 
background: linear-gradient(to bottom left, #FF0000, yellow, #FF0000);
box-shadow:6px 6px 6px #999999;
}
.tooltip {
display:none;
position:absolute;
border:1px solid #333;
background-color:#f7d1ae;
border-radius:5px;
padding:10px;
color:#000000;
font-size:12px Arial;
font-weight:bold;
z-index:1001;
}
#strclock
{
width:80px;
height:20px;
background:#fbf0e7;
padding:8px;
}
#iconDivo p{
	color:#FFF}
#iconDivo img{
	margin-top:-10px;
	border:1px solid white;}
.inputboxsmall{
height:26px;
width:65px;
border:1px solid #999999;
padding:0px 5px 0px 5px;
font:normal 13px Arial, Helvetica, sans-serif;
color:#333333;
background: linear-gradient(to bottom, #F9F9F9, #E2E2E2);
}
.inputboxsmall:focus
{
background:#FBFACE;
box-shadow:0 0 3px #333333;
}
.inputboxsmall:hover
{
background:#FBFACE;
}
.title
{
font-style:italic;
font-size:16px;
}
#divNew
{
border:1px solid #999999;
-moz-border-radius:5px;
border-radius:5px;
background:#FFFFFF;
margin-top:10px;
padding:3px;
font-weight:normal;
}
#conDiv
{
background:#FCF4E9;
width:450px;
height:250px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #FF6600;
}
#conDivMap
{
background:#FCF4E9;
width:300px;
height:250px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #FF6600;
}
.line1
{
background:#FFEAEA;
min-height:30px;
font:13px/25px Verdana, Arial, Helvetica, sans-serif;
padding:5px;
}
.line2
{
background:#FFFFFF;
min-height:30px;
font:13px/25px Verdana, Arial, Helvetica, sans-serif;
padding:5px;
}
#comleteDiv
{
border:1px solid #FF6600;
box-shadow:3px 3px 3px #FF6600;
min-height:130px;
width:280px;
padding:10px;
}

#comleteDiv:hover
{
border:2px solid #333333;
box-shadow:3px 3px 3px #333333;
}

#title
{
height:30px;
background: linear-gradient(to bottom, #49c0f0, #23538a);
padding-left:10px;
line-height:30px;
color:#FFFFFF;
font-size:18px;
font-family:cambria;
}
.attmpt{
background:#00CC00;
padding:3px; 
border-radius:3px;
border:1px solid #333333; 
cursor:pointer;
color:#FFFFFF;
 }
.nonattmpt{
background:#FFFFFF;
color:#333333;
padding:3px; 
border-radius:3px; 
border:1px solid #333333;
 cursor:pointer;
}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="file"],textarea,select {
    background:none;
    color:#003;
    margin-top:0px;
    border:1px groove #00F;	
    outline: none;
    font-size: 0.9em;
}
/*
input[type="submit"] {
font-size: 180px;
font-weight:bold;
text-align: center;
text-transform:uppercase;
cursor: pointer;
outline: none;
color: #fff;
background-color:red;
border: none;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
box-shadow: 0 9px rgba(153,0,204,1);
padding:5px;
width:100px;
  
}
input[type="submit"]:hover {background-color:#009}
input[type="submit"]:active {
background-color:#009;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
*/
.h{
	width:100%;
	background-image: radial-gradient(circle, #1c023d, #330031, #3f0025, #45001a, #460c11, #460c11, #460c11, #460c11, #45001a, #3f0025, #330031, #1c023d);
	color:white;
	line-height:40px;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	font-weight:bold;
	box-shadow: -3px -4px 3px rgba(0,153,255,0.5);
	margin:10px;
	}		 
.h span{
	background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

	}		 
.box{
	    
		list-style:none;
		width:20%;
		text-align:center;
		border:0px groove #00C;
		border-top-left-radius:10%;
		border-top-right-radius:10%;
		
		margin:20px;
		background: linear-gradient( #FF6600, #FFFF99, #FF6600);
        cursor:pointer;
        box-shadow:6px 6px 6px #999999;
	}
.box:hover{
		background-image: radial-gradient(circle, #1c023d, #330031, #3f0025, #45001a, #460c11, #460c11, #460c11, #460c11, #45001a, #3f0025, #330031, #1c023d);
		}
.box img{
	
		 border:3px inset #00C;
		 margin-bottom:10px;
		 border-bottom-right-radius:50%;
		border-bottom-left-radius:50%;
		box-shadow: 3px 4px 3px 5px rgba(0,153,255,0.5);
}
.box h4{
	   background-image: linear-gradient(to right bottom, #120323, #260c2f, #3e0c38, #58063b, #720039, #720039, #720039, #720039, #58063b, #3e0c38, #260c2f, #120323);
		font-size:20px;
		font-weight:bold;
		text-transform:uppercase;
		font-weight:bold;
		margin-bottom:20px;
		word-break: break-all;
		padding:5px;
		overflow-y:hidden ; 
		overflow-x: scroll;
	   }
.box h4:hover{
	background-image: radial-gradient(circle, #1c023d, #330031, #3f0025, #45001a, #460c11, #460c11, #460c11, #460c11, #45001a, #3f0025, #330031, #1c023d);
	}
.box h4 span{
	background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

	}		 
.box p{
	    font-size:14px;
		font-weight:bold;
		padding:5px 5px;
		color:#900; 
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		 margin-top:20px;
		box-shadow: -2px -3px 2px 2px rgba(0,153,255,0.5);
		text-align:justify;
	   }
	   
	   .total{
		margin:auto;
    }
	.total tr td{
		width:20%;
		text-align:center;
		border:0px groove #00C;
        cursor:pointer;
		padding:40px;
		margin-left:20px;
		margin-right:20px;
		}
    .cbox{
		text-align:center;
		border:0px groove #00C;
        cursor:pointer;
		margin-left:-20px;
		text-align:center;
		}
    .label {
		position:relative;
		width:100%;
		background-size:100% 30px;
        text-shadow: 0 -1px 0 #72a441;
		font-size: 35px;
		padding:10px;
		text-transform:uppercase;
		margin-top:-10px;	
    }

    .count {
		width:100%;
        text-shadow: 0 -1px 0 #72a441;
		font-weight:bold;
		font-size: 400%;
		background-size:100% 80%;
		background-repeat:no-repeat;
		padding:10px;
		text-align:center;
		margin-bottom:10px;
    }
	.lmenu{
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
      .lmenu li{
		height:50px;
		width:90%;
		font-size: 15px;
	font-weight:bold;
  text-align: center;
  text-transform:uppercase;
  cursor: pointer;
  outline: none;
  color:#3CF;
  background-color:rgba(255,0,0,0.71);
  border: none;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0 9px rgba(153,0,204,1);
  padding-top:20px;
  margin-bottom:10px;
		}

.btn_img{
  height:40px;
  width:150px;	
	
	}
.slog img{
	width:50px;
	height:50px;
	}
.slog a img{
	width:50px;
	height:50px;
	}	
.header_banner img{
	height:130px;
	 width:1290px;
	}
	
	/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: red; 
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}