body {

font: 100% Verdana, Arial, Helvetica, sans-serif;

margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

padding: 0;

text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

color: #000000;

background:url(../images/home-main-bk-1.gif) repeat;

}

.clr{

clear:both;

}



/* Top Menu Start Here*/



#menu {

height:32px;

width:100%;

background: #DDDDDD; 

background:url(../images/hom-top-menu-bg.gif) repeat-x center top;

margin:0 auto;

}

#menu a {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#c5c5c5;

text-decoration:none;

}

#menu a:hover {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#598e00;

text-decoration:none;

}

#menu p {

margin: 0;

padding-top:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

}

 #menu span{

padding:6px;

color:#c5c5c5;}

.emergency{

margin-right:2px;

margin-left:30px;}



/* Top Menu End Here*/

.hero-menu{

margin-top:6px;

padding:0;

margin-left:5px;

height:29px;

width:950px;

}

.menu-HealthEducation{

float:left;

margin-left:3px;

width:115px;

height:31px;

}

.menu-Education{

float:left;

width:112px;

height:36px;

}

/* Container Start Here*/

#Container{

margin:0 auto 0 auto;

border:#ffffff solid 1px;



width:960px;

}

/*Header Start Here*/

#Header{

margin:0px;

padding:0px;

}

.logo{

margin-top:39px;

margin-bottom:21px;

float:left;

width:429px;

height:81px;

}

.search{


float:right;

width:250px;

padding-right:32px;

}

#input-box{

float:left;

width:270px;

text-align:right;

margin-right:5px;

}

#button{

float:right;

width:25px;

}

.Menu_Edu{

width:250px;

float:left;

padding-left:3px;

}

/*Header End Here*/

/*Center Menu Start Here*/

#CenterMenu{

height:40px;

background-color:#006600;

}

/*Center Menu End Here*/

/*Hero Area Start Here*/

#HeroArea{

width:960px;

}

#HeroArea h1{

width:260px;

float:left;

margin:5px 0 0 5px;

padding:0px;

padding-bottom:10px;

}

#VOnline{

float:right;

width:279px;

height:247px;

border:1px #e5e5e5 solid;

margin:5px 6px 0 0;

background:url(../images/v-online-bk.gif) repeat-x left top;

}

#VOnline h1{

	width:250px;

	margin-top:20px;

	text-align:center;

	margin-bottom: 0px;
	margin-left:15px;
	padding: 0;

}

#VOnline .Link_Fea{

margin:10px 0 0 28px;

text-align:left;

width:240px;

font-size:12px;

}

#VOnline .Link_Fea a{

color:#353535;

text-decoration:none;

}

#VOnline .Link_Fea a:hover{

color:#5b9000;

text-decoration:none;

}

.VOnline-SignIn{

margin:10px 0 10px 25px;

text-align:left;

width:240px;

}

#VOnline .Link_Fea a{

color:#353535;

text-decoration:none;

}

#input-box1{

padding:5px;

float:left;

width:100px;

text-align:right;

}

#button_SignIn{

float:right;

width:70px;

padding-right:5px;

}

/*Hero Area End Here*/

/*Content Top (About Us, Vydehi Institute)Start Here*/

#Content{

width:948px;

margin:6px;

}

#Content h1{

height:24px;

padding: 10px 0 0 20px; 

margin:0px;

background:url(../images/title-bk1.jpg) repeat-x left top;

border-bottom:1px #e5e5e5 solid;

font-size:14px;

font-weight:bold;

color:#505050;

text-align:left;

}

#Content h3{

height:20px;

padding: 10px 15px 0 0; 

margin:0px;

text-align:right;

}

#about-tab{

float:left;

width:658px;

border:solid 1px #d6d6d6;

}



#Institute{

float:right;

width:279px;

border:1px #dcdcdc solid;

height:216px;

text-align:left;

}

#Institute h2{

background-color:#5b9000;

height:27px;

padding: 10px 0 0 20px; 

margin:0px;

font-size:14px;

font-weight:bold;

color:#fff;

text-align:left;

}

#Institute ul{

display:block;

margin:0px;

padding: 15px 0 0 20px;

height:164px;

/*font-size:14px;

color:#505050;

font-weight:normal;*/

list-style:none;

background-color:#dde9c9;





}

#Institute li{

	display:block;

	margin:0px;

	height:31px;

	padding:0 0 0 30px;

	font-size:13px;

	font-weight:bold;

	line-height:25px;

	background:url(../images/mn-arrow.jpg) no-repeat left 1px;

	vertical-align:middle;

}

#Institute li a{

display:block;

margin:0px;

padding:0px;

color:#394d16;

text-decoration:none;

vertical-align:bottom;

height:30px;



}

#Institute li a:hover{

color:#4a7601;

text-decoration:none;

}

/*Content Top End Here*/

/*Content Center (News, Events, Admissions, Banner) Start Here*/

#News{

float:left;

margin:5px 0 0 0;

width:323px;

border:1px #dcdcdc solid;

height:211px;

text-align:left;

}

#News ul{

	display:block;

	margin:0px;

	padding: 0 0 0 10px;

	font-size:12px;

	color:#424242;

	list-style:none;

}

#News li{

    width:290px;

	display:block;

	margin:0px;

	padding: 8px 0 0 13px;

	background:url(../images/institute_arrow.gif) no-repeat left 10px;

}

#News li a{

display:block;

margin:0px;

padding:0px;

color:#505050;

text-decoration:none;

}

#News li a:hover{

color:#4a7601;

text-decoration:none;

}

#Events{

float:left;

margin:5px 0 0 10px;

padding:0;

width:323px;

border:1px #dcdcdc solid;

height:211px;

text-align:left;

}

#Events ul{

display:block;

margin:0px;

padding: 0 0 0 10px; 

font-size:12px;

color:#424242;

list-style:none;

}

#Events li{

display:block;

margin:0px;

padding: 8px 0 0px 13px;

background:url(../images/institute_arrow.gif) no-repeat left 11px;

}

#Events li a{

display:block;

margin:0px;

padding:0px;

color:#505050;

text-decoration:none;

}

#Events li a:hover{

color:#4a7601;

text-decoration:none;

}

#AdmissionTop{

margin:5px 0 0 0;

float:right;

width:281px;



}

#Admission{

width:279px;

border:1px #dcdcdc solid;

height:130px;

text-align:left;

}

#Admission h2{

background-color:#5b9000;

height:27px;

padding: 10px 0 0 20px; 

margin:0px;

font-size:14px;

font-weight:bold;

color:#fff;

text-align:left;}

#Admission ul{

display:block;

margin:0px;

height:85px;

padding: 8px 0 0 20px; 

/*font-size:14px;

color:#505050;

font-weight:normal;*/

list-style:none;

background-color:#dde9c9;

}

#Admission li{

margin:0;

padding-left:30px;

font-size:13px;

font-weight:bold;

background:url(../images/mn-arrow.jpg) no-repeat left 1px;

line-height:28px;

}

#Admission li a{

margin:0px;

padding:0px;

color:#394d16;

text-decoration:none;



}

#Admission li a:hover{

color:#4a7601;

text-decoration:none;

}

#Adm_Banner{

margin:8px 0 0 0;

padding:0px;

}

/*Content Center End Here*/

/*Content Bottom (Testimonials, Achievers) Start Here*/

#ContentBottom{

width:950px;

padding:5px;

}

/*#Testimonials{

margin:5px 0 0 0;

float:left;

width:660px;

height:222px;

background-color:#0066FF;

}*/

#Achievers{

float:right;

margin:3px 0 0 0;

width:279px;

border:1px #dcdcdc solid;

height:215px;

text-align:left;

}

#Achievers .FacultyImg{

padding:5px;

width:111px;

float:left;

}

#Achievers  .Ac_content{

float:right;

margin:0px;

padding:10px 10px 0 5px;

width:140px;

font-size:12px;

text-align:left;

line-height:16px;

}

#Achievers  p{

margin:0px;

padding:10px 10px 0 5px;

width:140px;

font-size:12px;

text-align:left;

}

#testimonials

{

float:left;

width:324px;

height:210px;

margin-top:6px;

border:solid 1px #d6d6d6

}

#testimonials h1{

margin:0;

font-size:14px;

padding-left:10px;

padding-top:5px;

color:#2d2d2d;

height:30px;

background:url(../images/title-bk1.jpg) repeat-x;

}

/*#testimonials p{

padding:130px 0 0 0;

}*/

/*Content Bottom End Here*/

/*Footer Start Here*/

#admission-banner

{

float:left;

margin-left:8px;

width:324px;

height:210px;

margin-top:6px;

}

#footer {

margin-top:10px;

height:290px;

width:960px;

background:#DDDDDD;

background: url(../images/footer-bg.gif) repeat-x;



}

#footer p {

margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

font-size:12px;

color:#000000;

}

#footer h1 {

margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

padding-left:15px;

font-size:12px;

color:#000000;

font-weight:bold;

}

#footer h2 {

margin: 0;

float:left;

width:530px;

padding-left:15px;

padding-top:60px;

line-height:15px;

font-size:10px;

color:#fff;

font-weight:normal;

}

#footer h3{

margin: 0;

float:right;

width:350px;

padding-left:15px;

padding-top:60px;

font-size:10px;

color:#fff;

text-decoration:none;

font-weight:normal;

}

#footer h3 a{

text-decoration:none;

color:#fff;

}

#footer h3 a:hover{

text-decoration:none;

color:#35a2dc;

}

.footer-link{

text-decoration:underline;

color:#35a2dc;

}

.footer-link:hover{

text-decoration:none;

color:#fff;

}

#footer ul {

margin:0px;

padding:0 0 0 15px;

list-style:none;

}

#footer li {

display:block;

background:url(../images/bullet.gif) no-repeat left 12px;

margin:0px;

padding: 5px 0 0 15px;

}

#footer li a {

font-size:12px;

color:#000000;

text-decoration:none;

}

#footer li a:hover {

font-size:12px;

color:#cac8c8;

text-decoration:none;}

/*Testimonials-----CAROUSEL----CSS*/

.stepcarousel{

margin:0 auto;

position: relative; 

overflow: scroll;

width: 232px;

height: 200px; 

}



.stepcarousel .belt{

position: absolute; 

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; 

overflow: hidden; 

margin: 5px; 

width: 250px; 

}

/*End----Testimonials-----CAROUSEL----CSS*/

.input-box1{

position:relative;

width:170px;

height:17px;

top:1px !important; /* for Mozilla */ ; 

top:0px;

vertical-align:top;

}

	

/*webmailblink*/

* blink

{

 visibility: expression((Math.floor(new Date().getTime()

                        /500)%2)?"visible":"hidden");

}



.topnews{

margin-top:20px;

margin-left:250px;

float:left;

width:200px;

height:15px;

/*background-color:#f9f7f7;*/

color:#787878;

font-size:13px;

font-weight:bold;

}

.link5{

font-size:12px;

color:#4d494a;

text-decoration:none;

}

.link5:hover{

font-size:12px;

color:#2c6ff6;

text-decoration:none;}