body {background: #e8f1f2; margin:0px; font:11px;}

ul li {list-style-type:none;}



.link {color:#0099FF; text-decoration:underline;}

.link:hover{color:#0099FF; text-decoration:none;}


.Midbg{background:url(../images/midbg.png) repeat-y;}
.topspace{height:20px;}
.topspace1{height:10px;}
.topspace2{padding-top:10px;}
.topspace22{padding-top:13px;}
.topspace3{height:25px;}
.topspace5{height:15px;}
.Topspace6{padding-top:55px;}

.Topmenu{background:url(../images/top.png) no-repeat; width:998px; height:134px;}
.menulink{font:11px Tahoma; color:#008bdc; text-decoration:none;  }
.menulink:hover{font:11px Tahoma; color:#000; text-decoration:none; }
.active{font:11px Tahoma; color:#fff; text-decoration:none; }
.menulinkactive{font:11px Tahoma; color:#000; text-decoration:none; }


.title{background:url(../images/tab.png) no-repeat; width:280px; height:34px; 
font:18px Tahoma; color:#008bdc; line-height:34px; padding-left:20px;}

.tabcss {
	border:#E8E8E8 solid 1px;
	background-image:url(../images/tab.jpg);
	height:27px;
}
.tabcss2 {
	border:#E8E8E8 solid 1px;
	background-color:#fff;
	
}

.title2{background:url(../images/tab.png) no-repeat; width:180px; height:34px; 
font:18px Tahoma; color:#008bdc; line-height:34px; padding-left:20px;}

.head {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #008bdc;
}

.tblbg2{background:#eff7ff; height:30px; color:#5e5e5e; border:#9fcbf8 1px solid;   line-height:20px; }
.tblbg3{ border-left:none;}

.tblbg4{background:#fff; height:30px; color:#5e5e5e; border:#d8d8d8 1px solid; line-height:20px; }
.tblbg5{ border-left:none;}
.tblbg6{ border-left:none; border-right:none;}
.tblbg7{ border-top:none; }

.tblbg{background:#eff7ff; height:25px; color:#5e5e5e; line-height:22px; padding-bottom:5px; padding-top:5px;}
.tblbg1{background:#fff; height:25px; color:#5e5e5e; line-height:22px;  padding-bottom:5px; padding-top:5px;}
.tblhead{color:#5e5e5e; font-weight:bold;}
.tblhead1{color:#008bdc; font-weight:bold;}

.smalltext{ font-family: Tahoma; font-size:11px; color:#454444; line-height:16px; padding-left:10px; }

.smalltext1{ font-family: Tahoma; font-size:11px; color:#454444; line-height:17px; padding-left:10px; text-shadow: 1px 1px 0px #ebebeb;}

.smalltext2{ font-family: Tahoma; font-weight:bold; font-size:11px; color:#454444; line-height:17px; padding-left:10px; text-shadow: 1px 1px 0px #ebebeb;}
.Awardbg{background:url(../images/Awardbg.png) no-repeat; width:238px; height:321px; padding:14px 11px 11px 11px;}
.gallerybg{background:url(../images/gallerybg.png) no-repeat; width:933px; height:247px;}

.footer{background:url(../images/footerbg.png) repeat-x; height:79px;}
.footerlink {font-family: Tahoma; font-size:11px; color:#fff; text-decoration:none;}
.footerlink:hover{font-family: Tahoma; font-size:11px; color:#fff; text-decoration:underline;}

.footerlink1 {font-family: Tahoma; font-size:11px; color:#fff; text-decoration:none;}

.imagestyle{
	border-radius: 0px 12px;
	width: 250px;
	border: #008bdc 3px solid;
    -moz-box-shadow: 0px 0px 18px #adadad;
    -webkit-box-shadow: 0px 0px 18px #adadad;
    box-shadow: 0px 0px 18px #adadad; 
	margin-left: 10px;
	margin-top: 10px;
	float: right;
	 transition: all 0.25s ease-in-out 0s;
}
.imagestyle:hover {
	 border-radius: 0px 0 60px 0;
	 border: #ff1e78 3px solid;
 
}
.imagestyle1{
	border-radius: 0px 12px;
	width: 250px;
	border: #008bdc 3px solid;
    -moz-box-shadow: 0px 0px 18px #adadad;
    -webkit-box-shadow: 0px 0px 18px #adadad;
    box-shadow: 0px 0px 18px #adadad; 
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	 transition: all 0.25s ease-in-out 0s;
}
.imagestyle1:hover {
	 border-radius: 0px 0 60px 0;
	 border: #ff1e78 3px solid;
 
}
.imagestyle2{
	border-radius: 0px 12px;
	width: 200px;
	height: 200px;
	border: #008bdc 3px solid;
    -moz-box-shadow: 0px 0px 18px #adadad;
    -webkit-box-shadow: 0px 0px 18px #adadad;
    box-shadow: 0px 0px 18px #adadad; 
	margin-left: 30px;
	margin-top: 10px;
	 transition: all 0.25s ease-in-out 0s;
}
.imagestyle2:hover {
	 border-radius: 0px 0 60px 0;
	 border: #ff1e78 3px solid;
 
}


.clouds {

    width: 100%;
}
.clouds .cloud {
    position: absolute;
}
.c1 {
    animation: 30s linear 0s normal none infinite moveclouds;
    background: url("../images/c1.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 104px;
    left: 200px;
    top: 100px;
    width: 287px;
	z-index: -1;
}
.c2 {
    animation: 18s linear 0s normal none infinite moveclouds;
    background: url("../images/c2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 121px;
    left: 300px;
    top: 480px;
    width: 257px;
	z-index: -1;
}
@-moz-keyframes moveclouds {
0% {
    margin-left: 1000px;
}
100% {
    margin-left: -1000px;
}
}

/* You can customize to your needs  */
.login-popup{
	display:none;
	
	border: 2px solid #1e9eef; padding:10px;
	float: left; position:absolute;
	font-size: 1.2em; width: 800px; 
	top:30; left: 50%;
	z-index: 99999;
	
background:#fff; border:#1e9eef 2px solid; color:#3f0f6e; text-align:center;

-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;

-moz-box-shadow:inset 0px 0px 22px #1e9eef;
-webkit-box-shadow:inset 0px 0px 22px #1e9eef;
box-shadow:inset 0px 0px 22px #1e9eef;
}

img.btn_close { 
	float: right; 
	margin: -0px -0px 0 0;
}


#carousel {
	width:200px;
	height:250px;	
	margin:38px auto;
	overflow:hidden;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:200px;
	height:250px;
	
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0px;	
	width:750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:200px;
	height:190px;	
	float:left; }

#slides li img {
	padding:0px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:10px 60px 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(../images/arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(../images/arrow.gif) 0 0 no-repeat;
}

a#next {
	background:url(../images/arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(../images/arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}