/* the font family is set in the previous css so set margins here */
body
	{
	font-family			: Arial, Verdana, Geneva, sans-serif;
   	font-size			: 75%;
	margin				: 0px 0px 10px 0px;
	padding				: 0px;
	background-color	: #FFF;
	color				: #000;
	text-align			: center;
	line-height			: 16px;
	}
div
	{
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}
form 
	{
   	margin: 0px;
	}
/* make input boxes and button look a bit better */
input 
	{
   	font-family			: Arial, Verdana, Geneva, sans-serif;
   	font-size			: 1em;
   	border				: 1px solid #000;
	}
/* following styles have nothing to do with the structural layout */
h1
	{
	font-size			: 1.4em;
	font-weight			: normal;
    margin				: 0px 0px 15px 0px;
	}
h2
	{
	font-size			: 1.2em;
	font-weight			: bold;
    margin				: 0px 0px 10px 0px;
	}
h2.block {
	display				: block;
	background-color	: #e5ebf4;
	padding				: 3px 5px;
	border-bottom		: 1px dotted #003698;
	clear: right;
}
h3
	{
	font-size			: 1.1em;
	font-weight			: bold;
    margin				: 0px 0px 10px 0px;
	}
p
	{
	margin				: 0px 0px 15px 0px;
	}
img {
	border				: 0px;
}
/* ---------------------------------------------------- */
#statement
	{
	display				: none;
	}
/* ---------------------------------------------------- */
/* outer casing for whole page - the margins keep the content centred as the user resizes the window */
#contentElement 
	{
   	position			: relative;
   	width				: 770px;
   	margin				: 70px auto;
   	text-align			: left;
	}
/* ---------------------------------------------------- */
/* this should be thesame as wrapper1 width */
#topstuff
	{
	width				: 765px;
	}
#logo 
	{
    position			: absolute;
    top					: -55px;
    width				: 250px;
	margin				: 0px 0px 0px 25px;
    background-color	: #FFF;
    text-align			: center;
	float				: left;
	}
#logo img
	{
	border				: 0px;
	}
/* primary navigation placement */
#topnav
	{
	position			: absolute;
	top					: -14px;
	left				: 390px;
	font-size			: 0.85em;
	}

html>/**/ body #topnav
	{
	left				: 390px;
	}
#date 
	{
	position			: absolute;
	top					: -40px;
	left				: 317px;
	font-size			: 0.9em;
	}
/* reset position for IE/Win */ 
* html body #date
	{
	left				: 313px;
	}
#searchbox
	{
	position			: absolute;
	top					: -43px;
	left				: 550px;
	}
/* reset position for IE/Win */ 
* html body #searchbox
	{
	top					: -45px;
	left				: 590px;
	}
/* ---------------------------------------------------- */
#wrapper1, #wrapper2
	{
	margin				: 0px;
	padding				: 0px;
	}
#wrapper1
	{
	background-image	: url(../images/right_bg2.gif);
	background-position	: right top;
	background-repeat	: repeat-y;
	width				: 765px;
	}
#wrapper3
	{
	background-image	: url(../images/right_bg.gif);
	background-position	: right top;
	background-repeat	: repeat-y;
	width				: 765px;
	}
#wrapper2
	{
	background-image	: url(../images/left_bg.gif);
	background-repeat	: repeat-y;
	}
* html body #wrapper2
	{
	background-image	: none;
	}
/* ---------------------------------------------------- */
/* set a bg image for the header section which includes the colour bands and image */
.header
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000;
	background-color	: #FFF;
	border-style		: solid;
	border-width		: 5px 5px 0px 5px;
	border-color		: #003698;
	}
/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body .header
	{
	margin-bottom		: -19px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-bottom		: 0px;
	}
#empty{}

#breadcrumb
	{
	margin-left			: 10px;
	font-size			: 0.9em;
	}
/* panoramic image - with border top and bottom */
#panoramic
	{
   	margin				: 0px;
   	border-bottom		: 1px solid #000;
   	padding				: 1px 0px 1px 0px;
	height				: 60px;
	}
/* IE/Win is stupid so need negative margin-bottom to display correctly */
* html body #panoramic img
	{
	margin-bottom		: -3px;
	}
/* ---------------------------------------------------- */
.columns
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000;
	background-color	: transparent;
	background-image	: url(../images/left_bg.gif);
	background-repeat	: repeat-y;
	}
/* ---------------------------------------------------- */
/* make sure that .leftcolumn's width is equal to .centercolumn's margin-left */
.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 190px;
	margin				: 0px;
	margin-top			: 0px;
	padding				: 0px;
	}

/* create a nice gap between heading and nav links and set font size larger */
.leftcolumn p{
   margin				: 0px 0px 10px 0px;
   font-size			: 1.1em;
}

/* create a margin around any images in the 2nd nav section such as ad tiles */
.leftcolumn img{
   margin				: 10px 0px 0px 0px;
}

.leftcolumn ul{
   list-style			: none;
   margin				: 0px 0px 15px 0px;
   padding				: 0px;
}		
		
.leftcolumn li{
   position				: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background			: url( ../images/link_dots_a.gif ) no-repeat 0px 0px;
   margin				: 0px;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding				: 3px 0px 3px 12px;
}

/* sub menus */
.leftcolumn ul ul{
   position				: relative;
   /* the right margin ensures the horz dotrs remian consistant*/
   margin				: 0px 3px 0px 0px;
   padding				: 5px 0px 0px 5px;
}

/* place a different bg image for sub-menu items*/
.leftcolumn ul ul li{
   background			: url( ../images/link_dots_a2.gif ) no-repeat 0px 0px;
}

/* place a different bg image for sub-sub-menu items*/
.leftcolumn ul ul ul li{
   background			: url( ../images/link_dots_a3.gif ) no-repeat 0px 0px;
}
/* ---------------------------------------------------- */
/*make sure that .rightcolumn's width is equal to .centercolumn's margin-right*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 210px;
	margin				: 0px;
	padding				: 0px;
	}
.rightcolumn form 
	{
   	margin				: 5px 0 5px 0;
	}
.rightcolumn img
	{
	margin				: 10px 0px 0px 0px;
	}
.rightcolumn ul
	{
	margin				: 15px 0px 0px -20px;
	}
/* reset IE */
* html body .rightcolumn ul
	{
	margin				: 15px 0px 0px 15px;
	}
/* ---------------------------------------------------- */
/* OmniWeb value */
.centercolumn
	{
	margin				: 0px;
	padding				: 0px;
	}
/* Other browsers */
/*/*/
.centercolumn
	{
	margin-right		: 210px;
	margin-left			: 190px;
	line-height			: 140%;
	}
/* */

/* 2 column layout - Other browsers */
/*/*/
.center2column
	{
	margin-right		: 20px;
	margin-left			: 190px;
	line-height			: 140%;
	}
/* */

/* reset IE*/
* html body .centercolumn
	{
	margin-right		: 210px;
	margin-left			: 190px;
	}

/* 2 column layout - reset IE*/
* html body .center2column
	{
	margin-right		: 20px;
	margin-left			: 190px;
	}

.centercolumn img
	{
   	float: right;
   	margin: 0 0 10px 10px;
	}
.center2column img
	{
   	float: right;
   	margin: 0 0 10px 10px;
	}
.centercolumn img.left
	{
	float: none;
	margin: 0px 0px 0px 0px;
	}	
.centercolumn li
	{
   	margin-bottom		: 5px;
	}
.inline_img {
	float: right;
	margin: 0px 0px 20px 20px;
}
.inline_img img{
	float: left;
	margin: 0px 20px 5px 0px;
}
.inline_img_left {
	float: left;
	margin: 0px 20px 20px 0px;
}
.inline_img_left img{
	float: left;
	margin: 0px 20px 5px 0px;
}
.sbcaption {
	margin: 0px 0px 20px 0px;
	font-size: 0.9em;
	clear: left;
}
/* ---------------------------------------------------- */
.footer
	{
	clear				: both;
	margin				: 0px;
	padding				: 10px 10px 10px 10px;
	color				: #000;
	background-color	: #FFF;
	border-width		: 0px 5px 5px 5px;
	border-style		: solid;
	border-color		: #003698;
	font-size			: 0.9em;
	}
	
#footer_links
	{
   	position			: relative;
   	padding				: 1px 0px 1px 0px;
   	border-style		: solid;
   	border-width		: 2px 0px 1px 0px;
	}
/* reset border for all other browsers */
html>/**/body #footer_links
	{
	border-width		: 1px 0px 1px 0px;
	}
#updated
	{
	margin				: 3px 0px 0px 0px;
	}
#text_only 
	{
   	position			: relative;
	float				: right;
   	top					: 3px;
   	right				: 15px;
   	width				: 100px;
   	z-index				: 2;
   	background-color	: #FFFFFF;
   	text-align			: center;
	}
/* this is the graphical style sheet so turn off the 'graphical display' link */
#graphics
	{
	display				: none;
	}
/* the address site below the footer so needs a bg color to hide the borders of wrappers 1 & 2 */
#address
	{
	background-color	: #FFF;
	font-size			: 0.9em;
	color				: #666;
	padding				: 2px 0px 0px 15px;
	}
/* ---------------------------------------------------- */
/* the padding of header and all 3 columns is handled here */
.headerpadding
	{
	margin				: 0px;
	padding				: 10px;
	}

.rightpadding
	{
	margin				: 0px;
	padding				: 10px 20px 0px 20px;
	}
/* indent the left column to line up with the logo and breadcrumb */
.leftpadding
    {
	margin				: 0px;
	padding				: 10px 0px 10px 25px;
	}	

.centerpadding
    {
	margin				: 0px;
	padding				: 10px 10px 10px 20px;
	}
/* ---------------------------------------------------- */

/* align 'return to top' links to right */	
.top
	{
	text-align			: right;
	}	
/* outline images */
.box 
	{
   	border				: 1px solid #b7bdc7;
	}
.nobox 
	{
   	border				: 0px;
	}
.small
	{
	font-size			: 0.9em;
	}
.hide
	{
	display				: none;
	}
/* table that  holds the news image */
.news 
	{
	float: right;
	}
.form_table 
	{
	font-size: 1em;
	}
/* pullquotes - aligned to the right */
blockquote 
	{
   	width: 27%;
   	float: right;
   	font-size: 1.4em;
   	margin: 0 0 10px 10px;
   	padding: 5px 5px 0 5px;
   	border: 1px dotted #000;
   	background-color: #DDDDDD;
   	line-height: 20px;
   	text-align: center;
   	color: #333;
	}
/* hr's won't validate with attribute so set them here */
hr 
	{
  	height: 0;
	border-style: dotted;
 	border-color: #b7bdc7;
 	border-width: 1px 0 0 0;
	}
/* highlight certain paragraphs */
.highlight 
	{
	display: block;
	background-color: #e5ebf4;
	margin: 20px 0px 15px 0px;
	padding: 5px 5px 0px 5px;
	border: 1px dashed #000;
	}
	
.left_highlight 
	{
	display: block;
	background-color: #e5ebf4;
	margin: 20px 15px 15px 0px;
	padding: 5px 5px 0px 5px;
	border: 1px dashed #000;
	}
/* clearing paragraphs */
.clearing 
	{
	display: block;
	background-color: #e5ebf4;
	margin: 20px 0px 15px 0px;
	padding: 5px 5px 0px 5px;
	border: 1px dashed #000;
	text-align: center;
	font-size: 1.2em;
	line-height: 22px;
	}
.clearing .red
	{
	font-size: 1.4em;
	color: #990000;
	}

/* ---------------------------------------------------- */
/* LINKS */
/* normal links */
a 
	{
   	text-decoration		: none;
   	line-height			: 16px;
	}
a:link 
	{
   	color				: #003698;	
	}
a:visited 
	{
   	color				: #003698;
	}
a:hover 
	{
   	color				: #990000;
	}
a:active 
	{
   	color				: #003698;
	}

/* ---------------------------------------------------- */	
/* theses are for the homepage layout only */
.homepage_box 
	{
	display				: block;
	background-color	: #FFF;
	margin				: 0px 0px 10px 0px;
	padding				: 1px 3px 2px 3px;
	border				: 1px solid #666;
	font-weight			: bold;
	}
.homepage_box2 
	{
	display				: block;
	background-color	: #FFF;
	margin				: 0px 0px 10px 0px;
	padding				: 1px 3px 2px 3px;
	border				: 1px solid #666;
	font-weight			: bold;
	width				: 175px;
	}
* html body .homepage_box2
	{
	width				: 172px;
	}

#virtual_tour
	{
	width				: 131px;
	height				: 143px;
	border				: 1px solid #666;
	float				: right;
	/* options: stu_vill_canal, wide_view, knowledge_night, med_building */
	background			: url( http://www.qmul.ac.uk/images/homepage/stu_vill_canal.jpg ) no-repeat 0px 0px;
	}
* html body #virtual_tour
	{
	height				: 144px;
	}
#virtual_text
	{
	padding				: 0px 5px 0px 5px;
	margin-top			: 100px;
	}
#blurb 
	{
   	position			: relative;
   	top					: 14px;
	margin-top			: -5px;
   	padding				: 15px 0px 15px 0;
   	background			: url( ../images/horz_dots.gif ) repeat-x;
   	background-position	: left top;
	}
* html body #blurb
	{
	padding				: 15px 0px 10px 0px;
	}
#blurb p
	{
   	margin				: 0px;
	}
#event p
	{
   	margin				: 0 0 10px 0;
	}
table.Blue {
	border: 1px solid #8ABCD2;
	vertical-align: top;
}
.darkBlue {
	background-color: #8ABCD2;
}
.lightBlue {
	background-color: #D2E5EE;
}
.table_border {
	border: 1px solid #999;
	border-bottom: 0px;
	border-right: 0px;
}
.table_border td{
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

/* ---------------------------------------------------- */	
/* Media landing page layout */
#rollover{
	/* All child elements should be positioned relative to this rollover element */
	position			: relative;
	background-color	: #e5ebf4;
	padding				: 10px;
	margin				: 20px 0px;
	border				: 1px dotted #b7bdc7;
	height				: 264px;
}
#rollover ol{
	/* Strip all styles from the ordered list */
	list-style			: none;
	padding				: 0;
	margin				: 0;
}
#rollover li{
	/* ensure the text doesn't overlay the image */
	width				: 220px;
	margin-bottom		: 12px;
}
#rollover li:hover {
	/* the entire li is clickable so change the cursor even when they are not hovering on the link */
	cursor				: pointer;
}
#rollover img{
	/* all images in the rollover are hidden to begin with */
	visibility			: hidden;
	/* offset the images 200px to the left */
	position			: absolute;
	top					: 9px;
	left				: 234px;
}

/* position the icons and links under the rollover */
#rssViewAll{
	position			: absolute;
	top					: 465px;
	left				: 220px;
	font-size			: 0.9em;
	padding				: 7px 0px 0px 18px;
	border-top			: 1px dotted #b7bdc7;
	width				: 486px;
}
#rssViewAll img{
	float				: none;
}
#rssViewAll ul {
	list-style			: none;
	margin				: 0px 0px 0px -15px;
	padding				: 0px;
}
#rssViewAll li {
	display				: inline;
	margin				: 0px;
	padding				: 0px 30px 0px 0px;
}
#rssViewAll img {
	padding				: 0px 5px 0px 0px;
	margin				: 0px;
	position: relative;
	top: 2px;
}

#cotd {
	float				: left;
	width				: 42%;
	border-right		: 1px dotted #b7bdc7;
	padding-right		: 25px;
}
#podcast {
	float				: left;
	width				: 48%;
	margin				: 0px 0px 20px 25px;
}
html>/**/body #podcast {
	margin				: 0px 0px 20px 22px;
}
/* set style for main image with podcast */
#podcast img{
	border				: 1px solid #b7bdc7;
}
/* need to rest img for the viewall icon */
#podcast img.nobox{
	border				: 0px;
	margin-top			: 1px;
}
/* align the 'view all' icon and link */
.viewAll {
	font-size			: 0.9em;
}
.viewAll img {
	float: left;
	margin: 1px 5px 0px 0px;
}
/* ---------------------------------------------------- */	
/* for the podcast page list */
#podcastAll {
	display				: block;
	height				: 98px;
	margin-bottom		: 10px;
}
/* ---------------------------------------------------- */
/* news index page layout */
/* style the ajax search lookup */
#SearchBox {
	float: right;
}
*+html #SearchBox {
	margin-right: -5px;
}
#SearchInput {
	background: none;
	border: 1px solid #333;
	color: #999999;
	width: 200px;
	margin-right: 5px;
}
.resultsWrapper {
	position: relative;
	left: 260px;
	top: 30px;
	background-color: #fff;
}
#SearchResults {
	display: none;
	overflow: auto;
	position: absolute;
	width: 265px;
	z-index: 99;
	background-color: #fff;
	border: 1px dotted #333;
	border-bottom: 0px;
}
#SearchResults a {
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #333;
}
#SearchResults a .highlightItem {
	color: #0099FF;
}
#SearchResults a:hover {
	color: #990000;
	background: #e5ebf4;
}
/* sort out links at top of News list page */
#rssStuff {
	margin-bottom		: 20px;
}
#rssStuff ul{
	list-style			: none;
}
#rssStuff img{
	float				: left;
	margin				: 0px 5px 0px 0px;
}

/* list of months for ajax archive */
#monthNav {
	font-size			: 0.9em;
	font-weight			: bold;
}
#monthNav ul{
	list-style			: none;
	margin				: 0px 0px 15px 0px;
	padding				: 0px;
}
#monthNav li{
	display				: inline; 
	margin-right		: 8px;
	padding-right		: 5px;
	border-right		: 1px dotted #333;
}
/* make sure each item clears the previous one */
.newsList {
	clear: right;
}
#news_img {
	float				: right;
	width				: 270px;
	padding				: 10px 10px 0px 10px;
	margin				: 0px 0px 20px 20px;
	background-color	: #e5ebf4;
	font-size			: 0.9em;
}
/* reset img padding here so it aligns properly */
#news_img img {
	padding				: 0px;
	margin				: 0px;
	float				: none;
}
/* align icons on news item page */
#news_img img.icon {
	margin: 0px 5px 0px 0px;
	position: relative;
	top: 2px;
}
.addThis {
	float: right;
}
/* ---------------------------------------------------- */	
/* Image gallery layout */
.imgLibWrapper {
    width: 100%;
	display: block;
	float: left;
}
img.imgLibGallery {
	float: left;
	margin: 0px 10px 20px 0px;
}
/* vista press release */
#photoGallery {
	float: none;
	height: 103px;
	margin: 20px 0px;
}
#photoGallery img{
	float: left;
	margin: 0px 10px 0px 0px;
}
/* ---------------------------------------------------- */
/* Publications layout */
.pub {
	width: 230px;
	border: 1px dotted #333;
	float: left;
	padding: 10px 10px 0px 10px;
	font-size: 0.9em;
	margin: 0px 10px 10px 0px;
	background-color: #e5ebf4;
	height: 340px;
}
.pub img {
	float: left;
	margin: 0px 70px 0px 0px;
	padding: 0px;
	border: 0px;
}
.pub h2 {
	font-size: 1em;
	background-color: #d9d9d9;
}
img.updated {
	float: none;
	margin: 0px 3px 0px 10px;
	position: relative;
	top: 3px;
}
/* ---------------------------------------------------- */
/******* ACCORDIAN MENU *******/
div#accordian {
	background-color: #fff;
	font-size: 0.9em;
	float: right;
	margin: 0px 0px 20px 20px;
}
div#test-accordion{
    border: 1px dotted #b6b6b6;
	border-bottom: 0px;
	background-color: #e5ebf4;
	padding: 0px;
}
div.accordion {
	position: relative; /* required for bounding */
	width: 210px;
}
div.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #e5ebf4;
    cursor: pointer;
	padding: 5px 10px;
	border-bottom: 1px dotted #b6b6b6;
}
div.accordion-toggle:hover {
	background-color: #eee;
	color: #990000;
}
div.accordion-toggle-active {
	background-color: #eee;
	font-weight: bold;
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #fff;
	padding: 10px 10px 0px 10px;
	border-bottom: 1px dotted #b6b6b6;
}
/* ---------------------------------------------------- */
.results_table {
	border: 1px solid #333;
	border-bottom: 0px;
	border-right: 0px;
	font-size: 0.9em;
}
.results_table td{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}
/* ---------------------------------------------------- */
/* module directory layout */
#step1 {
	float: left;
	width: 252px;
	margin: 0px 20px 0px 0px;
}
#step2 {
	float: left;
	width: 252px;
}
#module-list {
	float: left;
	width: 252px;
	height: 200px;
	overflow: auto;
}
#module-list ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
/* position the loading gif */
#module-list img {
	float: none;
	margin: 90px 0px 0px 100px;
}
#subject-list {
	float: left;
	width: 252px;
	height: 200px;
	margin: 0px 20px 20px 0px;
	overflow: auto;
}
#subject-list ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#module-information {
	float: left;
}
*+html #module-information {
	width: 520px;
}
#modules h2.block {
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	background-color: #e5ebf4;
	padding: 3px 5px;
	border-bottom: 1px dotted #003698;
}
.remove-module {
	float: right;
}
*+html .remove-module {
	width: 110px;
}
.moduleinfo {
	border-bottom: 1px dotted #003698;
	margin: 0px 0px 10px 0px;
}
#addThis {
	float: right;
	border: 1px dotted #003698;
	background-color: #e5ebf4;
	padding: 5px;
	margin: 0px 0px 20px 20px;
}
#addThis img {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}