/* IMPORT GENERIC STYLE DEFINITIONS COMMON TO ALL DEPT SITES */
@import "http://www.qmul.ac.uk/qmcms/css/deptstyle2010.css";
@import "slideshow.css";

/* ---------------------------------------------------- */
html {
	background-color: #669999;
}
h2.block {
	background-color: #a0c4e2;
}
hr {
	border-color: #669999;
}
/* ---------------------------------------------------- */
#primaryNav a{
	background-color: #a0c4e2;
	color: #6e6e6e;
}
/* reverse out the colours on mouse over */
#primaryNav a:hover{
	background-color: #669999;
	color: #fff;
}
/* the active page isn't a link on the primary nav so set reverse out styles */
#primaryNav li.current {
	background-color: #669999;
	color: #fff;
}
/* ---------------------------------------------------- */
#breadcrumb a:link {
   color: #fff;	
}
#breadcrumb a:visited {
   color: #fff;
}
#breadcrumb a:hover {
   color: #3887a1;
}
#breadcrumb a:active {
   color: #fff;
}
/* ---------------------------------------------------- */
#main a[href], #main2col a[href] {
	border-bottom: 1px dotted #3887a1;
}
#main a[href]:hover, #main2col a[href]:hover{
	border-bottom: 1px dotted #990000;
}
#main a.noBorder, #main a.noBorder:hover {
	border: 0px;
}
/* ---------------------------------------------------- */
#sidebar a{
	border-bottom: 1px dotted #3887a1;
}
#sidebar a:hover{
	border-bottom: 1px dotted #990000;
}
#sidebar a.noBorder:hover{
	border-bottom: 0px;
}
#sidebar h2.block {
	display: none;
}
/* turn off bullet points on the news auto index on the homepage */
#sidebar .AutoIndexSlot ul{
	list-style: none;
	padding-left: 15px;
}
/* ---------------------------------------------------- */
#footer a{
	border-bottom: 1px dotted #3887a1;
}
#footer a:hover{
	border-bottom: 1px dotted #990000;
}
/* ---------------------------------------------------- */
a {
   text-decoration: none;
}
a:link {
   color: #3887a1;	
}
a:visited {
   color: #3887a1;
}
a:hover {
   color: #990000;
}
a:active {
   color: #3887a1;
}
/* ---------------------------------------------------- */
/* inherited from previous site to display images in body side by side */
#main img.sidebyside {
	float: left;
	margin: 0px 20px 20px 0px;
}
/* ---------------------------------------------------- */
/* reset .small class as it is unecessary on new style template */
.small {
	font-size: 1em;	
}
/* line up the twitter icon with the text next to it */
.icon {
	float: left;
	margin: 0px 10px 0px 0px;
}
/* ---------------------------------------------------- */
/* don't want the icon next to images that are links so turn it off */
#sidebar a[target="_blank"].noBorder{
	background: url(http://www.qmul.ac.uk/qmcms/images/dummy.gif) center right no-repeat;
	padding-right: 0px;
}
/* ---------------------------------------------------- */