#wrap {
	position: relative;
	font-size: 1.2em;
	width: 100%;
	/*padding: 50px 20px;
	padding-top:10px;
	padding-right:20px;*/
	margin: 0 auto; 
	background: url(/assets/education/Images/hedar_bg_img01.jpg) repeat-x;
	
	/*background-color: #999;*/
	height:6em;
	position: relative; }

/* These styles create the dropdown menus. */
#navbar {
	position: absolute;
	top: 35px;
	right: 0;
	margin: 0;
	padding-right:225px;
	/*padding: 0;*/
	
	}
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 8px;
	text-transform: uppercase;
	text-decoration: none; 
	color: black;
	font-weight: bold; }
#navbar li a:hover {
	color: #fff; }
#navbar li ul {
	display: none;  }
	

#navbar li:hover ul, #navbar li.hover ul {
	position: absolute;
	display: inline;
	left: 0;
	width: 1200px;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: left;
	
	 }
#navbar li:hover li a, #navbar li.hover li a 
{
    
	color: #f2f2f2; }
#navbar li li a:hover 
{
    
	color: #f2f2f2; }
	
	
	
	/* start css for login */
	#navbar2 {
	position: absolute;
	top: 35px;
	right: 0;
	margin: 0;
	padding-right:300px;
	/*padding: 0;*/
	
	}
#navbar2 li {
	list-style: none;
	float: left; }
#navbar2 li a {
	display: block;
	padding: 3px 8px;
	text-transform: uppercase;
	text-decoration: none; 
	color: #fff;
	font-weight: bold; }
#navbar2 li a:hover {
	color: #fff; }
#navbar2 li ul {
	display: none;  }
#navbar2 li:hover ul, #navbar li.hover ul {
	position: absolute;
	display: inline;
	left: 0;
	width: 1200px;
	margin: 0;
	padding: 0; }
#navbar2 li:hover li, #navbar li.hover li {
	float: left;
	
	 }
#navbar2 li:hover li a, #navbar li.hover li a 
{
    
	color: black; }
#navbar2 li li a:hover 
{
    
	color: #f2f2f2; }
	/* end css for login*/
	
	/* start breadcrumbs*/
		.breadcrumb {
	text-transform: uppercase;
	text-decoration: none; 
	color: #fff;
	font-weight: bold; }
	
	
	/* end breadcrumbs*/