.mir { text-indent : -1000em; } 

/* Just for Opera, but hide from MacIE */ 

/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 

/* End of hack */



body {

	margin: 0;

	padding: 0;

	font: 76% geneva, arial, sans-serif; 

	background: #E5E8D1 url(images/background.jpg) repeat-y bottom left;

	color: #6C326C;

	}



div#header {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 175px;

	background: #E5E8D1 url(images/header.jpg) no-repeat top left;

	z-index: 1;

	}



div#header h1 {

	display: none;

	}



div#content {

	position: absolute;

	top: 0px;

	left: 0px;

	margin-left: 200px;

	margin-top: 80px;

	padding-left: 15px;

	padding-top: 0px;

	z-index: 5;

	width: 590px;

	}



div#content a { color: #000; }

div#content a:hover { color: #990066; }



div#content h2 {

	height: 42px;

	width: 300px;

	}



img

{

padding: 10px;

}





div#content h2#lecture { background: url(images/h2-lecturers.jpg) no-repeat top left; }

div#content h2#resources { background: url(images/h2-resources.jpg) no-repeat top left; }

div#content h2#studio { background: url(images/h2-studio.jpg) no-repeat top left; }

div#content h2#courses { background: url(images/h2-courses.jpg) no-repeat top left; }

div#content h2#fees { background: url(images/h2-fees.jpg) no-repeat top left; }

div#content h2#testimonials { background: url(images/h2-testimonials.jpg) no-repeat top left; }

div#content h2#contact { background: url(images/h2-contact.jpg) no-repeat top left; }

	

div#content p {

	font-size: 1em;

	margin-top: 0;

	margin-bottom: 1.2em;

	line-height: 1.2em;

	}

	

div#content ul {

	font-size: .9em;

	font-weight: normal;

	font-face: geneva, arial, sans-serif;

	}



/* NAVIGATION */

div#navcontainer {

	z-index:100;

	height: 226px;

	width: 137px;

	position: absolute;

	left: 14px;

	top: 175px;

	background: #E5E8D1 url(images/nav.jpg) no-repeat top left;

	padding-top: 0px;

	padding-bottom: 30px;

	}



div#navcontainer ul { list-style: none; margin: 0px; padding:0; }



	

div#navcontainer a {

	display: block;

	height: 25px;

	width: 137px;

	padding: 0px;

	margin: 0px;

	color:#e4e8d1;

	text-decoration:none;

	

	}

	

div#navcontainer a:hover{

	text-decoration:underline;



}



#nav li { /* all list items */

	float: left;

	height:50px;

 	}



#nav li ul { /* second-level lists */

	position: absolute;

	background: #7e6177;

	width: 10em;



	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */



}

#nav li ul li{

 height:20px;



}



#nav li ul ul { /* third-and-above-level lists */

	margin: -1em 0 0 10em;

}



#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;



	

}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

	left: 137px;

	margin:-25px 0 0 0;

		

}	





	

/* INDIVIDUAL NAVS */

div#navcontainer a#home {background-image: url(images/a-homeDef.jpg); }

div#navcontainer a#studio {background-image: url(images/a-studioDef.jpg); }

div#navcontainer a#courses {background-image: url(images/a-coursesDef.jpg); }

div#navcontainer a#resources{background-image: url(images/a-resourcesDef.jpg); }

div#navcontainer a#lect {background-image: url(images/a-lecturersDef.jpg); }

div#navcontainer a#fees {background-image: url(images/a-feesDef.jpg); }

div#navcontainer a#test {background-image: url(images/a-testDef.jpg); }



div#navcontainer a#homeActive { background-image: url(images/a-home.jpg); background-repeat: no-repeat;}

div#navcontainer a#studioActive { background-image: url(images/a-studio.jpg); background-repeat: no-repeat; }

div#navcontainer a#coursesActive { background-image: url(images/a-courses.jpg); background-repeat: no-repeat;}

div#navcontainer a#resourecesActive {background-image: url(images/a-resources.jpg); background-repeat: no-repeat;}

div#navcontainer a#lectActive { background-image: url(images/a-lecturers.jpg); background-repeat: no-repeat; }

div#navcontainer a#feesActive { background-image: url(images/a-fees.jpg); background-repeat: no-repeat;}

div#navcontainer a#testActive { height: 27px; background-image: url(images/a-testimonials.jpg); background-repeat: no-repeat;}

	

div#navcontainer a#home:hover { background-image: url(images/a-home.jpg); }

div#navcontainer a#studio:hover { background-image: url(images/a-studio.jpg); }

div#navcontainer a#resources:hover { background-image: url(images/a-resources.jpg); }

div#navcontainer a#courses:hover { background-image: url(images/a-courses.jpg); }

div#navcontainer a#lect:hover { background-image: url(images/a-lecturers.jpg); }

div#navcontainer a#fees:hover { background-image: url(images/a-fees.jpg); }

div#navcontainer a#test:hover { height: 27px; background-image: url(images/a-testimonials.jpg); }



a#contact {

	position: absolute;

	top: 5px;

	left: 721px;

	width: 73px;

	height: 16px;

	background: url(images/a-contact.gif) no-repeat top left;

	z-index: 10;

	}

	



hr { display: none; }

.border { border: 1px solid #000; }

.hide { display: none; }

.left { float: left; margin: 0px 5px 5px 0px; border: 0px;}

.right { float: right; margin: 0px 0px 5px 5px; border: 0px; }

.center { text-align: center; }

.righttext { text-align: right; }

.nowrap { white-space: nowrap; }