/* Rainbow stylin
------------------------------ */
#menu {position:relative; width:770px; height:120px; background:transparent url(../i/header.png); overflow:hidden; margin:0 auto;}
#menu ul, #lecturersmenu ul, #studentsmenu ul, #aboutmenu ul {margin:96px 0 0 180px; padding:0;}
#menu li, #lecturersmenu li, #studentsmenu li, #aboutmenu li {list-style-type:none; width:105px; height:25px; display:inline;}
#menu a.nav {display:block; float:left; width:105px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:25px;background:transparent url(../i/header_over.png) no-repeat 500px 500px;}
* html #menu a.nav, * html #lecturersmenu a.nav, * html #studentsmenu a.nav, * html #aboutmenu a.nav  {height:25px; he\ight:0;}
#menu a#item1:hover, #lecturersmenu a#item1:hover, #studentsmenu a#item1:hover, #aboutmenu a#item1:hover  {background-position: -180px -96px; z-index:50;}
#menu a#item2:hover, #lecturersmenu a#item2:hover, #studentsmenu a#item2:hover, #aboutmenu a#item2:hover {background-position: -285px -96px; z-index:50;}
#menu a#item3:hover, #lecturersmenu a#item3:hover, #studentsmenu a#item3:hover, #aboutmenu a#item3:hover {background-position: -390px -96px; z-index:50;}
#menu a#item4:hover, #lecturersmenu a#item4:hover, #studentsmenu a#item4:hover, #aboutmenu a#item4:hover {background-position: -495px -96px; z-index:50;}
#menu a#item5:hover, #lecturersmenu a#item5:hover, #studentsmenu a#item5:hover, #aboutmenu a#item5:hover {background-position: -600px -96px; z-index:50;}

#lecturersmenu {position:relative; width:770px; height:120px; background:transparent url(../i/lecturers.png); overflow:hidden; margin:0 auto;}
#lecturersmenu a.nav {display:block; float:left; width:105px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:25px;background:transparent url(../i/lecturers_over.png) no-repeat 500px 500px;}

#studentsmenu {position:relative; width:770px; height:120px; background:transparent url(../i/students.png); overflow:hidden; margin:0 auto;}
#studentsmenu a.nav {display:block; float:left; width:105px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:25px;background:transparent url(../i/students_over.png) no-repeat 500px 500px;}

#aboutmenu {position:relative; width:770px; height:120px; background:transparent url(../i/about.png); overflow:hidden; margin:0 auto;}
#aboutmenu a.nav {display:block; float:left; width:105px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:25px;background:transparent url(../i/about_over.png) no-repeat 500px 500px;}


/* Main links
------------------------------ */

.aboutcontent a {color:#1b6ad8;}
.bg {background: #fff url("../i/bg.png") top left repeat-y;}
.bg2 {background: #fff url("../i/bg2.png") top left repeat-y;}

/* Title
------------------------------ */

h1.welcome {
font-size:125%;
color:#757575;
padding:15px 0 0 0;
}

h1.title {
font-size:125%;
color:#cc0033;
padding:0;
}

h1.authors {
font-size:95%;
color:#cc0033;
padding:0;
font-weight:normal;
}

.crumb {margin:0 0 10px 0;font-size:90%;}
.crumb a:link {
text-decoration: none;
color: #7F7F7F; }
	
/* Left and Right Bars */

.leftbar {
width: 150px; 
margin: 5px 0 0 20px;
border: 1px #7F7F7F solid;
background: #fff; 
font-size: .85em;
padding-left: 3px;
}

* html .leftbar {   /*** IE5.x/win box model fix ***/
width: 155px;
wid\th: 155px;
}

.leftbar h3 {
color: #fff;
text-align: right;
background-color: #cc0033;
display: block;
text-decoration: none;
font-weight: bold;
padding: 3px;
margin: 5px;
font-size: 1.1em;

}


.leftbar ul {
padding: 0;
margin: 0;

}

.leftbar a {
	text-decoration: none;
	border-bottom: 1px solid #E3EAEC;
	padding-left: 12px;
}
.leftbar a:hover {
	border-bottom: 1px solid #333333;
}

.leftbar ul li {
list-style-type: none;
margin-top: 3px;
margin-bottom: 4px;
color: #cc0033;

}

.leftbar ul li a:link, .leftbar ul li a:visited {
text-decoration: none;
padding-left: 2px;
border-left: 10px #fff solid;
color: #7F7F7F; }

.leftbar ul li a:link.youarehere, .leftbar ul li a:visited.youarehere, .leftbar ul li a:hover {
border-left: 10px #cc0033 solid;
color: #cc0033;

}

.leftbar ul li ul li a:link, .leftbar ul li ul li a:visited {
padding-left: 10px;
}

.leftbar hr {
border: none 0; 
width:120px;
border-top: 1px solid #ccc;/*the border*/ 
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
padding:3px 0 3px 0;
}

#login {margin:0 0 0 5px;}
#login p {color:#333333;margin:10px 5px 10px 0;}
#login p a:link, a:visited, a {color:#cc0033;padding:0;/*this is the link colour*/}



.rightbar {
width: 155px; 
border: 1px #7F7F7F solid;
padding-left: 1px;
margin: 5px 0 0 15px;
background: #fff; 
font-size: .85em;
}

* html .rightbar {   /*** IE5.x/win box model fix ***/
width: 158px;
wid\th: 158px;
}


.rightbar h3 {
color: #fff;
display: block;
text-decoration: none;
font-weight: bold;
padding: 3px;
margin: 5px;
font-size: 1.1em;

}

.rightbar h3 a {
	text-decoration: none;
	border-bottom: 1px solid #E3EAEC;
	padding-left: 2px;
}
.rightbar h3 a:hover {
	border-bottom: 1px solid #000000;
}	


.rightbar ul {
padding: 0;
margin: 0;

}

.rightbar a {
	text-decoration: none;
	border-bottom: 1px solid #E3EAEC;
	padding-left: 12px;
}
.rightbar a:hover {
	border-bottom: 1px solid #000000;
}	
	
.rightbar ul li {
color: #cc0033;
margin: .5em 0 .5em 1em; padding: 0;
text-indent: -1em; background: transparent;
 list-style: none;
}

.rightbar ul li a:link, .rightbar ul li a:visited {
text-decoration: none;
padding-left: 2px;
border-left: 10px #fff solid;
color: #7F7F7F; }

.rightbar ul li a:link.youarehere, .rightbar ul li a:visited.youarehere, .rightbar ul li a:hover {
border-left: 10px #cc0033 solid;
color: #cc0033;
}


.rightbar ul li.current-section a:link, .rightbar ul li.current-section a:visited {
color: #cc0033; }

.small {font-size:90%;}