@charset "utf-8";
/* CSS Document */

body{
margin: 0px;
padding: 0px;
}


#outer {
	padding-bottom : 0;
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	height : 100%;
	width: 995px;
	margin: 0 auto;
	
}


#container{
	width: 995px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px dashed #CCCCCC;
	overflow: hidden;
}

#headercontainer{
width: 995px;
/*float: left;*/
/*height: 200px;*/}

#header{
width: 995px;
height: 120px;
background-color:#F8F8F3;
}

#snslogo{

width: 200px;
float: left;
margin-top: 13px;
}

#companyname{
 width: 510px;
 font-family: "Trebuchet MS";
 font-size: 20px;
 color:#464645;
 float:left;
/* font-weight: bold;*/
 margin-top: 45px;
 margin-left: 15px;}
 
 #ciilogo{

width: 150x;
float: right;
margin-left: 60px;}



/*css for the menu part starts-->*/
#menu{
width: 995px;
height: 30px;
background-image: url(../images/topmenu.jpg);
margin-top: 0px;
font-family:"Trebuchet MS";
font-size: 12px;
color:#FFFFFF;
overflow: visible;

/*letter-spacing: 2px;*/
text-decoration: none;}


#menu ul {
margin-top : 0;
margin-bottom : 0;
padding : 0;
margin-left: 20px;
font-family : "Trebuchet MS";
font-size : 12px;
font-weight : normal;
letter-spacing: 1px;
text-decoration: none;
color:#FFFFFF;



}
#menu ul li {
display : inline;
float : left;
list-style : none;
height : 20px;
margin-left :7px;
position : relative;
margin-right : 5px;
margin-top : 6px;
overflow: visible;

}
#menu li a {
color : #fff;
text-decoration : none;

}
#menu li a:hover {
color : #F6D748;
text-decoration : none;

}
#menu li ul {
margin : 0;
padding : 0;
display : none;
position : absolute;
left :-30px;
top : 20px;
background-color : #E3BD31;
font-family : "Trebuchet MS";
font-size : 12px;
font-weight : normal;
overflow: visible;



}
#menu li:hover ul {
display : block;
width : 180px;
color : #5E8A09;

}
#menu li li {
list-style : none;
display : list-item;
z-index: 100;

}
#menu li li a {
color : #000000;
text-decoration : none;
}
#menu li li a:hover {
color : #fff;
text-decoration : none;
}

#menucontainer{
width:995px;}

.seperator{
color:#F6D748;}

/*css for the menu part ends*/



/*css for the body image part starts*/
#bodytop{
width: 995px;
background-image:url(../images/mantle_bg_coloropt1.png);
background-repeat: no-repeat;
float: left;
}

.photogallery{
	width: 744px;
	background-color: #5E8A09;
	float: left;
}

.gallery{
 width: 747px;
float: left;
margin-left: 0px;}
 
 .harsh{
 width: 248px;
float: left;

 }
 
 .harshquote{
 width: 200px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#FFFFFF;
 font-weight: normal;
 text-align: justify;
 margin-left: 30px;
 margin-top: 10px;}
 
 .gallerypic{
  width: 170px;
  float: left;
  background-image:url(../images/photogallery.png);
  background-repeat: no-repeat;
  height: 150px;
 margin-top: 60px;
 }
 .thumbnails{
 width: 60px;
/* border: 1px solid #00FFFF;*/
 float: left;
 margin-left: 20px;
 margin-bottom: 5px;
}
.harshmiddle{
width: 150px;
margin-left: 50px;
/*margin-right: 20px;*/
margin-top: 10px;}

.harshimage{
width: 100px;
margin-left: 30px;
}

.harshtext{
width: 130px;
margin-left: 10px;}


.chairman{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#FFCC00;}


/*content area start*/
#content{
width: 995px;
float: left;
margin: 0px;
padding: 0px;
background-color: #CECFA8;}

#textarea{
width: 747px;
float: left;
margin-left: 0px;
/*margin-right: 5px;*/
background-color: #CECFA8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
text-align: justify;
line-height: 18px;
}



#textcontainer{
width: 730px;
float: left;
margin-left: 8px;
margin-right: 8px;
background-color: #CECFA8;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-align: justify;
line-height: 20px;
}



#pageheading{

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006600;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom:  10px;
margin-top: 20px;
}


h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006600;
font-size: 14px;
font-weight: bold;
text-align: center;
margin-top: 5px;}

#rightpanel{
width: 248px;
float: left;
background-color:#90230F;
}
/*booking panel for facility page*/
#bookingpanel{
width: 248px;
float: left;
background-color:#C0C0C0;
}

.downlaodform{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#000000;
margin-bottom: 15px;
margin-top: 5px;
}

.downlaodform a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#000000;
}

.downlaodform a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#990000;
}



.teaser1bg{
width: 248px;
height: 35px;
background-color:#A3A064;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color:#FFFFFF;
font-weight: bold;}

.forthcomingheading{

width: 248px;
height: 70px;
background:#D6D3AC;
border: 1px solid #333333;
font-family: Arial, Helvetica, sans-serif;
color:#005C42;
font-size: 12px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
letter-spacing: 1px;
}



.forthcoming{
margin-top: 5px;
}

#forthcominglist{
width: 242px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size: 12px;
margin-top: 5px;
margin-left: 8px;
margin-bottom: 5px;
line-height: 15px;
font-weight: bold;
letter-spacing: 1px;}


#forthcominglistnumber{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size: 10px;
font-weight: bold;}



.numbers{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:  bold;
color:#AC0202;}
/*#forthcominglist ul{
margin: 0px;
padding: 0px;
list-style-type: none;
list-style: none;
}

#forthcominglist  li{
display: inline;
}*/


#lowerarea{
width: 747px;
float: left;
background-color: #A3A064;
height: 150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-align: center;
line-height: 20px;
font-weight: bold;
}

.lowercurve{
 margin-left: 5px;
 margin-bottom: 10px;
 margin-right: 5px;
 margin-top: 10px;
 float: left;}
 .lowercurve a{
 color:#000000;}
 
 
 .lowercurve a:hover{
 color:#FF9900;}
 
 .lowercurve1{
 margin-left: 15px;
 margin-bottom: 10px;
 margin-right: 5px;
 margin-top: 10px;
 float: left;}
 
  .lowercurve1 a{
 color:#000000;}
 
 
 .lowercurve1 a:hover{
 color:#FF9900;}
 
 #footer{
 width: 995px;
 height:65px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #086A38;
 text-align: center;
 margin-top: 5px;
 }
 
 
 #footer ul{
 float:left;
 height:40px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #086A38;
 text-align: center;
 line-height: 7px;
 }
 
 
 #footer ul li {
display : inline;
float : left;
list-style : none;
height : 20px;
position : relative;
margin-right : 5px;
/*margin-top : 4px;*/
}



#footer li a {
color : #086A38;
text-decoration : none;
}
#footer li a:hover {
color : #F6D748;
text-decoration : none;
}

#footercontainer{
width:995px;
margin: 0 auto;
float: left;

}


#footer a{color:#990000;}


a{
color:#ffffff;
text-decoration: none;}

a:hover{
color:#CECFA8;
text-decoration: none;}

.infrastructure{
width: 730px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float:left;
}

.infrastructure1{
float:left;
width: 150px;
text-align: center;
vertical-align:top;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 15px;
}

.infrastructure2{
width: 550px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
float:left;
margin-right: 5px;
}

.date{
color:#3D5F22;
font-weight: normal;}

.consultinglink a{
color:#990000;
font-weight: bold;}

.consultinglink a:hover{
color:#fff;
font-weight: bold;}

.furtherdetails{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#000000;
text-align:left;
margin-left: 2px;
margin-right: 2px;
margin-top: 19px;
margin-bottom: 8px;}


.details{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#990000;
text-align:left;
/*margin-left: 5px;
margin-right: 5px;
margin-top: 8px;
margin-bottom: 8px;*/}

/*gallery css starts*/

#gallery1{
	width: 700px;
	margin-left: 10px;
	float: left;
}
.galleryheading{
	width: 700px;
	margin-bottom: 10px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#990000;
	background-color:#E7BB1A;
	text-align:left;
}
.gallerythumbnail{
float: left;
margin-right: 8px;
margin-left: 10px;
margin-bottom: 10px;}


.thumbnailcontainer{
width:240px;
float: left;}

.imagecontainer{
width:450px;
float: left;
margin-left: 10px;}



.thumbnailbg{
width: 240px;
background-color:#FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
/*height: 72px;*/
float: left;}

.thumbnailbg1{
width: 603px;
/*height: 72px;*/
float: left;}

.gallerybg{
background-color:#CCCCCC;
width: 450px;
float: left;
margin-top: 0px;

}


.photolarge{
background-color:#CCCCCC;
width: 460px;
/*padding-right: 5px;*/
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
float: left;
/*margin-top: 5px;*/

}

.eventbg{
width: 320px;
background-color:#FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
float: left;
padding-right: 2px;
}

.seminarheading{
width: 220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#990000;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 3px;
/*height: 72px;*/
float: left;
line-height:12px;
text-align:left;
}

/*for the pop up headings*/
ol#toc {
    height: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background-image:url(../images/popup_heading.png);
/*    color: #008;*/
    display: block;
    float: left;
    height: 25px;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #ffffff;
    background-position: 0 -140px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #851A0A;
    background-position: 0 -60px;
    color: #ffffff;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(../images/popup_heading.png);
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

.content{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-align: justify;
border:#FFFFFF solid 1px;
clear: left;
padding: 1em;
width: 650px;
}
.popuptext{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
text-align: justify;
font-weight: normal;
line-height: 18px;}

/*events concluded*/
#pastevent{
width: 50px; 
background: #000000; 
display:none;
}

#pasteventtext{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#990000;
font-weight: normal;
text-align: justify;}