ul#map {
  list-style: none;
  background: url(../images/map.gif) no-repeat 0 0;
  position: relative;
  width: 560px!important;
  height: 320px;
  margin: 0 0 0 -10px;
  padding: 0 0 0 0;
}

ul#map li {
  border: 1px solid transparent;
  position: absolute;
}

*html ul#map li
{
border-color: pink;
filter: chroma(color=pink);
}

ul#map li a{
  display: block;
  height: 100%;
  text-indent: -9000px;
}



#northamerica {
	height:174px;
	left:0;
	top:2px;
	width:245px;
}

#southamerica {
	height:142px;
	left:90px;
	top:159px;
	width:99px;
}

#africa {
	height:151px;
	left:212px;
	top:111px;
	width:129px;
}

#europe {
	height:120px;
	left:215px;
	top:1px;
	width:131px;
}

#asia {
	height:204px;
	left:292px;
	top:5px;
	width:233px;
}

#oceania {
	height:106px;
	left:432px;
	top:188px;
	width:127px;
}

ul#map li a:hover {
  background: url(../images/map.gif) no-repeat 0 0;
}
 
ul#map li#northamerica a:hover {
  background-position: 2px -301px;
}

ul#map li#southamerica a:hover {
  background-position: -251px -328px;
}

ul#map li#africa a:hover {
  background-position: -222px -523px;
}

ul#map li#europe a:hover {
  background-position: -38px -505px;
}

ul#map li#asia a:hover {
  background-position: -352px -307px;
}

ul#map li#oceania a:hover {
  background-position: -413px -553px;
}


/* small map starts here! */
ul#small_map {
  list-style: none;
  background: url(../images/small_map.gif) no-repeat 0 0;
  position: relative;
  width: 170px;
  height: 90px;
  margin: 10px 0 0 0;
  padding: 0;
}

ul#small_map li {
  border: 1px solid transparent;
  position: absolute;
}

*html ul#small_map li
{
border-color: pink;
filter: chroma(color=pink);
}

ul#small_map li a{
  display: block;
  height: 100%;
  text-indent: -9000px;
}



ul#small_map #northamerica {
	height:44px;
	left:0;
	top:2px;
	width:70px;
}

ul#small_map #southamerica {
	height:43px;
	left:19px;
	top:44px;
	width:36px;
}

ul#small_map #africa {
	height:42px;
	left:61px;
	top:29px;
	width:40px;
}

ul#small_map #europe {
	height:35px;
	left:63px;
	top:2px;
	width:41px;
}

ul#small_map #asia {
	height:51px;
	left:85px;
	top:5px;
	width:66px;
}

ul#small_map #oceania {
	height:34px;
	left:126px;
	top:50px;
	width:39px;
}

ul#small_map li a:hover,
ul#small_map li.on {
  background: url(../images/small_map.gif) no-repeat 0 0;
}
 
ul#small_map li#northamerica a:hover,
ul#small_map li#northamerica.on {
  background-position: 0px -90px;
}

ul#small_map li#southamerica a:hover,
ul#small_map li#southamerica.on {
  background-position: -67px -94px;
}

ul#small_map li#africa a:hover,
ul#small_map li#africa.on {
  background-position: -65px -150px;
}

ul#small_map li#europe a:hover,
ul#small_map li#europe.on {
  background-position: -12px -150px;
}

ul#small_map li#asia a:hover,
ul#small_map li#asia.on {
  background-position: -103px -94px;
}

ul#small_map li#oceania a:hover, 
ul#small_map li#oceania.on {
  background-position: -121px -158px;
}

/* ******************** new multilevel main navigation ****************** */    
    
  #navcontainer { 
 line-height: 1.5em; 
  }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 1px 5px;
width: 160px;
color: #fff;
background-color: #333;
text-decoration: none;
margin-bottom: 1px;
}

#navcontainer a:hover
{
color: #fff;
background-color: #8D6E7D;
text-decoration: none;
}

#navcontainer ul a#current
{
color: #fff;
background-color: #8D6E7D;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 1px 0; }

/*
#8D6E7D;	 background
#C4B0C2;	 medium
#F5ECE9; 	 light
*/

#navcontainer ul ul a
{
display: block;
padding: 1px 5px 1px 20px;
width: 145px;
color: #333;
background-color: #C4B0C2;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #8D6E7D!important;
background-color: #C4B0C2;
text-decoration: none;
}

#navcontainer ul ul a#current,
#navcontainer ul ul a#subcurrent {
	color: #333;
	background-color: #C4B0C2;
	background-image: none;
	text-decoration: none;
}

#navcontainer ul ul a:hover {
	background-color: #8D6E7D!important;
	color: #fff!important;
}

#navcontainer ul ul ul a
{
display: block;
padding: 1px 5px 1px 20px;
width: 145px;
color: #333;
background-color: #E1CAD4;
text-decoration: none;
}

#navcontainer ul ul ul a:hover,
#navcontainer ul ul ul a#subcurrent,
#navcontainer ul ul ul a#current
{
color: #8D6E7D!important;
background-color: #E1CAD4!important;
text-decoration: none;
background-image: none;

}

#navcontainer ul ul ul ul a#subcurrent {
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-image: url(http://www.arts.ac.uk/purple_arrow.gif);
}

#navcontainer ul ul ul ul a
{
display: block;
padding: 1px 5px 1px 20px;
width: 145px;
color: #333;
background-color: #F5ECE9;
text-decoration: none;
}

#navcontainer ul ul ul ul a:hover,
#navcontainer ul ul ul ul a#subcurrent
{
color: #8D6E7D!important;
background-color: #F5ECE9!important;
text-decoration: none;
background-image: none;

}

#navcontainer ul ul ul ul a#subcurrent {
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-image: url(http://www.arts.ac.uk/purple_arrow.gif);
}





/* *************** main navigation ends ******************  */
.article_box object{
	margin-right: -10px!important;
}

div#map-info {
	margin-top: -15px;
	background: #EAEAEA;
	font-size: 10px;
	padding: 10px;
}

ul#socialbookmarks{
	padding: 0;
	margin: 0px 0 10px 0;
	list-style: none;
}
ul#socialbookmarks li {
	display: inline;
	margin-right: 3px;
}

div#print_links ul {
	padding: 0;
}
div#print_links ul li{
	float:left;
	display:inline;
	margin-right: 10px;
}

div#print_links span {
	float:left;
	display:inline;
	margin-right: 10px;
	color: #8D6E7D;
}

/* ******************** Typography, links etc.. ************** */

h1 { 
    font-size: 1.8em;   
    line-height: 1.2em;     
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0; 
        }

h1 a{ color:#8D6E7D; text-decoration: none; }	
h1 a:visited{text-decoration: none; }	
h1 a:hover{text-decoration:underline; }			
h1 a:active{text-decoration: none; }	

/* h2 is used for front page large text, white and black headings in content top sections */
h2{
        font-size: 1.6em;
        font-weight: bold;
        line-height: 1.1em;
        padding: 0;
        margin: 0;
        border: 0;
    }

h2 a{ color:#8D6E7D; text-decoration: none; }	
h2 a:visited{text-decoration: none; }	
h2 a:hover{text-decoration:underline; }			
h2 a:active{text-decoration: none; }	
	
/* h3 is used for first-line headers in listings */
h3{
        font-size: 1.1em;
        font-weight: bold;
        line-height: 1em;
        padding: 0;
        margin: 0;
        border: 0;
    }
	

h3 a{ color:#8D6E7D; text-decoration: none; }	
h3 a:visited{ text-decoration: none; }	
h3 a:hover{text-decoration:underline; }			
h3 a:active{text-decoration: none; }		
	
/* h4 is used for subheading text on events pages */
h4{
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.2em;
        padding: 0;
        margin: 0;
        border: 0;
    }
	

h4 a{ color:#8D6E7D; text-decoration: none; }	
h4 a:visited{ text-decoration: none; }	
h4 a:hover{text-decoration:underline; }			
h4 a:active{text-decoration: none; }		

/* h5 is used for subheading text on events pages */
h5{
        font-size: 1.1em;
        font-weight: bold;
        line-height: 1.1em;
        padding: 0;
        margin: 0;
        border: 0;
    }
	

h5 a{ color:#8D6E7D; text-decoration: none; }	
h5 a:visited{ text-decoration: none; }	
h5 a:hover{text-decoration:underline; }			
h5 a:active{text-decoration: none; }		

/* h6 is used for intro text on home page (in content section) with proper paragraph spacing */
h6{
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.3em;
        padding-bottom: 0.8em;
        margin: 0;
        border: 0;
    }

h6 a{ color:#8D6E7D; text-decoration: none; }	
h6 a:visited{text-decoration: none; }	
h6 a:hover{text-decoration:underline; }			
h6 a:active{text-decoration: none; }