body {
 margin: 0;
 text-align: center; /* required for random text centering bug in IE6*/
 background: #f0f0f0 !important;
 padding: 0;
}
.hidden, .hide
{
 display: none;
}
img {
 border: 0;
}
/* main div containing entire page*/
#maindiv {
 text-align: left;
 padding: 20px 0 20px 20px;
 margin: 0 auto;
 border: 0;
 width: 760px !important;
 width: 780px;
 width/**/:/**/760px;
 font-family: Arial, Helvetica, sans-serif;
 color: #3b5a6f;
 background: #fff url("http://www.arts.ac.uk/css/new-logo.gif") no-repeat top right;
 font-size: 80%;
}
ul {
margin: 0;
padding: 0;
list-style-type: square;
}
p {
margin: 0;
padding: 0;
}
hr, hr.staff {
 color: #3b5a6f;
 background: #3b5a6f;
 border: 0;
 text-align: center;
 width: 558px;
 height: 1px;
 clear: both;
}
hr.staff {
 color: #fff;
 background: #fff;
 margin: 0;
 padding: 0;
}
table hr {
 width: 548px;
}
table, td, tr {
 border: 0;
 margin: 0;
 padding: 0;
}
form {
 margin: 0;
 padding: 0;
}
/*====================================================================*/
/* general linking */
a {
 text-decoration: none;
 border: none;
 font-weight: bold;
 color: #3b5a6f;
}
a:hover {
 text-decoration: underline;
}
/*====================================================================*/
/* general typography */
input, select {
 font-family: Arial, Helvetica, sans-serif;
 color: #3b5a6f;
 font-size: 100%;
}
#trail a, #homebox3 a, #homebox4 a, #sidenav a {
 font-weight: normal;
}

h1, h2 {
 color: #3b5a6f;
 font-weight: normal;
 font-size: 100%;
}
h1 {
float: left;
margin: 10px 20px 0px 10px;
font-size: 150%;
font-weight: bold;
color: #3b5a6f;
width: 553px;
}
h2 {
 font-weight: bold;
 font-size: 110%;
 margin: 0 0 10px 0;
}
h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a  {
 color: #3b5a6f;
 margin: 0;
 padding: 0px 0 5px 0;
}
h3, h4  {
 font-weight: normal;
 font-size: 150%;
}
.minilist h3 a, .minihome h3 a {
 font-size: 67%;
}
h4 {
 font-weight: bold;
 font-size: 130%;
 color: #3b5a6f;
}
h5, h6, .teaserbox h3, .teaserbox2 h3 {
 font-weight: bold;
 font-size: 100%;
}
p.back2top {
 margin: 10px 0 5px 0;
 padding: 0;
}
a.back2top {
 color: #9a8879; 
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #573920;
}
/*====================================================================*/
/* University logo and navigation to college sites*/
#logo {
 list-style: none;
 margin: 0 0 0 -12px;
 padding: 0 0 0 0;
 min-height: 115px;
 height: auto !important;
 height: 115px;
}
#logo li, #logo li a {
 line-height: 1;
}
#logo li {
 margin: 0;
 padding: 0 0 3px 0;
}
#logo li a {
 text-decoration: none;
 font-weight: bold;
 font-size: 86%;
 color: #999;
 margin: 0;
 padding: 0 0 0 12px;
}
#logo a:hover {
  text-decoration: underline;
}
#logo a.uarts {
  color: #3b5a6f;
  background: url(http://www.arts.ac.uk/css/bullet-hub.gif) no-repeat 0 -13px;}
#logo a.camberwell:hover { color: #3771d3;}
#logo a.chelsea:hover { color: #ff8133;}
#logo a.csm:hover { color: #f50f38;}
#logo a.lcc:hover { color: #4FAD26;}
#logo a.lcf:hover { color: #C51B8A;}
#logo a.wimbledon:hover { color: #CE8E00;}

#logo li a.uarts:hover {  background: url(http://www.arts.ac.uk/css/bullet-hub.gif) no-repeat 0 -13px;}
#logo li a.camberwell:hover {  background: url(http://www.arts.ac.uk/css/bullet-camb.gif) no-repeat 0 -13px;}
#logo li a.chelsea:hover {  background: url(http://www.arts.ac.uk/css/bullet-chelsea.gif) no-repeat 0 -13px;}
#logo li a.csm:hover {  background: url(http://www.arts.ac.uk/css/bullet-csm.gif) no-repeat 0 -13px;}
#logo li a.lcc:hover {  background: url(http://www.arts.ac.uk/css/bullet-lcc.gif) no-repeat 0 -13px;}
#logo li a.lcf:hover {  background: url(http://www.arts.ac.uk/css/bullet-lcf.gif) no-repeat 0 -13px;}
#logo li a.wimbledon:hover {  background: url(http://www.arts.ac.uk/css/bullet-wimbledon.gif) no-repeat 0 -13px;}

/*====================================================================*/
/* home page boxes */
#wrapper {
 float: left;
 width: 540px;
 margin: 0;
 padding: 0;
 color: #3b5a6f;
}
#wrapper h1 {
 width: 203px !important;
 width: 203px;
 width/**/:/**/203px;
 margin: 0;
 padding: 0;
 color: #fff;
 background-color: #3b5a6f;
 font-weight: bold;
 font-size: 100%;
}
#homebox1, #homebox2 {
 float: left;
 width: 265px !important;
 width: 265px;
 width/**/:/**/265px;
 padding: 0;
 margin: 0 10px 0 0;
 min-height: 186px;
 height: auto !important;
 height: 167px; 
 height/**/:/**/186px;
}
#homebox1 {
 margin: 0 5px 0 0;
}
#homebox2 {
 margin: 0 0 0 5px;
}
#homebox1 h1, #homebox2 h1 {
 display: inline;
 float: none;
 margin: 0px 0 0px 10px;
 padding: 0px 5px 2px 5px;
}
#homebox1 ul, #homebox2 ul  {
 clear: both;
 margin: 15px 0 0 0;
 padding: 0px 0 0px 0px;
 list-style: none;
 border-top: 0;
 width: 248px !important;
 width: 248px;
 width/**/:/**/248px;
}
#homebox1 {
 background: url(http://www.arts.ac.uk/images_homebox1/rotate.php) no-repeat left top;
}
#homebox2 {
 background: url(http://www.arts.ac.uk/images_homebox2/rotate.php) no-repeat left top;
}
#homebox1 ul li, #homebox2 ul li {
 margin: 0 0 5px 10px !important;
 margin: 0 0 5px 10px;
 margin/**/:/**/0 0 5px 10px;
 padding: 0;
}
#homebox1 ul li a, #homebox2 ul li a {
 font-weight: normal;
 font-size: 100%;
 text-decoration: none;
 padding: 2px 5px 2px 5px;
 margin: 0;
 background: #fff;
}
#homebox1 ul li a:hover, #homebox2 ul li a:hover  {
 background: #3b5a6f;
 color: #fff;
 text-decoration: none;
}
#qlinks {
 clear: both;
 float: left;
 width: 540px;
 padding: 3px 0px;
 margin: 10px 0 0 0;
 background: #ccc;
 }
 
#qlinks select {
 margin: 0 0 0 185px;
 padding: 0;
 }
 
#qlinks label {
 margin: 0;
 padding: 5px 10px;
 color: #464646;
 font-weight: bold;
 }
#qlinks select option.hilight {
 color: #3b5a6f;
}
 
#homebox3, #homebox4 {
 float: left;
 width: 263px !important;
 width: 263px;
 width/**/:/**/263px;
 padding: 0;
 color: #3b5a6f;
 background: #fff;
 border: 1px solid #3b5a6f;
}
#homebox3 {
 margin: 10px 5px 0 0;
}
#homebox4 {
 margin: 10px 0 0 5px;
}
#homebox3 ul, #homebox4 ul {
 clear: both;
 padding: 0;
 margin: 5px 5px 0 10px;
 font-size: 85%;
 border-top: 0;
 background: #fff;
 list-style: none;
 min-height: 130px;
 height: auto !important;
 height: 129px;
}
#homebox3 h1, #homebox4 h1 {
 float: none;
 margin: 0px 0 0 10px;
 padding: 5px 0 0 0px;
 width: 233px;
 background-color: transparent;
 font-weight: bold;
}
#homebox3 h1 a, #homebox4 h1 a {
 font-weight: bold;
}
#homebox3 ul li, #homebox4 ul li {
 padding: 0;
 margin: 0;
}
/* hide from Mac IE5 \*/
#homebox3 ul li, #homebox4 ul li {
 padding: 0 0 3px 15px;
 margin: 0 0 0px 0px;
 text-indent: 0px;
 background: url(http://www.arts.ac.uk/css/star-bullet.gif) no-repeat 0px 3px;
}
/* end hide */
#homebox3 ul li a, #homebox4 ul li a {
 background: #fff;
 color: #3b5a6f;
}
#homebox3 ul li.main {
 padding: 0 0 0px 0px !important;
 padding: 0 0 0px 0px;
 margin: 0 0 0px 0px;
 background: none;
}
#homebox3 img {
 margin: 0 0 3px 0;
 padding: 0;
 float: left;
 border: 1px solid #eee;
}
#homebox3 ul li.main span {
 margin: 0 0 0 5px;
}
#homebox3 ul li.main a {
 font-weight: normal;
 font-size: 120%;
}
#homebox3 ul li.sub {
 margin: 0;
 clear: left;
}
#homebox3 ul li.last {
 margin: 0;
}
#homebox4 ul li {
 margin-top: 3px;
}
#piclinks {
 float: right;
 width: 190px;
 margin: 0 0 0 10px;
}
#piclinks ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#piclinks ul li {
 margin: 0 0px 10px 0;
 height: 28px; /* for Mac IE5 */
 padding: 54px 10px 0 0; 
 text-align: right;
}
#piclinks ul li.pic1n2 {
 margin: 0 0 10px 0;
 height: 28px;
 padding: 148px 10px 0 0; 
}
#piclinks ul li a {
 background: #fff;
 padding: 3px 10px;
 margin: 0 10px 0 0;
 font-weight: bold;
 font-size: 100%;
 color: #3b5a6f;
}
/* hide from Mac IE5 \*/
#piclinks ul li {
 height: 32px;
 padding: 58px 0 0 0 !important; 
 padding: 58px 0 10px 0; 
 padding/**/:/**/58px 0 0 0; 
}
#piclinks ul li.pic1n2 {
 height: 37px;
 padding: 153px 0 0 0 !important; 
 padding: 153px 0 10px 0; 
 padding/**/:/**/153px 0 0 0;
}
#piclinks ul li a {
 border: 0;
}
/* end hide */
#piclinks ul li a:hover {
 background: #3b5a6f;
 color: #fff;
 text-decoration: none;
}
/*====================================================================*/
/* search nav */
#footer {
 clear: both;
 margin: 0 0 0 0;
 padding: 0;
 width: 740px;
 background: #ccc;
}
#footer a {
 font-weight: normal;
}
#footer form {
 margin: 0;
 padding: 0px;
}
#footer ul {
 list-style: none;
 margin: 0 0 0 0px;
 padding: 4px 0 4px 10px !important;
 padding: 4px 0 4px 10px;
 border-right: 0;
 border-bottom: 0;
 color: #464646;
 font-size: 85%;
}
#footer li {
 display: inline;
 padding: 0 0px 0 0px;
 background: url(http://www.arts.ac.uk/css/star-bullet.gif) no-repeat left center;
}
#footer li.first {
 padding: 0 8px 0 0;
 margin: 0;
 background: #ccc;
}
#footer li a {
 color: #464646;
 background: #ccc;
}
#footer input.searchbox {
 padding: 0;
 margin: 0;
 width: 125px;
 color: #464646;
 background: #fff; 
 border: 1px solid #9c9591;
}
#footer input.gobutt {
 padding: 0 16px 0 0;
 color: #464646;
 background: #f5f4f4; 
 border: 0;
}
/* hide from IE5 Mac \*/
#footer li {
 padding: 0 0px 0 14px;
}
#footer input.gobutt {
 padding: 0;
}
/* end hide */
/*====================================================================*/
/* copyright notice */
.copy {
 margin: 10px 0 0px 0;
 padding: 0;
 text-align: left;
 width: 740px;
 background: #fff;
 color: #8B8D8E;
 font-size: 85%;
}
/*====================================================================*/
/* main nav */
#mainnav {
 clear: left;
 border: 0;
 padding: 0;
 margin: 0 0 0 160px;
}
#mainnav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#mainnav a:hover {
 text-decoration: underline;
}
#mainnav .tab {
 float: left;
 margin: 2px 3px 3px 0px !important;
 margin: 2px 3px 3px 0px;
 background-color: #ccc;
 color: #464646;
 white-space: nowrap;
 padding: 2px 5px 2px 5px !important;
 padding: 0px 5px 3px 5px;
}
/*====================================================================*/
/* breadcrumb trail, headlines/titles  */
#trail { 
 margin: 10px 0 10px 0px;
 padding: 0;
 width: 748px;
clear: both;
}
h1.rdni {
 margin: 0;
 margin-top: 5px;
 padding: 3px 0 3px 11px; 
 width: 747px !important;
 width: 759px;
 width/**/:/**/747px;
}
h2 {
}
/*====================================================================*/
/* side navigation */ 
#sidenav {
 float: left;
 margin: 43px 0 0 0;
 padding: 0 5px 0 0;
 border: 0;
 width: 145px;
}
#sidenav ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-size: 95%;
}
#sidenav li {
 margin: 0;
 padding: 0 0 10px 0;
}
/* hide from IE5-Mac \*/
#sidenav li {
 padding-left: 0px;
}
/* end hide */
#sidenav li a {
    color: #666;
}
#sidenav img {
 margin: 0 0 10px 0;
}
#sidenav .sidenav1, #sidenav .sidenav3 {
 padding: 0;
 display: block;
}
#sidenav .sidenav1 {
 margin-bottom: 0px;
 padding: 0px 0px 10px 0px;
}
#sidenav h2 {
 display: block;
 padding: 0px 0px 0px 0px;
 margin: 0;
 font-size: 95%;
}
#sidenav .sidenav3 {
 padding: 10px 0px 20px 0px;
 margin-bottom: 8px;
 margin: 0;
}
/*====================================================================*/
/* page content */
#contentbg1 { /* darker blue background */
 float: left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0 10px 0px;
}
#contentbg2 { /* paler blue background */
 float: left;
 padding: 0px 0 0px 0;
 margin: 0;
 width: 600px;
}
#content1 a, #content1b a, #content1bb a { 
 font-weight: bold;
 text-decoration: underline;
 color: #3b5a6f;
}
#content1, #content1a, #content1b, #content1bb, #contentbg1, #content1c {
 float: left; 
 padding: 10px 0px 0px 10px;
 margin: 0 0px 10px 0px;
 width: 553px !important;
 width: 580px;
 width/**/:/**/553px;
}
/* hide from IE5 Mac \*/
#content1, #content1a, #content1b, #content1bb, #content1c {
 float: none !important;
}
/* end hide*/
/* following is a hack to prevent floated elements extending beyond their containing box in Firefox, Netscape etc. For full details see www.positioniseverything.net/easyclearing.html */
#contentbg1:after, #contentbg2:after, #content1:after, #content1b:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
#content1a {
 border-bottom: 0;
 padding: 0;
 margin-bottom: 0;
 width: 578px !important;
}
#content1b {
 border-top: 0;
 margin-top: 0;
}
#content1bb { /* for text only section of Sub Level Home Page Content Type 2*/
 border-bottom: 0;
 margin: 0 10px 0 0px;
}
#content1c {  /* for minilist only */
 border-top: 0;
 padding: 0;
 margin: 0 10px 10px 0px;
 width: 578px !important;
 width: 580px;
 width/**/:/**/578px;
}
#content1 p, #content1b p, #content1bb p { /* added '#content1bb p' 2/3/06. ctoppon */
 padding: 0px 0 10px 0;
 margin: 0;
}
#content1 img.left, #content1b img.left {
 float: left;
 margin: 0 10px 5px 0;
}
#content1 img.right, #content1b img.right {
 float: right;
 margin: 0 0 5px 10px;
}
#content1a img.banner, #content1a img {
 margin: 10px 0 0 10px;
}
#content1 ul, #content1b ul, #content1bb ul, #content2 ul {
  margin: 0;
  padding: 0 10px 0 15px;
}
#content1 li a, #content1b li a, #content1bb li a, #content2 li a {
 text-decoration: underline;
 font-weight: normal;
}
/*====================================================================*/
/* news & press type teaser */
#content1 .teaserbox, #content1 .teaserbox2 {
 width: 555px;
 margin: 0 0 15px 0;
}
#content1 .teaserbox {
 min-height: 60px; /* for Netscape 6 and the following one is for Mac IE5 or it cascades */
 height: 60px;
}
/* hide from IE5 Mac \*/
#content1 .teaserbox {
 height: auto;
}
/* end hide*/
#content1 .teaserbox img {
 float: left;
 margin: 0 10px 0 0;
}
#content1 .teaserbox p, #content1 .teaserbox2 p, #content1 .teaserbox h3, #content1 .teaserbox2 h3 {
 padding: 0;
 margin: 0;
}
/*====================================================================*/
/* additional mini home page with banner image, intro. text and teaser boxes*/
#content1c .minilist {
 border-top: 1px solid #3b5a6f;
 margin: 0 0 0 10px;
 padding: 0;
 width: 578px;
 height: 60px;
}
#content1c .minilist h3 {
 display: block;
 padding: 5px 0 0 0px;
 margin: 0;
}
#content1c .minilist h3 a {
 text-decoration: underline;
}
#content1c .minilist p {
 padding: 0 0 0 0px;
 margin: 0;
}
#content1c .minilist img {
 clear: both;
 float: right;
 border-left: 1px solid #3b5a6f;
 margin: 0;
 margin-left: 10px;
 padding: 0;
}
/*====================================================================*/
/* mini home pages */
.minihome {
 float: left;
 padding: 0;
 margin: 0 5px 15px 10px;
 border: 1px solid #3b5a6f;
 background: #fff;
 width: 280px;
 height: 125px !important;
 height: auto;
}
/* hide from IE5 Mac \*/
.minihome {
 margin: 10px 5px 0 10px !important;
 margin: 0 5px 15px 8px;
 margin/**/:/**/10px 5px 15px 6px;
}
/* end hide */
.minihome p {
 padding: 0 5px 5px 0;
}
.minihome h3 a {
 padding: 10px 0 0 0;
 color: #3b5a6f;
 text-decoration: underline;
}
.minihome img {
 border-right: 1px solid #3b5a6f;
 border-bottom: 1px solid #3b5a6f;
 margin: 0;
 padding: 0;
}
.minihome img.pic2 {
 border: 0;
}
.pic {
 float: left;
 margin: 0;
 margin-right: 10px;
 padding: 0;
 height: 120px;
 width: 60px;
}
/*====================================================================*/
/* online forms and 2 column layouts */
#content1 .fe1, #contentbg1 .fe1, #content1 .col1, #content1 .col2  { /* for 2 columns of form elements */
 float: left;
 width: 275px;
 margin: 5px 0 10px 0;
 padding: 0;
}
#content1 .col1  {
 width: 320px;
}
#content1 .col2  {
 width: 230px;
}
#content1 form p, #contentbg1 form p {
 clear: left;
}
.boxsize { /* input text box */
 width: 250px !important;
 width: 240px;
 width/**/:/**/240px;
 background: #fff;
 border: 1px solid #9c9591;
 margin: 0 0 5px 0;
}
.ticketbox { /* cochrane theatre text box */
 width: 40px !important;
 width: 40px;
 width/**/:/**/40px;
 background: #fff;
 border: 1px solid #9c9591;
 margin: 0 0 5px 0;
}
.butt, .butt2 { /* submit and reset buttons */
 margin: 0 20px 10px 0;
 width: 70px;
 background: #d7d5d3;
 border: 1px solid #9c9591;
}
.butt2 {
 padding: 0;
 width: 30px;
}
#content1 label.ticbx, #contentbg1 label.ticbx {
 margin: 0 10px 0 10px;
}
textarea {
 border: 1px solid #9c9591;
 margin: 0;
 margin-bottom: 10px;
}
select {
 padding: 0;
 margin: 0;
 margin-bottom: 10px;
 border: 1px solid #9c9591;
}
/*====================================================================*/
/* library database page*/
#content1 .icon {
 float: right;
 width: auto;
 margin: 0;
 margin-top: 5px;
 padding: 0;
}
#content1 .icon p {
 margin: 0;
 padding: 0;
}
#content1 .icon img {
 border: 1px solid #9c9591;
 margin: 0;
}
/*====================================================================*/
/* staff contact pages */
#content1 .stafftext {
 float: left;
 width: 430px;
 margin: 10px 0 0 5px;
 padding: 0;
}
#content1 img.staff  {
 float: left;
 margin: 10px 10px 0 0;
}
#content1 .stafftext h3{
 font-weight: bold;
 font-size: small !important;
 font-size: x-small;
 font-size/**/:/**/small;
 padding: 0;
 margin: 0;
}
/*====================================================================*/
/* wrap styles for 2x8 MULTI template */
#content1b .imgwrap {
 float: left;
 width: 275px;
 margin: 5px 0 0 0;
 padding: 0px;
}
#content1b .imgspacer {
 clear: both;
}
#content1b .imgborder {
}
/*====================================================================*/
/* styles for online forms compulsory fields and warnings */
#content1 .compulsory {
 color: #ff0000;
}
/*=====================================================================*/
/* Google site search fix 03/06/06 by Chris Toppon  */
/* Move padding from bottom to top for the p tag (used for the link title of each page in results) */
.g {
padding-bottom: 0 !important;
padding-top: 10px !important;
}
/*=====================================================================*/
/* Image Gallery */
.galleryimage {
    float: left;
    width: 270px;
    margin-left: 0px;
}
.img_caption {
    font-size: 85%;
    margin-top: 5px;
}
.imgspacer {
    clear: both;
}
/*====================================================================*/
/* tables */
.tableborders, .tablenoborders  {
 width: 100%;
 overflow: auto;
}
/* styles for default table and .tableborders class (they are the same) */
table, td, th, tr, .tablenoborders table, .tablenoborders td, .tablenoborders th, .tablenoborders tr {
  border: 0;
  border-collapse: separate !important; 
  border-collapse: collapse;
  border-spacing: 0; }
table, .tablenoborders table {
  font-size: 1em; }
th, td, .tablenoborders th, .tablenoborders td {
  text-align: left; }
th, .tablenoborders th {
  background: transparent; 
  white-space: nowrap; }
th, .tablenoborders th {
  padding: 0px 10px 2px 0;
}
td, .tablenoborders td {
  padding: 0px 2px 2px 0;
}
.tableborders table {
  border-left: 1px solid #3B5A6F;
  border-bottom: 1px solid #3B5A6F;}
.tableborders th, .tableborders td {
  border-right: 1px solid #3B5A6F;
  border-top: 1px solid #3B5A6F;
  padding: 2px;
}
caption {
  text-align: left; }