

/*** ESSENTIAL STYLES ***/
#main-nav, #main-nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:12px;
}
#main-nav {line-height:	1.0; float:right; margin-top:80px;}

#main-nav a {font-weight:normal;}

#main-nav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:15000;
}
#main-nav ul li {width:100%;}
#main-nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#main-nav li {
	float:			left;
	position:		relative;
}
#main-nav a {
	display:		block;
	position:		relative;
}
#main-nav li:hover ul,
#main-nav li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul#main-nav li:hover li ul,
ul#main-nav li.sfHover li ul {
	top:			-999em;
}
ul#main-nav li li:hover ul,
ul#main-nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#main-nav li li:hover li ul,
ul#main-nav li li.sfHover li ul {
	top:			-999em;
}
ul#main-nav li li li:hover ul,
ul#main-nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

ul#main-nav li ul{width:200px; border:1px solid #bfbfbf; z-index:3;}
ul#main-nav li li {width:200px;}
ul#main-nav li li a {background:#009900; display:block;}
ul#main-nav li li a:hover {background:#ff9900;}

/*** DEMO SKIN ***/
#main-nav {
	margin-bottom:	1em;
}
#main-nav a {
	padding: 		.75em 1em;
	text-decoration:none;
}
#main-nav a, #main-nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
#main-nav li {
	background:		#none;
}

#main-nav li li {
	background:		#fff;
	/*width:200px;*/
}

#main-nav li li li {
	background:		#9AAEDB;
}
#main-nav li:hover, #main-nav li.sfHover,
#main-nav a:focus, #main-nav a:hover, #main-nav a:active {
	outline:		0;
}

/*** arrows **/

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#main-nav ul .sf-sub-indicator { background-position:  -10px 0; }
#main-nav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#main-nav ul a:focus > .sf-sub-indicator,
#main-nav ul a:hover > .sf-sub-indicator,
#main-nav ul a:active > .sf-sub-indicator,
#main-nav ul li:hover > a > .sf-sub-indicator,
#main-nav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/* RSUA Skin */

#main-nav li {text-indent:-9999px;}
#main-nav li li {text-indent:0;}
	
#main-nav li#home {width:55px;}/* sets widths of main nav */
#main-nav li#public {width:60px;}
#main-nav li#architects {width:90px;}
#main-nav li#newsevents {width:110px;}
#main-nav li#publications {width:97px;}
#main-nav li#links {width:56px;}
#main-nav li#about {width:87px;}
#main-nav li#login {width:124px;}
#main-nav li#loggedin {width:132px;}


/*navigation home*/
#main-nav li#home a {background:url(../images/nav.gif) no-repeat 0 0;}
#main-nav li#home ul li a:hover {color:#353535; background:none;}
#main-nav li#home ul li a {color:#919084; background:none;}
#main-nav li#home:hover a,
#main-nav li#home.sfhover a,
#main-nav li#home a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat 0 -66px;	
	}
#main-nav li#home:hover li a,
#main-nav li#home.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	}	
body.home #main-nav li#home a {
	background-position:0 -33px;
	}
/*navigation public*/
/*navigation public*/
#main-nav li#public a {background:url(../images/nav.gif) no-repeat -55px 0;}
#main-nav li#public ul li a {color:#919084; background:none;}
#main-nav li#public ul li a:hover {color:#353535; background:none;}
#main-nav li ul li a {color:#919084;}
#main-nav li ul li a:hover {color:#353535;}
#main-nav li#public:hover a,
#main-nav li#public.sfhover a,
#main-nav li#public a:hover {/*main nav colour when hovering over sub nav item*/
	display:block;
	background:url(../images/nav.gif) no-repeat -55px -66px;	
	}
#main-nav li#public:hover li a,
#main-nav li#public.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	display:block;
	}
	
#main-nav li#public:hover li a:hover,
#main-nav li#public.sfhover li a:hover{background:#f8f7ef; display:block;}
body.public #main-nav li#public a {background-position:-55px -33px;}
	
	

/*navigation architects*/
#main-nav li#architects a {background:url(../images/nav.gif) no-repeat -115px 0;}
#main-nav li#architects ul li a {color:#919084; background:none;}
#main-nav li#architects ul li a:hover {color:#353535; background:none;}
#main-nav li ul li a {color:#919084;}
#main-nav li ul li a:hover {color:#353535;}
#main-nav li#architects:hover a,
#main-nav li#architects.sfhover a,
#main-nav li#architects a:hover {/*main nav colour when hovering over sub nav item*/
	display:block;
	background:url(../images/nav.gif) no-repeat -115px -66px;	
	}
#main-nav li#architects:hover li a,
#main-nav li#architects.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	display:block;
	}
	
#main-nav li#architects:hover li a:hover,
#main-nav li#architects.sfhover li a:hover{background:#f8f7ef; display:block;}
body.architects #main-nav li#architects a {background-position:-111px -33px;}
	
	
	
/*navigation newsevents*/
/*navigation newsevents*/
#main-nav li#newsevents a {background:url(../images/nav.gif) no-repeat -205px 0;}
#main-nav li#newsevents ul li a {color:#919084; background:none;}
#main-nav li#newsevents ul li a:hover {color:#353535; background:none;}
#main-nav li ul li a {color:#919084;}
#main-nav li ul li a:hover {color:#353535;}
#main-nav li#newsevents:hover a,
#main-nav li#newsevents.sfhover a,
#main-nav li#newsevents a:hover {/*main nav colour when hovering over sub nav item*/
	display:block;
	background:url(../images/nav.gif) no-repeat -205px -66px;	
	}
#main-nav li#newsevents:hover li a,
#main-nav li#newsevents.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	display:block;
	}
	
#main-nav li#newsevents:hover li a:hover,
#main-nav li#newsevents.sfhover li a:hover{background:#f8f7ef; display:block;}
body.newsevents #main-nav li#newsevents a {background-position:-205px -33px;}
	
	
/*navigation publications*/
#main-nav li#publications a {background:url(../images/nav.gif) no-repeat -315px 0;}
#main-nav li#publications ul li a {color:#919084; background:none;}
#main-nav li#publications ul li a:hover {color:#353535; background:none;}
#main-nav li ul li a {color:#919084;}
#main-nav li ul li a:hover {color:#353535;}
#main-nav li#publications:hover a,
#main-nav li#publications.sfhover a,
#main-nav li#publications a:hover {/*main nav colour when hovering over sub nav item*/
	display:block;
	background:url(../images/nav.gif) no-repeat -315px -66px;	
	}
#main-nav li#publications:hover li a,
#main-nav li#publications.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	display:block;
	}
	
#main-nav li#publications:hover li a:hover,
#main-nav li#publications.sfhover li a:hover{background:#f8f7ef; display:block;}
body.publications #main-nav li#publications a {background-position:-315px -33px;}

/*navigation links*/
#main-nav li#links a {background:url(../images/nav.gif) no-repeat -412px 0;}
#main-nav li#links ul li a {color:#919084; background:none;}
#main-nav li#links ul li a:hover {color:#353535; background:none;}
#main-nav li ul li a {color:#919084;}
#main-nav li ul li a:hover {color:#353535;}
#main-nav li#links:hover a,
#main-nav li#links.sfhover a,
#main-nav li#links a:hover {/*main nav colour when hovering over sub nav item*/
	display:block;
	background:url(../images/nav.gif) no-repeat -412px -66px;	
	}
#main-nav li#links:hover li a,
#main-nav li#links.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	display:block;
	}
	
#main-nav li#links:hover li a:hover,
#main-nav li#links.sfhover li a:hover{background:#f8f7ef; display:block;}
body.links #main-nav li#links a {background-position:-412px -33px;}
	

/*navigation about*/
#main-nav li#about a {background:url(../images/nav.gif) no-repeat -468px 0;}
#main-nav li#about ul li a {color:#919084; background:none;}
#main-nav li#about ul li a:hover {color:#353535; background:none;}
#main-nav li ul li a {color:#919084;}
#main-nav li ul li a:hover {color:#353535;}
#main-nav li#about:hover a,
#main-nav li#about.sfhover a,
#main-nav li#about a:hover {/*main nav colour when hovering over sub nav item*/
	display:block;
	background:url(../images/nav.gif) no-repeat -468px -66px;	
	}
#main-nav li#about:hover li a,
#main-nav li#about.sfhover li a{
	background:#fff;/*stops main nav images showing in nested list*/
	display:block;
	}
	
#main-nav li#about:hover li a:hover,
#main-nav li#about.sfhover li a:hover{background:#f8f7ef; display:block;}
body.about #main-nav li#about a {background-position:-468px -33px;}
	
/*navigation login*/
#main-nav li#login a {
	background:url(../images/nav.gif) no-repeat -555px 0;
	}
#main-nav li#login ul li a:hover {
	background:#735849;
	}
#main-nav li#login:hover a,
#main-nav li#login.sfhover a,
#main-nav li#login a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -555px -66px;	
	}
#main-nav li#login:hover li a,
#main-nav li#login.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.login #main-nav li#login a {
	background-position:-555px -33px;
	}	
	
/*navigation logged in */
#main-nav li#loggedin a {
	background:url(../images/nav.gif) no-repeat -688px 0;
	}
#main-nav li#loggedin ul li a:hover {
	background:#735849;
	}
#main-nav li#loggedin:hover a,
#main-nav li#loggedin.sfhover a,
#main-nav li#loggedin a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -688px -66px;	
	}
#main-nav li#loggedin:hover li a,
#main-nav li#loggedin.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.login #main-nav li#loggedin a {
	background-position:-688px -33px;
	}	
