/*....!Style > */
/* index file ---------*/
/* Header -------------*/
*{margin:0; padding:0px; list-style:none;}
body{background:#F5F5F0; width: 100%; overflow-x: scroll;}
lasth {font-family:tahoma; font-size:14px; color:white; position:relative; display: block; text-align:center;}
#last-line-box{width:99.8%px; height:auto; background: blue;}

#header-box{ width:1180px; height:140px; margin:0 auto; background:#eaeaf8;}
#logobox {width:950px; height:100px; position:fixed; display:inline-block; padding-left:20px; top:0px; z-index:6; background:#eaeaf8; float:left;}
#logobox2 {width:230px; height:100px; position:fixed; float:left; margin-left:950px; z-index:6; background:#eaeaf8;}
#logobox2 a:hover{opacity:.9;}
#img1, #img2{padding: 2px; float:left;}
#img1, #img2:hover{background-color: greenyellow;}
#img3 {padding: 2px; float:left;} #img3:hover{background-color:lightcyan;}
#wrap-box{background:#eaeaf8; width:1180px; height:auto; margin:0 auto;}
h3 {font-family:sans-serif; font-size:20px; text-align:left; color:blue;} h3:hover{color:green;}
.gan{width:120px; height:auto; float:left; display:inline-block; position:relative;}
/*marquee ----------- */
/*#header-box-index marquee{margin-left:100px; margin-top:95px; text-decoration-color:blue; opacity:.7; z-index:9;} */
#header-box marquee{margin-left:100px; margin-top:95px; text-decoration-color:blue; opacity:.7; z-index:9;}
h1 {font-family:Arial; font-size:20px; color:green; margin-left:8px;}
h9 {font-family:times; font-size:24px; width:770px; color:red; margin-left:0px;}

/* navigation bar menu*/
#menu{width:1178px; height:auto; display:inline-block; position:relative; z-index:5; float:left; padding-left: 5px;}
#menu ul {list-style:none; padding:0; top:0; height: auto; line-height: auto;}
#menu ul li {background:#EAF5CA; width:130px; float:left; border:1px solid white; height:50px; text-align:center; line-height:50px; position:relative; opacity:.9;}
#menu ul li a {text-decoration:none; color:blue; display:block;}
#menu ul li:hover {background:#BEF325;}
#menu ul ul {display:none; margin:0;}
#menu ul li:hover > ul{ background:#BEF325; display:block;}
#menu ul ul ul {margin-left:130px; position:absolute; top:0px;}
#menu ul ul ul li {text-align:center;}

/* LOGIN - SIGN IN - REGISTER -- */
.signin-box {width: 360px; height: auto; background-color:darkcyan; margin-right: 20px; margin-top: 20px; float: right;}
.loginput {width:340px; height:40px; color:lightblue; padding:20px; text-align: justify;}
.btn-login {background:cyan; border-collapse:separate; padding:5px 10px; margin-left: 20px; margin-bottom:10px;}
.btn-login:hover {background:greenyellow; border-collapse:separate; padding:5px 10px; margin-bottom:10px;}
hlog {font-family:tahoma; font-size:20px; color:white; text-align: center;}
.message{width:100px; height: 10px; padding-left: 100px; padding-bottom: 10px; border:1px solid green;}

/* slide slide ------ */
.slideshow {width:1178px; height:auto;margin-top:0px; position:relative;}
#slideimage{width:1178px; height:auto;}
#mbox {width:1178px; height:140px; color:green; position:relative; float:left; opacity:.9; background:lightcyan;} 
#mbox:hover{background:url(image/indx/main/cg.png); opacity:1;}
ml {font-family:cursive; text-align:center; font-size:22px; line-height:140px;}

/* home---------------*/
.maladevi {width:350px; height:auto; float:left; padding-top: 20px;}
.mala2 {width:430px; height:auto; padding-top: 20px; float:left;}
#malatext {font-family:sans-serif; font-size:25px; color:grey; text-align:justify;}
img:hover {color:teal;}
p {overflow:auto;}

/* headings ----------*/
h2 {font-family:tahoma; font-size:30px; color:teal; margin-left:130px; float:left;}
h4 {font-family:cursive; font:Garamond; font-size:20px; color:greenyellow; float:left;}
h4:hover {font-family:cursive; font-size:22px; color: gold; text-align:center;}
#care-head{width:1178px; height:100px; background-color: lightcyan; float:left; opacity:.9;} 
#care-head:hover{background:greenyellow; opacity:.7;}
h7,h8 {font-family:tahoma; font-size:36px; color:saddlebrown; text-align:center; line-height:100px;}
h7,h8:hover{color:teal;}
h11{font-family:tahoma; font-size:24px; color:blueviolet; float:left;} h11:hover{color:blue;}


/* pop up information ... */
#logobox a.budget{position:relative; /*this is the key*/ color:#000; top:0px; left:0px;
    text-decoration:none; text-align:center;}
#logobox a.budget span{display: none}
#logobox a.budget:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute; left:6px; top:17px; width:22em; color:blue; text-align: center; background-color:#cff; padding:2px; opacity:.9;}
#logobox a.budget:hover span:after{ /*the span will display just on :hover state*/
    content:''; position:absolute; bottom:-11px; width:10px; height:10px; border-bottom:0px solid #0cf; border-right:0px solid #0cf; left:50%; margin-left:-5px;
    -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/* what do you care about*/
#boxcare {width:1180px; height:auto; text-align:center; float:left;} 
.bot{width:130px; height:190px; padding:10px; float:left; text-align:center;}
.bot:hover{background:lightgreen; opacity:.9;} 

.bot a{border:solid 1px gold; position:relative; color:#000; top:0px; left:0px; text-decoration:none; 
    text-align:center; float: left;}
.bot a span{display: none}
.bot a:hover span{display:block; position:absolute; top:-210px; width:15em; border:5px solid #0cf;
    background-color:#cff; color:#000; text-align: center; padding:10px;}
.bot a:hover span:after{content:''; position:absolute; bottom:-11px; width:10px; height:10px; 
    border-bottom:5px solid #0cf; border-right:5px solid #0cf; background:#cff; left:50%; margin-left:-5px;
    -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.bot-doc{width:287px; height:390px; padding:5px 5px 5px 5px; margin-bottom: 20px; float:left; text-align:center;        border:5px solid white; position: relative; display: inline-block;}
.bot-map{width:870px; height:auto; padding:5px 5px 5px 5px; margin-bottom: 20px; float:left; text-align:center;        border:5px solid white; position: relative; display: inline-block;}

/* slide pics testimonials and awards --------- */
#box-award {width:1180px; height:auto; float:left;}
.awardslide1 {width:590px; height:360px; float:left;} 
.awardslide2 {width:590px; height:360px; float:left;} 
#awd1, #awd2 {width:580px; height:360px;}

/* promoters --------- */
#box-promoter{width:300px; height:auto; padding:10px; border:2px solid none; float:left;}
ph8 {font-family:tahoma;font-size:36px; color:saddlebrown; margin-left:64px;}
ph8:hover {color:teal;}  
#box-address {width:490px; height:auto; float:left;}
ph18 {font-family:times; font-size:21px; color:black; padding-left: 70px; float:left;}
phd2 {text-decoration:none; font-family:tahoma; font-size:20px; text-align:center;} 
phd2:hover{color:green; opacity:.9;}

/* naksha naksha ----- */
#hdd{width:1180px; height:50px;text-align:center; line-height:50px; float:left; opacity:.8;}
#hdd:hover {background:greenyellow; opacity: .9;}
#naksha{width:410px; border:2px solid white; height:40px; margin-left:70px; margin-top:10px; text-align:center; background-color: lightpink; line-height:40px; position:relative; display:inline-block;}
#nakshaa {width:296px; border:2px solid white; height:40px; margin-left:0px; margin-top:10px; text-align:center; line-height:40px; position:relative; display:inline-block; background-color: lightpink;}
#naksha,#nakshaa:hover {border:2px solid lightgreen;} 

/* about--------------*/
#aboutbox{width: 1180px; height: auto; float:left;}
#aboutbox1{width: 400px; height: auto; float:left;}
#aboutbox2{width: 320px; height: auto; padding-top:50px; float: left;}
#aboutbox3{width: 780px; height: auto; padding-top:0px; float: left;}
.threec {opacity:1; padding-left:10px;} .threec:hover {opacity:.9;}
.threech {opacity:1; padding-left:20px;} .threech:hover {opacity:.9;}
.boxintro {width:1180px; height:auto; background-color:azure; margin-left:0px; float:left;}

/* accounts---------- */
.boxaccounts {width:850px; height:auto; margin-left:0px; float:left;}
.boxacside {width:305px; height:auto; padding-left: 15px; float:left;}

/* activity-----------*/
#activitybox1 {width:1180px; height:auto; display:flex;}
#activityimagebox {width:200px; height:auto; float:left;}
#slideactivity {width:855px; height:auto; float:left; margin-top:10px;}
#activitylistbox {width:310px; height:auto; float:left; border:1px solid white;}
ol { list-style:none; padding:0px; margin-top:0px; padding-left:10px;}
ol li { width:auto; text-align:left; height:18px; padding:10px;}
ol li a {text-decoration:none; height:auto; line-height:normal; display:block;}
ol li:hover { opacity:1; color:green;}
#activitybox2 {width:99.8%; height:auto; display:flex;}
h14 {font-family:sans-serif; font-size:16px; color:blueviolet; text-align:left; position:relative;}
h14:hover {color:darkgreen;}
h13 {font-family:arial;font-size:20px; color:blue; text-align:left; margin-left:8px; position:relative;}
#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8{width:175px; height:335px; border: 1px solid white;}
#t11,#t22,#t33,#t44,#t55,#t66,#t77,#t88{width:535px; height:335px; border: 1px solid white;}
.actv{width:380px; height: auto; border: 1px solid skyblue; text-align: left; padding:10px;}
h15 {font-family: tahoma;font-size:26px; color:darkred; text-align: center; position:relative;}
h15:hover {font-family: tahoma;font-size:26px; color:darkgreen; text-align: center; position:relative;}

/*associates .........box for first picture*/
/* Main box ----- boxass */
#boxass {width:1180px; height:auto; float:left;}
.assimage {width:880px; height:430px; padding-top:10px; margin-top:10px; opacity:1; float:left;} .assimage:hover{opacity:.9;}
.asstd {width:230px; height:auto; display:inline; position:fixed; opacity:.4; float:left;}
.asstd:hover{opacity:.6;}
/*associates .........box for heading*/
#asshead {width:1180px; height:100px; line-height:100px; position:relative; float:left; opacity:.9; background-color: seashell;}
hs{text-align:center; font-size:24px; color:green;}
hass{font-family:tahoma; font-size:36px; text-align:center; color:goldenrod; padding:10px;} 
hass:hover {opacity:.9; color:green;}
/*associates .....ass-support....*/
#ass-support{width:1180px; height:auto; position:relative; float:left; padding:20px;}
#sup2{font-family:times; font-size:30px; color:green; text-align: justify; padding:20px;}
#assmessbox {width:1180px; height:auto; padding:20px; float:left;}
hass2{font-family:tahoma; font-size:26px; text-align:center; color:darkred; line-height:normal; padding:30px; opacity:.8;} hass2:hover {opacity:1;}
/*associates .....ass-message....*/
#assmessage {width:1180px; height:auto; position:relative; display:flex; float:left;}
#ass1{font-family:times; font-size:28px; color:green; text-align:left; flex-basis:30%; position:relative; float:left; padding-top:30px;}
#ass2{font-family:times; font-size:24px; color:blue; padding:30px; flex:2; order:2; text-align:left; flex-basis:60%; position:relative; float:left;}

/*associates .....ass-partner....*/
#asspartnerbox{width:1180px; height:auto; position:relative; display:flex; float:left;}
.asslogo{width:160px; height:200px; position:relative; padding:15px; float:left;}
#assmttr{font-size:18px; color:blue; text-align:left; padding: 15px; position:relative; float:left;}
#assaddr{font-size:16px; color:black; text-align:left; padding-left: 15px; position:relative; float:left;}
.assoimage{width:460; height:300px; position:relative; display:flex; float:left; top:10px;}

#story-frame{width:1140px; height:auto; position:relative; display:flex; float:left;}
#story-box{width:880px; height:260px; position:relative; float:left; padding:10px;}
#story-box:hover{background:url(image/indx/main/bg.png);}
.story-matter {font-family:sans-serif; font-size:22px; color:blue; display:flex; text-align:left; position:relative; float:left;}
#baby-box{width:220px; height:auto; float:left; margin-top:10px auto;position:relative;}
#babyimg{width:200px; height:auto;}
.asscont {width:680px; height:200px; margin-top:28px; opacity:1; float:left;} .asscont:hover{opacity:.9;}

/* blog post----------*/ 
#boxblog{width:1180px; height:auto; float:left;background:#eaeaf8;}
#blogwel{width:400px; height:auto; position:relative; float:left;}
#blogimagebox{width:780px; height:auto; position:relative; float:left;}
.blogimage{width:760px; height:auto; position:relative; float:left;}
.blogline{width:1180px; height:60px; text-align:center; float: left; line-height:60px; background:lightcyan;}
#blogtitle1{width:780px; height:100px; padding-left:20px; float:left; line-height:100px;} #blogtitle1:hover{opacity:.9;}
#blogtitle2{width:380px; height:100px; float:left; line-height:100px;} #blogtitle2:hover{opacity:.9;}
bl {font-family:cursive; font-size:32px; color:blue; height:60px; line-height:60px;} bl:hover{opacity:1;}
bh {font-family:sans-serif; font-size:30px; color:blueviolet; text-align:left; position:relative;} bh:hover {color:darkgreen;}
#blogwraper{width:760px; height:auto; float:left; position:relative; margin:20px;}
#blogtitle{width:740px; height:auto; background:#eaeaf8; float: left; position:relative; margin:20px 0px; padding-top:10px;}
#blogpost{width:700px; height:auto; background:url(image/indx/main/cg.png); float:left; position:relative; padding:10px;}
.post-line{font-family:sans-serif; font-size:16px; color:grey; text-align:justify;}
.news-line{font-family:sans-serif; font-size:16px; color:grey; text-align:left;}

#blognews{width:370px; height:auto; float:left; position:relative;} 
#blognews:hover{background-color:lightcyan;}
.news{width:340px; height:auto; float:left; position:relative; padding:10px; float:left;}
.news-img{float:left; padding-right: 20px;}

/* contact ------{width:400px; height:auto; float:left; position:relative;}-----*/
#boxcontact {width:1180px; height:auto; float:left;}
#contactboxin {width:440px; height:auto; float:left;}
#cimg{position:relative; opacity:1; float:left;} #cimg:hover{opacity:.8;}   
#contactimgbox {width:740px; height:auto; opacity:1; float:left; position:relative;}
#contactimgbox:hover{opacity:.9;}
.contact1{position:relative; opacity:.7; float:left;} .contact1:hover {opacity:1; float:left;}
.contact2{position:relative; opacity:.7; float:left;} .contact2:hover {opacity:1; float:left;}
#sitemapbox {width:1180px; height:auto; position:relative; float:left;}
#mgumapbox {width:600px; height:auto; position:relative; float:left;}
#mgumap{position:relative; padding:20px;}
#mgusitemap{width:560px; height:auto; position:relative; float:left; padding-top:20px; padding-bottom:20px;}

/* C S R ------------*/
#boxcsr{width:1180px; height:auto; float: left;}
.csrimage{width:920px; height:380px; margin-top:10px; float:left;} .csrimage:hover{opacity:.8;}
#csrpic{width:99.8%; height:auto; position:relative; padding:10px; float:left;} .csrpic:hover{opacity:.9;}
#csr1{font-family:sans-serif;font-size:28px; color:darkgreen; padding:10px; flex:1; order:1; text-align:left; flex-basis:20%; position:relative; float:left;}
#csr2{font-family:sans-serif;font-size:22px; color:blue; padding:10px; flex:2; order:2; text-align:left; 
    flex-basis:40%; position:relative; float:left;}
#csr3{font-family:sans-serif;font-size:22px; color:blue; padding:10px; flex:3; order:3; text-align:left; 
    position:relative; flex-basis:40%; float:left;}
#csrmessage {width:99.8%; height:auto; padding:5px; box-sizing:border-box; flex-basis:30%; color:blue; display: flex; float:left; }
.csrtd {width:220px; height:auto; padding-top:-20px; display:inline; position:fixed; opacity:.2; float:left;}
.csrtd:hover{opacity:.5;}
#csrpartnerbox{width:99.8%; height:auto; position:relative; display:flex; float:left;}
.corplogo{width:130px; height:270px; position:relative; padding:10px; float:left;}
.corpimage{width:450px; height:270px; position:relative; padding:10px; float:left;}
.aboutcorp{width:450px; height:270px; position:relative; padding:10px; color:blue; float:left;}
.corpcont{width:240px; height:270px; position:relative; padding:10px; color:grey; float:left;}
#csrmttr{font-family:sans-serif; font-size:15px; color:blue; display:flex; text-align:left; 
 position:relative; float:left;}
#csraddr{font-family:sans-serif; font-size:14px; color:black; display:flex; text-align:left;     
 position:relative; float:left;}
.csrpi{width:30%; height:400px; padding:10px; background-color:green; float:left;}

/* Edu-Sports-Tour-Picnic ------------*/
#box-tour {width:1180px; height:auto; float:left;}
.tour-image-box {width:860px; height:auto; opacity:1; float:left;} .box-image-box:hover{opacity:.9;}
#tourimg {padding-top:10px; opacity:1;}
.tour-td {width:320px; height:auto; display:inline; position:fixed; opacity:.3; float:left;} 
.tour-td:hover{opacity:1; transition-duration:1s;} #tourtd{padding-top:10px; opacity:.7;}
htour{font-family:sans-serif; font-size:30px; color:goldenrod; display:inline-block; text-align:center; position:relative;}
#tourhead {width:1180px; height:100px; line-height:100px; position:relative; float:left; opacity:.9;}
htr{font-family:sans-serif; font-size:20px; color:blue; display:inline-block; text-align:center; position:relative;} 
#tour-suport{width:1140px; height:200px; position:relative; float:left; padding-left:30px; padding-top:10px;}
#tour-suport:hover{background:lightcyan;} /* image description */
#tour2{font-family:times; font-size:26px; color:blue; padding:10px 30px; text-align:left; position:relative; float:left;}
#tourmessbox {width:1180px; height:370px; padding-top:20px; float:left;} #tourmessbox:hover {background:azure;}
htour2{font-family:tahoma; font-size:28px; text-align:center; color:darkred; line-height:normal; padding:20px; opacity:.8;} htour2:hover {opacity:1;}

/* Donation box ---- */
#boxdonate {width:1180px; height:auto; float: left;}
.dimage {width:950px; height:auto; margin-top:20px; float:left;} 
.dimage:hover {opacity:.8; transition-duration:2s;}
#dd1 {font-family:times; font-size:28px; color:darkgreen; padding:10px; flex:1; order:1; text-align:left; 
    flex-basis:20%; position:relative; float:left;}
#dd2 {font-family:times; font-size:24px; color:blue; padding:10px; flex:2; order:2; text-align:left; 
    flex-basis:40%; position:relative; float:left;}
#dd3 {font-family:times; font-size:24px; color:blue; padding:10px; flex:3; order:3;text-align:left; 
    position:relative; flex-basis:40%; float:left;}
.donateline {width:99.8%; height:auto; text-align:center; float:left; padding:1px;}
dl {font-family:cursive; font-size:34px; color:darkred;}
#ddl {font-family:sans-serif; font-size:24px; color:green; padding:20px;}
#rqd-donation{width:1120px; height:auto; position:relative; float:left; margin:20px 20px; padding-left:20px;}
#rqd-donation:hover{background-color:azure; transition-duration:2s;}
.td {width:230px; height:auto; margin-left:auto; display:inline; position:fixed; opacity:.4; 
   float:left;} .td:hover{opacity:1; transition-duration:2s;}
#dmessage {width:99.8%; height:auto; padding:5px; box-sizing:border-box; flex-basis:30%; color:blue; display:flex; float:left;}

/* Education and schooling*/
#eduschoolbox{width:1180px; height:auto; display:flex; position:relative; }
ed8{font-family:tahoma; font-size:36px; color:saddlebrown;} ed8:hover{color:teal;}
.divider{width:1180px, height:76px; text-align:center; line-height:76px; background:#eaeaf8;}
#ttl1{padding:10px; margin-bottom:10px; box-sizing:border-box; flex-basis:10%;}
#ttl2{padding:10px; margin-bottom:10px; box-sizing:border-box; flex-basis:55%;}
#ttl3{padding:10px; margin-bottom:10px; box-sizing:border-box; flex-basis:35%;}
.eduslideshow {width:1178px; height:auto; position:relative;}
#boxachiever{width:1178px; height:auto; position:relative; padding:5px;}
tl {font-family:cursive; font:san-serif; font-size:20px; color:goldenrod;}
h12 {font-family:tahoma; font-size:24px; color:blueviolet; float:left;} h12:hover{color:blue;}
h19 {font-family:sans-serif;font-size:22px; color:grey; text-align:left; line-height:normal;}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:20px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:white;}
.tg th{font-family:Arial, sans-serif;font-size:22px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:white;}
.tg {text-align:left;vertical-align:top}

/* Form mgu ------------ */
#formgu {width:770px; height:auto; padding:20px; box-sizing:border-box; text-align:left; flex-basis:20%; color:blue; display:flex;}
hform {font-family:times;font-size:24px; width:99.8%; padding:inherit; color:blueviolet;}
.hprom{font-family:times;font-size:24px; color:blue; text-align:center; position:relative; flex-basis:20%}
.hprom2{font-family:times;font-size:14px; color:blue; text-align:center; flex-basis:20% position:relative;}

/* photo gallery --------*/
#header-div{border: 1px solid, blue; width:1180px; height:80px; background-color: lightblue; float: left;
position:inherit;}
hder{font-size:40px; font-family: fantasy; text-align: center; line-height: 80px; padding:40%;} hder:hover{color: green; text-shadow:2px 2px #ffffff;}
#main-box-hor{width:100%; height:auto;display: flex; flex-basis:10%;}
#main-box-ver{width:100%; height:auto;display: flex; flex-basis:10%;}
.box-h{width:auto; padding:10px; position: relative; overflow: hidden;}
.box-v{width:auto; padding:10px; position: relative; overflow: hidden;}
.gimg-h{width:100% height:auto; border-radius:5px;}
.gimg-h:hover{transform: scale(2,2); transition:.5s transform;}
.gimg-v{width:100% height:200; border-radius:5px; }
.gimg-v:hover{transform: scale(2,2); transition:.5s transform;}

/* project-------------- */
.projwel{width:440px; height:150; float:left;}
.prjimage{width:868px; height:auto; float:left; position:relative;}
#projectintro{width:1120px; height:auto; float:left; position:relative; margin:10px; padding:20px; border:1px solid white;} #projectintro:hover{background-color:azure;}
.boxprojside{width:298px; height:auto; float:left;}
#hr1 {font-family:sans-serif; font-size:20px; color:green; text-align:left; padding:20px;}
hpr{font-family:sans-serif; font-size:26px; color:blueviolet; text-align:center; margin-left:10px; position:relative;}
.boxproj{width:1180px; height:auto; float:left;}
.projline{width:1180px; height:70px; float:left; text-align:center;}
.proj{opacity:.4;} .proj:hover {opacity:.8;}
hb {font-family:tahoma; font-size:26px; color:blueviolet; text-align:center; position:relative;}
hb:hover {color:darkgreen;}
#proj-head {width:700px; height:80px; float:left; position:relative; padding:10px auto;}
.proj-h {font-family: cursive; font-size:50px; height:80px; line-height:80px; display:inline; color: blueviolet; margin-left: 300px;}

/* box video----*/
.boxvideocont {width:1180px; height:auto; margin:0 auto; float:left;}
.boxvideo {width:820px; height:410px; float:left;}
.boxmultyvideo {width:1180px; height:auto; float:left;}
.boxvideos {width:390px; height:230px; float:left;}
.boxvside {width:340px; height:auto; padding-left:0px; float:left;}
.vidline3 {opacity:.5; float:left;} .vidline3:hover {opacity:1; float:left;}

/* thankline --------*/
.thanksline {width:1180px; height:33px; background-color:lightgray; position:relative; display: inline-block; float:left; opacity:.7;}
.thanksline marquee{ margin:0 auto; color:blue;}
hd {font-family:tahoma;font-size:38px; color:saddlebrown; position:relative; float:left;}
hd:hover {color:green; text-align:center; font-size:38px;}

/* last box-----------*/
#box-last{width:1180px; height:auto; margin: 0 auto; background-color: goldenrod;}
#lastboxmenu{width:880px; height:120px; position:relative; float:left;}
#lastlogo {opacity:1; width:90px; height:90px; position:relative; float:left; padding:5px;}
#back{opacity:1; width:140px; height:60px; position:relative; float:left; padding:20px;}
.backi{opacity:1; width:130px; height:50px; position:relative; float:left;}
.backi:hover{opacity:.9;}
.lastboxi{opacity:1; width:90px; height:90px; position:relative; float:left;}
.lastboxi:hover{opacity:.9;}

#back a {position:relative; /*this is the key*/ color:#000; top:0px;left:0px;
    text-decoration:none; text-align:center;}
#back a span{display: none}
#back a:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute; top:-10px; width:8em; border:5px solid #0cf;
    background-color:#cff; color:#000; text-align: center; padding:5px;}
#back a:hover span:after{ /*the span will display just on :hover state*/
    content:''; position:absolute; bottom:-11px; width:8px; height:8px; border-bottom:5px solid #0cf; border-right:5px solid #0cf; background:#cff; left:50%; margin-right:auto;
    -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

.crt {width:1180px; height:40px; text-align:center; background:#4158FF; position:relative; 
    float:left; padding-bottom: 10px;}

#lastboxmenu ul {list-style:none; padding:5px; top:0; height: auto; line-height:auto;}
#lastboxmenu ul li {background-color:gainsboro; width:90px; float:left; border:2px solid #F2F2F2; height:45px; text-align:center; line-height:45px; position:relative; opacity:.9;}
#lastboxmenu ul li a {text-decoration:none; color:darkgreen; display:block;}
#lastboxmenu ul li:hover {background:#BEF325; border-radius:5px; border-color:#BEF325;}

/* admin menu */
#admin-menu{width:148px; height:auto; display: block; position:fixed; z-index:6; padding-left: 10px;}
#admin-menu ul {list-style:none; padding:0; top:0; height: auto; line-height:auto;}
#admin-menu ul li {background-color:beige; width:126px; border:2px solid white; height:35px; text-align:center; line-height:35px; position:relative; opacity:.9;}
#admin-menu ul li a {text-decoration:none; color:darkgreen; display:block;}
#admin-menu ul li:hover {border-radius:5px; border-color:lightgreen;}
#admin-box{background-color:gainsboro; width:862px; height:auto; margin:0 auto;position:relative;}
/* admin accounts */

.acc-hd{background-color: aliceblue; font-size:30px; color: blue; text-align: center;line-height: 100px;}
.intro-hd{font-size:20px; color: blue; text-align: left;}
.acc-hd .p{outline:none;}
#admrhd {width:150px; height: auto; margin-left:auto; background-color: red; display:flex; position:fixed; z-index: 6; float: left; margin-left: auto;}
mhd {font-family:tahoma;font-size:20px; color:saddlebrown;} mhd:hover{color:green;}

mn{font-size:20px; color: darkred; display: block;}
.admin-efinance{width:862px; height:auto; position:relative; float:left;}
#sec-update,#sec-accounts,#sec-curr-visit,#sec-visitor,#sec-volunteer,#sec-associate,#sec-corporate,
#sec-structure,#sec-document,#sec-planning {width:862px; height:auto; position:relative; float:left;
    padding-top: 130px;}

/* style admin table */
table {border-collapse: collapse; width: 100%; color: blue; font-family: monospace; font-size: 14px; text-align: left;}
th {background-color: #d96459; color: white;}
tr {height:30px;}
tr:nth-child(odd){background-color: lightyellow;}
#visupdate{width:100%; height:100px; display: inline-block; position: relative; background-color: antiquewhite; padding: 10px; align-content: center;}