/* ----- ilrt/ilrt-stylesheet.css ----- */
@media screen {
/* header */
#header { background: #19093D url(/ilrt/images/it-banner.jpg) no-repeat right top; }
#uoblogo a, #uoblogo span { background: url(/ilrt/images/uob-logo.gif) no-repeat;  }



/* footer */
#footer span {white-space: nowrap}
#footer {  color: white; border-top: 1px solid #5d9cdb; border-bottom: 1px solid #3473b2; background-color: #19093D; }
#footer a { color: white; }
.footer-nav, .footer-nonav  { background: #3473b2 url(/ilrt/images/footer-crest.gif) no-repeat right top;  }

/* titles in header */
.maintitle #title1  { color: white; }
#maintitle2 #title2 {color: white; }
.maintitle a, .maintitle a:visited { color: white; }
.maintitle a:hover { color: white;  }

/* additional departmental top navigation bar */
#deptnav, #deptnavbottom {  background: #4177c1 repeat-x;  border-top: 1px solid #6ea7f4 }
#deptnav ul, #deptnavbottom ul  { background: #4177c1;   }
#deptnav ul li a, #deptnav ul li .link-on { color: #ffffff;  border-right: 1px solid #6ea7f4; border-left: 1px solid #4b7dc4 }
#deptnav ul li .link-on { color: #B01C2E; background-color: white; border-top: 2px solid #C6DCF0; }
#deptnav ul li a:hover, #deptnavbottom ul li a:hover  { background-color: #4b7dc4; color: white}
#deptnavbottom { background: #4177c1; background-image: none}
#deptnavbottom ul  { background: #4177c1;  border-left: 1px solid #4b7dc4}  
#deptnavbottom ul li a, #deptnavbottom ul li .link-on  { color: #ffffff; border-right: 1px solid #4177c1;  border-left: 1px solid #4b7dc4}
#deptnavbottom ul li .link-on { color: #B01C2E; background-color: white; }

/* headings within content area */
#pagetitle {  color: #a51e24; }
h2 { color: #223b73  }
h3 { color: black; }
h4, h5, h6  { font-style: italic; color: black;  }

/* what we do page */
#what-we-do-sidebox { float: right; width: 220px; background: #e3f0ff url(/ilrt/images/what-we-do-sidebox-back.jpg) no-repeat; border: 1px solid #cddbec; padding: 50px 20px 20px 20px }
#what-we-do-sidebox h2 { margin: 0 0 0.5em 0; padding: 0 }
#what-we-do-sidebox h2 a { color: #223b73; text-decoration: none }
#what-we-do-sidebox p { margin: 0; padding: 0 }
#what-we-do-content { margin-right: 280px }

/* side navigation */
.navtitle { color: #14728C; }
.navtitle a  { color: #14728C;  }
.navtitle a:hover  { color: #14728C;  }
.navgrouptitle  { background: url(/ilrt/images/navgrouptitle-back.gif) no-repeat; color: #483B18;}
.navgrouptitle a, .navgrouptitle a:visited { color: #483B18; }
.navgrouptitle a:hover { color: #483B18;  }
.navgroup { background: url(/ilrt/images/navgroup-base.gif) no-repeat left bottom; border-top: 1px solid #DECB91 }
.navgroup li { border-bottom: 1px solid #DECB91; border-top: 1px solid white; background-color: #F8F4E8; }
.navgroup li a {  color: #000000;  }
.navgroup li a:visited { color: #000000;  }
.navgroup li a:hover { background-color: white; color: #000000; }
.navgroup span.link-on  { color: #B01C2E; }

/* subnav within a navgroup */
.navgroup ul li { border-top: 1px dashed #AEBCC7;}
.navgroup ul li a { background: white url(http://www.bristol.ac.uk/portal_css/cmsimages/subnav-arrow.gif) no-repeat 4px 9px; padding: 5px 5px 5px 18px; width: 147px }
.navgroup ul li a:hover { background-color: #eee; color: #252D36;   }

/* subnav within a subnav */
.navgroup ul ul li a { background: url(http://www.bristol.ac.uk/portal_css/cmsimages/subnav-sub-arrow.gif) no-repeat 4px 11px;  }


/* SPECIFIC HOMEPAGE STUFF */

#contentbottom { width: 1010px }

/*main content............................................*/
#maincontent {
	color: #4B5260;
	margin-top: 0px;
	margin-right: 350px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 40px;
	line-height: 1.4;
        width: 650px;
        border-right: 1px solid #ccc;
	}  
#maincontent a {
	color: #3366cc;
	font-weight: bold;
	text-decoration: none;
	} 
#maincontent a:visited {
	color: #3366cc;
	font-weight: bold;
	text-decoration: none;
	}
#maincontent a:hover {
	color: #33C;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366cc;
	}
#maincontent  img {
	float: right;
	padding-top: 20px;
	padding-right: 10px;
	margin-bottom: 30px;
        margin-top: 22px;
        padding-left: 10px;
}
	

/*sidebar........................................................*/
#sidebar {
	float: right;
	width: 230px;
	line-height: 1.4;
	padding-top: 0px;
	padding-right: 27px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-right: 30px;
	}
.newstitle {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #390;
	text-decoration: none;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 16px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CEF4A8;
        margin: 0;
        padding: 0;
}

#hp-news-headlines { 
        padding-left: 0;  
        font-size: 0.98em;
}

#hp-news-headlines ul li {

}

/*headings.......................................*/
h1 {
	margin: 0;
	padding: 0;
	color: #3366cc;
	font-size: 19px;
	font-weight: bold;
	}

/*misc...................................*/
.clearfloat { 
	clear:both;
	font-size: 1px;
	line-height: 0px;
	}
#imagetextarea {
	position: relative;
}
#imagetext {
	position: absolute;
	z-index: 100;
	height: 230px;
	width: 350px;
	left: 37px;
	top: 26px;
	color: #333;
}
#imagetext p {
	color: #333;
	line-height: 1.2;
}
#imagetext H1 {
	font-size: 24px;
	color: #36C;
	margin-top: 0px;
	padding-top: 0px;
}

#imagetext p a {
	font-weight: bold;
	color: #36C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #36C;
	text-decoration: none;
}
#imagetext p a:hover{
	font-weight: dotted;
	color: #36C;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #36C;
	text-decoration: none;
}

/* homepage feature */

.slideshow1 { width: 100%!important;}
#uobcms-content-nonav .homepage-feature {   width: 100%!important; overflow: hidden; line-height: 1.3 }
.homepage-feature { background: #fff; }
.homepage-feature h1 { font-family: Arial, sans-serif; margin: 0 0 0 50px; padding-top: 0.5em; font-size: 1.6em }
.homepage-feature h1 a { color: #052CA7; text-decoration: none;}
.homepage-feature h1 a:hover { color: #052CA7; border-bottom: 1px solid #052CA7; }
.homepage-feature p { margin: 0; padding: 0 }
.homepage-feature p.intro-text { color: #333; margin: 10px 0 0 50px; width: 370px  }
.homepage-feature .text-container { position: relative; top: 55px; }
.homepage-feature .width-container { min-height: 389px; width: 100%;  }
.homepage-feature p.feature-type { margin: 10px 0 0 50px; font-size: 0.975em; font-weight: bold; color: #333}
.homepage-feature p.find-out-more { margin: 10px 0 0 50px; color: #333; }
.homepage-feature p.find-out-more a { color: #3366CC; font-weight: bold; text-decoration: none; }
.homepage-feature p.find-out-more a:hover { border-bottom: 1px solid #3366CC; }
.homepage-feature p.image-credit { position: absolute; bottom: 55px; left: 740px; font-size: 80%; color: white; background: #333333; height: 1.5em; 
padding: 0.25em 0.5em;  opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";	filter: alpha(opacity=85); }

#leafwatch-feature .width-container { background: url(/ilrt/images/leafwatch.jpg) no-repeat left top }
#edmediashare-feature .width-container { background: url(/ilrt/images/edmediashare-slider.png) no-repeat left top }
#bos-feature .width-container { background: url(/ilrt/images/survey.jpg) no-repeat left top }
#vischina-feature .width-container { background: url(/ilrt/images/china.jpg) no-repeat left top }
#vischina-feature p.intro-text { width: 300px }
#mbiblio-feature .width-container { background: url(/ilrt/images/mbiblio-ilrt-news.png) no-repeat left top }

#nav { margin: 0 0 0 40px; position: absolute; top: 440px; left: 20px; z-index: 100}
#nav img { border: none; }

#recent-work { width: 100%; border: none; padding: 0; margin: 0; }
#recent-work td { vertical-align: top; padding: 5px; width: 33% }
#recent-work td img { padding: 4px; border: 1px solid #ccc; }
#recent-work p { font-size: .9em }

#news-article-lead-in p {
    color: #B01C2E;
}

#news-article-lead-in p {
    font-size: 110%;
    line-height: 1.4;
}

#aboutbox { 
    float: right;
    font-size: 0.8em;
    border: 1px solid #ccc;
    padding: 5px 5px 5px 10px;
    margin: 0 0 0 10px;
    width: 150px;
}
}


/* ----- ilrt/people-color.css ----- */
@media screen {
/* Factored out colors for profiler multipage templates */

ul.tabs li, form.highlight { background: #3473b2}
ul.tabs li.current { border-bottom: 1px solid #3473b2; background: #3473b2}
#uobcms-content ul.tabs { border-bottom: 6px solid #3473b2}
#uobcms-content input.button, #uobcms-wrapper ul.tabs li a:link, #uobcms-wrapper ul.tabs li a:visited { background: #19093d;}
#uobcms-content input.button:hover, #uobcms-wrapper ul.tabs li a:hover, #uobcms-wrapper ul.tabs li a:active { background: #3c3b37;}

}