/* Rainbow stylin
------------------------------ */
#menu {position:relative; width:770px; height:120px; background:transparent url(/assets/i/trans/home.jpg); overflow:hidden; margin:0 auto;}
#menu ul, #lecturersmenu ul, #studentsmenu ul, #aboutmenu ul, #discussionmenu ul {margin:96px 0 0 180px; padding:0;}
#menu li, #lecturersmenu li, #studentsmenu li, #aboutmenu li, #discussionmenu 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(/assets/i/trans/home_over.jpg) no-repeat 500px 500px;}
* html #menu a.nav, * html #lecturersmenu a.nav, * html #studentsmenu a.nav, * html #aboutmenu a.nav  * html #discussionmenu a.nav {height:25px; he\ight:0;}
#menu a#item1:hover, #lecturersmenu a#item1:hover, #studentsmenu a#item1:hover, #aboutmenu a#item1:hover, #discussionmenu 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, #discussionmenu 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, #discussionmenu 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, #discussionmenu 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, #discussionmenu a#item5:hover {background-position: -600px -96px; z-index:50;}

#lecturersmenu {position:relative; width:770px; height:120px; background:transparent url(/assets/i/trans/news.jpg); 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(/assets/i/trans/news_over.jpg) no-repeat 500px 500px;}

#studentsmenu {position:relative; width:770px; height:120px; background:transparent url(/assets/i/trans/blog.jpg); 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(/assets/i/trans/blog_over.jpg) no-repeat 500px 500px;}

#aboutmenu {position:relative; width:770px; height:120px; background:transparent url(/assets/i/trans/about.jpg); 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(/assets/i/trans/about_over.jpg) no-repeat 500px 500px;}

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


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

.aboutcontent a {color:#1b6ad8;}

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

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

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

h1.authors {
font-size:95%;
color:#333366;
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: #02260c;
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: #333366;

}

.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 #333366 solid;
color: #333366;

}

.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:#333366;padding:0;}



.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: #333366;
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 #333366 solid;
color: #333366;
}


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


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;

}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h4 {
	letter-spacing: -2px;
	visibility: hidden;
	font-size: 20px;
	line-height: 1.4em; 
	margin:0;
	padding:0;
	clear: none;
}