/* 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,40113,en.jpg) 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; }

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


#wrapper-content-home { background: transparent url(/images/artsandhumanities/File,40111,en.gif) top right no-repeat; }


.content-left {
	float: left;
	width: 600px;
	padding-top: 30px;
	padding-right: 48px;
	padding-bottom: 12px;
	padding-left: 48px;
}
.sub .content-left { float: left; width: 186px; padding: 60px 0px 0px 20px; }


.content-right { color: #333; font-size: 0.85em; margin-left: 710px; width: 210px; background-color: #DCD2DD; }
.content-right a, .content-right-home a { padding: 0; margin: 0; }
.content-right p, .content-right-home p {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.sub .content-right { padding-top: 60px; background-color: transparent;  color: #333; font-size: 1em; margin-left: 216px; width: 627px; }  

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


.content-right ul, .content-right ul li { padding: 0; margin: 0; list-style: none; }
.content-right ul { padding: 8px 0px; }
.content-right ul li { list-style: disc; padding: 0px 12px 6px 12px; margin-left: 24px; background: none;}

.home .content-right ul li { list-style: none; padding: 6px 12px 10px 12px; margin-left: 0; background: transparent url(/images/artsandhumanities/File,40112,en.png) bottom left repeat-x;}

  
#breadcrumbs {
  z-index: 100;
  position: absolute;
  margin: 0;
  width: 500px;
  padding: 6px 0 0 12px;
  text-align: left;
  padding-bottom: 6px;
  font-size: 0.8em;
  background: transparent;
}
#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: 153px; }

#navlist li { width: 153px; }

#navlist li a { 
  display: block;
  width: 100%;
  line-height: 18px;
  padding: 2px 8px 4px 12px;
  border-bottom: 1px solid black;
  color: black;
  font-size: 0.85em;
  text-decoration: none; 
  font-weight: bold;
}

#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: 630px; padding-top: 12px; }
.courselist li { float: left; padding: 15px 20px; }
.courselist li a { display: block; width: 168px; height: 58px; background: #333 0px 0px no-repeat; }


#btn-about a { background-image: url(/images/artsandhumanities/riah_b1_about.png); }
#btn-research-centres a { background-image: url(/images/artsandhumanities/riah_b2_centres.png); }
#btn-research-groups a { background-image: url(/images/artsandhumanities/riah_b3_groups.png); }
#btn-research-projects a { background-image: url(/images/artsandhumanities/riah_b4_projects.png); }
#btn-graduate-centre a { background-image: url(/images/artsandhumanities/riah_b5_grad.png); }
#btn-conferences a { background-image: url(/images/artsandhumanities/riah_b6_conf.png); }


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


.content-right #btn-current-news a { display: block; width: 210px; height: 38px; background: #333 url(/images/artsandhumanities/btn-current-news.gif) 0px 0px no-repeat; }
.content-right #btn-current-news a:hover { background-position: 0px -38px; }

.content-right #btn-press-area a { display: block; width: 210px; height: 38px; background: #333 url(/images/artsandhumanities/btn-in-press.gif) 0px 0px no-repeat; margin-bottom: 1px;}
.content-right #btn-press-area a:hover { background-position: 0px -38px; }

.content-right #btn-news-archive a { display: block; width: 210px; height: 38px; background: #333 url(/images/artsandhumanities/btn-news-archive.gif) 0px 0px no-repeat; }
.content-right #btn-news-archive a:hover { background-position: 0px -38px; }