body {
 /*background-image:url(../Newimages/crome.jpg);*/
 background: rgba(243,247,242,1);
background: -moz-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,247,242,1)), color-stop(100%, rgba(54,252,170,1)));
background: -webkit-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: -o-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: -ms-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: linear-gradient(to bottom, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7f2', endColorstr='#36fcaa', GradientType=0 );
}

#wrapper {
    width: 940px;
    height:auto;
    margin:auto;
    background-color:#fff;
    border-radius:20px 20px 0 0;
}

#header {
    width:940px;
    height: 375px;
    background-image:url(Newimages/HeaderofChinmaya.jpg);
    border-radius:20px;
}
h1 {width:450px;
    font-family: Arial;
    font-size: 28px;
    color:#0E774C;
    float:left;
    margin:10px 0 0 10px;   
}
#menu {
    width: 700px;
    height: 35px;
    float: left;
    margin: 5px 0 0 5px;
    
}
#menu ul {
margin:0;
padding:0;
list-style:none;
}
#menu li {
margin:0;
padding:0;
display:inline;
}
#menu li a {
width:95px;
height:30px;
margin:5px 0 0 5px;
float:left;
text-decoration:none;
text-align:center;
font-family:Arial;
font-size:12px;
line-height:35px;
color:#0E774C;
font-weight:bold;
border-radius:10px 10px 0 0;
background: rgba(243,247,242,1);
background: -moz-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,247,242,1)), color-stop(100%, rgba(54,252,170,1)));
background: -webkit-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: -o-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: -ms-linear-gradient(top, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
background: linear-gradient(to bottom, rgba(243,247,242,1) 0%, rgba(54,252,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7f2', endColorstr='#36fcaa', GradientType=0 );
}

#menu a:hover { background: #ebfe6b;
        }

#gallery {
    width: 705px;
    height: 250px;
    float: left;
    margin:0 0 0 10px;
}
#gallery1 {
    width: 705px;
    height: 250px;
    float: left;
    margin:0 0 0 10px;
}

#main {
    width: 940px;
    height: auto;
    background-color: #fff;
    float:left;
}


#mid-content {
width:900px;
height:auto;
float:left;
margin:10px 10px 0 20px;
}

.incontent-of-mid{
 width: 900px;
 height: auto;
 float: left;
 margin:0 0 0 0;
}

.for-pics{
width:150px;
height:100px;
float:left;
margin:10px 0 10px 15px;
}

#right-content {
    width: 200px;
    height: auto;
    float:right;
    margin: 10px 10px 0 0;
}
.inright
{
    width: 180px;
    height: 240px;
    float: left;
    margin:0 0 0 10px;
}

.inright ul {
margin:0;
padding:0;
list-style:none;
}
.inright li {
margin:0;
padding:0;
}
.inright a {
width:180px;
height:40px;
display:block;
float:left;
margin:5px 0 0 2px;
font-family:Arial;
font-size:12px;
line-height:15px;
color:#000;
}

h2 {
    width: 180px;
    font-family: Arial;
    font-size: 14px;
    float: left;
    margin:0;
    text-align: center;
    color: #fff;
    background-color: #FE5858;
}


.headofsub
{
    width: 100%;
    height: 20px;
    float: left;
}
.sub-name
{
    width: 45%;
    height: 20px;
    float: left;
    background-color: #ede4fc;
    font-family:Arial;
    font-size:12px;
    text-align:center;
    line-height:20px;
    font-weight:bold;
}

marquee {
    text-align: justify;
    float:left;
    line-height:20px;
    font-family:Arial;
    font-size:12px;
}

#scroller
{
    width: 705px;
    height: 110px;
    float: left;
    margin:20px 0 0 0;
}
marquee ul
{
    margin: 0;
    padding: 0;
}
marquee li
{
    margin: 0;
    padding: 0;
    display: inline;
}
marquee a
{float:left;
    margin: 0 0 0 20px;
}

#login-pannel {
float:right;
margin:10px 30px 0 0;
}

#login-pannel a {
font-family:Arial;
font-size:14px;
text-align:center;
text-decoration:none;
color:#0E774C;
margin:0 0 0 20px;
}

#footer
{
    width: 100%;
    height: 30px;
    float: left;
    background-color: #f5ecab;
    margin:10px 0 0 0;
}

/**about us**/





/*our society*/

#for-table {
    width: 100%;
    height: auto;
    float: left;
    margin:5px 0 0 0;
}

table,th,td
{
border:1px solid #fff;
border-collapse:collapse;

}
th,td
{
padding:5px;
font-family:Arial;
font-size:14px;
color:#000;
text-align:justify;
}
th {
    background-color:#a9bf98;
}

/*Contact us*/
#con-icon {
    width: 200px;
    height: 200px;
    float: left;
    margin:0 0 5px 0;
    background-image:url(Newimages/contact-icon.jpg);
}

.imgbtns
{
    width: 150px;
    height: 50px;
    float: left;
    
}

.imgbtns a
{width:150px;
 height:50px;
 float:left;
/*background-color:#029e39;*/ 
text-align:center;
text-decoration:none;
font-family:Arial; 
line-height:50px;
color:#fff;
border-radius:20px 20px 20px 20px;
background: rgba(183,222,237,1);
background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(30,120,150,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(50%, rgba(113,206,239,1)), color-stop(51%, rgba(33,180,226,1)), color-stop(100%, rgba(30,120,150,1)));
background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(30,120,150,1) 100%);
background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(30,120,150,1) 100%);
background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(30,120,150,1) 100%);
background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(30,120,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#1e7896', GradientType=0 );
}

/*sliderofcongrates*/

#left-pannel {
    width: 150px;
    height: auto;
    float: left;
    margin: 0 0 0 5px;
    /*border: solid 1px #b4c6ef;*/
}

#heading-cong {
    width: 295px;
    height: 40px;
    float: left;
    border: solid 1px #b4c6ef;
    background-image: url('Newimages/Congratulations-3.jpg');
}

.left {
    width: 285px;
    height: 240px;
    float: left;
    margin: 4px 0 0 4px;
    border: solid 1px #b4c6ef;
    background-image: url('Newimages/flower-bg.jpg');
}

.congrats-msg {
    width: 275px;
    height: 100px;
    float: left;
    margin: 10px 0 0 5px;
    border: solid 1px #b4c6ef;
}
.student-pic {
    width: 285px;
    height: 240px;
    float: left;
}

.in-left {
    width: 285px;
    height: 240px;
    float: left;
}

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

 .student-pic img {
        width: 100px;
        height: 120px;
        float: left;
        margin: 5px 0 0 92.5px;
        padding: 2px;
        border: solid 1px #b4c6ef;
    }

 #right-pannel {
    width: 150px;
    height: auto;
    float: right;
    margin: 0 5px 0 0;
    /*border: solid 1px #b4c6ef;*/
}

#header-of-right {
    width: 580px;
    height: 40px;
    float: left;
    background-image: url('Newimages/newsbg.jpg');
}

#inright {
    width: 570px;
    height: 240px;
    float: left;
    margin: 4px 0 0 4px;
    border: solid 1px #b4c6ef;
    background-image: url('Newimages/news.png');
}

marquee
{
    width: 520px;
    height: 150px;
    float: left;
    margin: 60px 0 0 25px;
}

#msg-btn
{
    width: 100%;
    height: auto;
    float: left;
    margin:20px 0 0 0;
}

.msg-box
{
    width: 440px;
    height: 300px;
    float: left;
    margin: 0 0 0 0;
    background-image:url(Newimages/2rose-flower-background.jpg);
}

.texts
{
    width: 238px;
    height: auto;
    float: left;
    margin:5px 0 0 110px;
}

.img-of-guru
{
    width: 250px;
    height: 250px;
    float: left;
    margin: 5px 0 0 0;
    border-radius:125px;
    background-image:url(Newimages/Chinmayananda.jpg);
}


.forbtns
{
    width: 150px;
    height: 110px;
    float: left;
    margin: 30px 0 0 0;
}

    .forbtns:hover
    {
     background-color:#a4e67b;
     border-radius:15px 15px 15px 15px;
    
    }
.foot {
     width: 100%;
    height: auto;
    float: left;
    background-color: #FE5858;
    margin:0;
}