/* top navigation
*****************/

#navigation-top
{
	margin: -6px 10px 0px 0px;
	padding: 0px;
	float: right;
	list-style: none;
}

#navigation-top li
{
	border-right: 1px solid #ccc;
	float: right;
	margin: 0px;
	padding: 0px;
}

#navigation-top li a:link,
#navigation-top li a:visited
{
	display: block;
	color: #666;
	font-size: 10px;
	margin: 0px 6px 0px 6px;
}

#navigation-top li a:hover
{
	text-decoration: none;
	color: #00a5f1;
}

/* Default Navigation
**********************/
#navigation
{
	list-style: none;
	height: 80px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background: url(/images/navigation/navigation-background.gif) bottom left no-repeat;
}

#navigation li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

/* Left Navigation
**********************/

#nav-left
{
	clear: left;
	width: 185px;	
}

.navigation-left
{
	margin: 13px 8px 15px 8px;
	padding: 50px 0px 0px 0px;
	list-style: none;
	border-bottom: 1px dotted #ccc;
}

a:link.nav-left,
a:visited.nav-left
{
	display: block;
	width: 165px !important;
	width/**/: 185px;
	border-top: 1px dotted #ccc;
	padding: 9px;
	background: #f0f0f0;
	text-decoration: none;
	color: #726464;
}

a:hover.nav-left
{
	color: #e20020;
}

.navigation-left li a.selected
{
	font-weight: bold;
	color: #e20020;
}

.navigation-left li a a:link,
.navigation-left li a a:visited
{
	display: inline;
	width: 16px;
	border: none;
	padding: 0px;
}

.navigation-left li a.subpage
{
	background: white;
}

.navigation-left li a.selected.subpage
{
	color: #726464;
}

.list-arrows
{
	float: right;
	z-index: 10;
	width: 16px;
	margin: 4px 5px 0px 0px;
}

#whitecliffe-nav
{
	background: url(/images/navigation/01.gif) top right no-repeat;
}

#programmes-nav
{
	background: url(/images/navigation/02.gif) top right no-repeat;
}

#showcase-nav
{
	background: url(/images/navigation/03.gif) top right no-repeat;
}

#collective-nav
{
	background: url(/images/navigation/04.gif) top right no-repeat;
}

#admissions-nav
{
	background: url(/images/navigation/05.gif) top right no-repeat;
}

#resources-nav
{
	background: url(/images/navigation/06.gif) top right no-repeat;
}

/* Quickjump Menu
******************/

#quickjumper
{
	margin-top: 20px;
	padding: 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted#ccc;
	margin-left: 10px;
}

#quickjumper select
{
	width: 170px;
}

/* Rollovers
*************/

#whitecliffe
{
	background: url(/images/navigation/whitecliffe-hover.gif);
	width: 129px;
	height: 80px;
}

#programmes
{
	background: url(/images/navigation/programmes-hover.gif);
	width: 129px;
	height: 80px;
}

#showcase
{
	background: url(/images/navigation/showcase-hover.gif);
	width: 129px;
	height: 80px;
}

#collective
{
	background: url(/images/navigation/collective-hover.gif);
	width: 129px;
	height: 80px;
}

#admissions
{
	background: url(/images/navigation/admissions-hover.gif);
	width: 129px;
	height: 80px;
}

#resources
{
	background: url(/images/navigation/resources-hover.gif);
	width: 128px;
	height: 80px;
}

.rollover
{
	display: block;
	float: left;
	display: inline;
}

.rollover:hover
{
	visibility: visible;
}

.rollover img
{
	width: 100%;
	height: 100%;
	border: 0;
}

.rollover:hover img
{
	visibility: hidden;
}