/* CSS Document */
body
{
margin:0px;
padding:0px;
background-image:url(images/bodybg.jpg); background-repeat:repeat;
}


     img, div  { behavior: url("iepngfix.htc") }

#topbar
{
/*margin-top:0px;background-image:url(images/topbar.png); background-repeat:repeat-x;  height:27px;*/
margin-top:0px;background-image:url(images/topbar_new.png); background-repeat:repeat-x;  height:28px;

}

#main_top
{
background-image:url(images/main_top_new.png); background-repeat:no-repeat; height:58px; width:1000px; margin-top:0px;
font-family:Georgia; font-size:11px; color:#000000; font-weight:bold;


}

#menu_bar
{

background-image:url(images/menu_bar_new.png); background-repeat:no-repeat; height:75px; width:1000px;
}

#logo
{
position:absolute; margin-left:455px; width:89px; height:128px; margin-top:-18px;
background-image:url(images/logo_new.png); background-repeat:no-repeat;
z-index:2000;

}
#content
{
background-image:url(images/content_bkg_new.png); background-repeat:repeat-y ; width:1000px; height:auto;

}

#intro
{
background-image:url(images/intro.png); width:1000px; height:354px; margin-top:0px; background-repeat:no-repeat;

}

#play_btn
{
position:absolute;
margin-top:100px;
margin-left:55px;
width:207px; height:30px;
z-index:8000;
}

#separator
{
background-image:url(images/separator_new.png); width:1000px; height:11px; margin-top:70px; background-repeat:no-repeat;
}


#why_testimonials
{

background-image:url(images/why_testimonials_new.png); background-repeat:no-repeat; width:1000px; height:176px;
}

#footer_bkg
{
background-image:url(images/footer_new.png); background-repeat:repeat-x; background-position:bottom;
clear:both;

}

#description
{
/*height:auto;*/ text-align:center; width:960px;
font-family:Georgia; font-size:14px; color:#272425; font-weight:bold;
padding-top:10px; line-height:22px;
/*overflow:auto;*/
clear:both;
}

#follow_us
{
padding-top:40px; text-align:left; margin-left:55px;
font-family:Georgia; font-size:15px; color:#272425; font-weight:bold;
 width:300px;
float:left;

}

#join_us
{padding-top:30px; text-align:left; margin-left:180px;
font-family:Georgia; font-size:15px; color:#272425; font-weight:bold;
width:420px;float:left;
}

#join_us input
{
border:none;
background-color:Transparent;
font-family:Arial; font-size:14px; color:#3A3737; font-weight:bold; 
}

#btn_signup
{
background-image:url(images/signup.png); width:80px; height:31px; background-repeat:no-repeat; background-position:left

}

#featured_course
{
height:236px; width:1000px; background-image:url(images/featured_course_new.png); background-repeat:no-repeat; clear:both;

}

#follow_us_joining
{

height:80px; width:1000px; background-image:url(images/follow_us_joining_new.png); background-repeat:no-repeat; text-align:left;


}

#footer
{
height:230px;


}
#footer_site_links
{
margin-top:10px; text-align:left; width:880px; line-height:20px;

}

#footer_site_links .header
{
font-family:Georgia; font-size:16px; text-decoration:underline; color:#C90B0B; font-weight:bold;
margin-bottom:5px;


}

#footer_site_links a:link
{
font-family:Georgia; font-size:13px; text-decoration:none; color:#A7A6A6; font-weight:bold;
}

#footer_site_links a:active
{
font-family:Georgia; font-size:13px; text-decoration:none; color:#A7A6A6; font-weight:bold;
}

#footer_site_links a:visited
{
font-family:Georgia; font-size:13px; text-decoration:none; color:#A7A6A6; font-weight:bold;
}

#footer_site_links a:hover
{
font-family:Georgia; font-size:13px; text-decoration:underline; color:#A7A6A6; font-weight:bold;
}




#menu_bar1
{

width:1000px; margin-top:0px;position:relative; text-align:left; z-index:100;
margin:0px; padding:0px;
text-indent:0px;
}


#menu_bar1 ul
{

text-align:left;	
padding-left:10px;

list-style:none; 
display:inline;
/* position absolute so that z-index can be defined */
position:absolute;



/* should be higher than #box */
z-index:100;
width:980px;
height:19px;
margin-top:17px;
margin-left:10px;

}

#menu_bar1 #box {
	color:#000000;
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		
		margin-top:15px; 
		margin-right:0px;
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:url(images/tail.gif) no-repeat right center; 

		height:25px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-3px;

	}
	
	#menu_bar1 #box .head {
		/* image of the left rounded corner */
		color:#000000;
	
		height:25px;
background:url(images/head.gif) no-repeat 0 0; 
		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:0px;
	}


#menu_bar1 ul li
{
float:left;
text-align:left;

}

#menu_bar1 ul li a{
font-family:Georgia;
font-size:17.51px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#menu_bar1 ul li a:hover{
font-family:Georgia;
font-size:17.51px;
font-weight:bold;
color:#000;
}

#menu_bar1 ul li#home
{

margin-left:15px;
width:55px;

}



#menu_bar1 ul li#ourcourses
{

margin-left:28px;
width:116px;

}

#menu_bar1 ul li#teachers
{
margin-left:27px;
width:86px;

}

#menu_bar1 ul li#events
{
margin-left:30px;
width:62px;

}


#menu_bar1 ul li#bookshop
{
margin-left:120px;
width:88px;

}

#menu_bar ul li#blog
{

margin-left:39px;
width:40px;

}

#menu_bar1 ul li#downloads
{

margin-left:33px;
width:92px;

}

#menu_bar1 ul li#ecampus
{
margin-left:24px;
width:88px;

}

.left
{
float:left;
}
.clear
{
clear:both;

}

#mygallery{overflow: hidden;}

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 904px; /*Width of Carousel Viewer itself*/
height: 354px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding
panel DIV*/
margin: 0px; /*margin around each panel*/
width: 904px; /*Width of each panel holding each content. If removed,
widths should be individually defined on each content DIV then. */
}