/* the following styles overwrite and compliment those in 
the files: CSS/File,14456,en.css and CSS/File,14383,en.css and*/

#container { background-image: none;  }

#pageheader { background: #05769B url(/images/artsandhumanities/File,43357,en.png) no-repeat; height: 160px; z-index: 500; }

/* IE 6 hacks */
* html #menu { width: 675px; margin-left: 245px; } /* resize/reposition the menu for IE6 to stop it breaking the #container width.  Possible box-model issue with main uni stylesheets */


/* 
---------------------------------------------------------
GENERIC HTML ELEMENT STYLES
---------------------------------------------------------
*/

h1 { font-size: 1.5em; margin: 0; padding: 6px 0px 8px 0px; }
h2 { font-size: 1.3em; margin: 0; padding: 6px 0px 6px 0px; color: #9F003C;  }
h2.image { margin-left: -30px; }

a { color: #05769B; }
a:visited { color: #05769B; }
a:hover { color: #9F003C; }

p { padding: 0 0 4px 0; margin: 0; }


/*
---------------------------------------------------------
COMMON CLASSES
---------------------------------------------------------
*/

.clear { clear: both; }
.introduction { font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 6px; }
.hidden { visibility: hidden; }


/*
---------------------------------------------------------
PAGE STRUCTURE CLASSES
---------------------------------------------------------
*/

#title { position: absolute; top: 16px; left: 16px; }


#wrapper { padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif; background: transparent url(/images/artsandhumanities/File,43360,en.gif) top right repeat-y;}

/* the height:1% fixes an IE6 glitch which means the content is not rendered correctly */
#wrapper-content { clear: both;  background: none; height: 1%; width: 100%; position: relative; padding-top: 1px; overflow: auto; }


.content-left { float: left; width: 640px; padding: 30px 24px 12px 24px; }
.home .content-left { float: left; width: 520px; padding: 30px 64px 12px 64px; }


.content-right { color: #333; font-size: 0.85em; margin-left: 710px; width: 210px; padding: 0 0 32px 0; background-color: #D1D1D8; }  
.home .content-right { color: #333; font-size: 0.85em; margin-left: 710px; width: 210px; padding: 0 0 32px 0; background-color: #D1D1D8; }  

  
/* specifically fix IE6 */
* html .content-right { margin-left: 707px; }
* html .home .content-right { margin-left: 707px; }


.content-right ul, .content-right ul li { padding: 0; margin: 0; list-style: none; }
.content-right ul { padding: 8px 0px; }
.content-right ul li { padding: 6px 12px 10px 12px; background: transparent url(/images/artsandhumanities/File,43358,en.png) bottom left repeat-x;}
  
  
#breadcrumbs {
  z-index: 100;
  position: absolute;
  margin: 0;
  width: 600px;
  padding: 6px 0 0 12px;
  text-align: left;
  padding-bottom: 6px;
  font-size: 0.8em;
  background: transparent;
  line-height: 1.4em; 
}
#breadcrumbs ul, #breadcrumbs ul li { list-style: none; padding: 0; margin: 0; }
  
/*
---------------------------------------------------------
MENU ITEM STYLES
---------------------------------------------------------
*/

#navlist, #navlist li, #navlist li a { list-style: none; padding: 0; margin: 0; }

#navlist { width: 210px; background-color: #860001; padding: 20px 0 24px 0; border-bottom: 1px solid white;}

#navlist li { width: 190px;  }

#navlist li a { 
  display: block;
  width: 100%;
  line-height: 18px;
  padding: 2px 8px 4px 12px;
  border-bottom: 1px solid #A88DC1;
  color: white;
  text-decoration: none; 
}

#navlist li a:hover, #navlist li ul li a:hover { background-color: #05769B; color: white; } 

/*
---------------------------------------------------------
OTHER STYLES
---------------------------------------------------------
*/

.courselist, .courselist li { padding: 0; margin: 0; list-style: none; }
.courselist { width: 520px; padding-top: 12px; }
.courselist li { float: left; padding: 2px 2px; }
.courselist li a { display: block; width: 168px; height: 58px; background: #333 0px 0px no-repeat; }


#btn-rb-membership a { background-image: url(/images/artsandhumanities/File,43362,en.png); }
#btn-rb-news a { background-image: url(/images/artsandhumanities/File,43363,en.png); }
#btn-rb-research a { background-image: url(/images/artsandhumanities/File,43365,en.png); }
#btn-rb-publications a { background-image: url(/images/artsandhumanities/File,43366,en.png); }
#btn-rb-postgraduate a { background-image: url(/images/artsandhumanities/File,43364,en.png); }
#btn-rb-contact a { background-image: url(/images/artsandhumanities/File,43361,en.png); }


#wrapper .courselist li a:hover { background-position: 0px -58px; background-color: #999;}


#btn-research-news a { display: block; width: 210px; height: 38px; background: #333 url(/images/artsandhumanities/File,43367,en.png) 0px 0px no-repeat; }
#btn-research-news a:hover { background-position: 0px -38px; }