body {
 background-image:url(Newimages/bg.jpg);
}

#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/NewChinmayaheader.jpg');
    border-radius:20px;
}
h1 {width:450px;
    font-family: Arial;
    font-size: 28px;
    color:#0E774C;
    float:left;
    margin:20px 0 0 10px;   
}
#menu {
    width: 700px;
    height: 35px;
    float: left;
    margin: 10px 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;
}

.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: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: 150px;
    float: left;
}



/*sliderofcongrates*/

#left-pannel {
    width: 295px;
    height: 300px;
    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: 580px;
    height: 300px;
    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');
}

.button

      
{
	width :200px;
	 height:30px;
     font-weight:bold;
	font-size :15px;
	padding :1px;
	background: rgb(210,255,82); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.MenuHeader
{
	float:left; width:96%;
      border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
      text-align:center;
      margin:5px 10px; 
      padding:3px 3px 3px 10px; 
      color: #FFFFFF; 
      text-transform:uppercase;
      font-weight: bold;
    background: rgb(27,197,126); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(27,197,126,1) 0%, rgba(27,197,126,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,197,126,1)), color-stop(100%,rgba(27,197,126,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(27,197,126,1) 0%,rgba(27,197,126,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(27,197,126,1) 0%,rgba(27,197,126,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(27,197,126,1) 0%,rgba(27,197,126,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(27,197,126,1) 0%,rgba(27,197,126,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}
.growth
 {
    border-radius:10px; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
      border:2px solid #000000;
      margin:5px 10px; 
      padding:3px 3px 3px 10px;
      height:auto;
      float:left; width:96%;
  }
.txtbox
{
	width :200px;
	border :solid 1px  #438A08;
	font-family :Verdana , Arial , Bookman Old Style , Trebuchet MS ; font-weight:bold;
	font-size :11px;
	height:20px; background-color:#FCFEFB; margin:2px 0px;
	border-radius:3px; /*some css3*/
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.txtbox1
{
	width :215px;
	border :solid 1px  #438A08;
	font-family :Verdana , Arial , Bookman Old Style , Trebuchet MS ; font-weight:bold;
	font-size :11px;
	height:20px; background-color:#FCFEFB; margin:2px 0px;
	border-radius:3px; /*some css3*/
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.space {
    border: 1px solid #899CAA;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #BBBBBB inset;
    color: gray;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 8px;
    visibility: visible;
    }

.header
{
	width:100%; height:160px; background-color:#F24C26;
}
.main
{
	height:auto;
	width:985px;
	margin:0 auto;
}

.img1
{
	height:140px; width:140px; padding:5px; float:left; margin:4px;
}
.img1 img
{
	width:100%; height:85%;
}
.img1:hover
{
	border:3px #D8EE5F solid; padding:2px;
}
.img1 h2
{
	font-size:13px; color:#343B02; text-align:center;
}
#ac
{
	height:18px; width:90%; float:right; color:#444444; padding-bottom:2px; font-size:16px; margin-top:-22px;
}