#uobcms-content, #uobcms-content-nonav
{background-image: none;}
/* header and footer */
#uoblogo a, #uoblogo span {background-image:url(/styles/its/bristol-css-gfx/uob-logo.gif)}
#header, #footer, .footer {background-color:#19093d;
border-color:#19093d; background-image: url(/styles/its/bristol-css-gfx/footer-crest.gif)}
#footer {border-top-color:#d0eaf8}
#header {border-top-color:#19093d; background-image:url(/styles/its/bristol-css-gfx/it-banner.jpg)}
#title1 a{color:#fff}
.maintitle #title1, .maintitle #title1 a{color:#fff;}
/* dept nav */
#deptnav, #deptnavbottom {background-image:none; border-top:1px solid #d0eaf8}
#deptnav, #deptnavbottom, #deptnav ul li a, #deptnavbottom ul li a {color:#000000; background-color:#e2f3fc;}
#deptnav ul li a {border-right:1px solid #d0eaf8}
#deptnav ul li .link-on {color: #B01C2E; background-color: #fff}
#uobcms-footer-feedback-separator {color:#e2f3fc}
#deptnavbottom ul li a, #deptnavbottom ul li .link-on {border-color: #A9CADB;}
#deptnav ul li a:hover, #deptnavbottom ul li a:hover {background-color: #fff; color: #B01C2E}
#deptnav ul li .link-on {border-color: #e2f3fc}
#deptnav ul li a, #deptnavbottom ul li a {color: #000000; border-right:1px solid #A9CADB;}
/*content styles */
#pagetitle {color:#170c36}
h2, h3 {color:#170c36}
#uobcms-content a:link, #uobcms-content-nonav a:link {color: #052CA7}
#uobcms-content a:hover, #uobcms-content-nonav a:hover {color: #B01C2E}
#uobcms-content a:visited, #uobcms-content-nonav a:visited {color: #4C76CF }
/* breadcrumbs */
#breadcrumbs a:link, #breadcrumbs-nonav a:link {color: #19093d}
#breadcrumbs a:visited, #breadcrumbs-nonav a:visited {color: #19093d}
#breadcrumbs a:hover, #breadcrumbs-nonav a:hover {color: #B01C2E;}
#breadcrumbs, #breadcrumbs-nonav {color: #19093d}
/* central column styling */
/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 45 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 { width:45px; }
.grid_2 { width:110px; }
.grid_3 { width:175px; }
.grid_4 { width:240px; }
.grid_5 { width:305px; }
.grid_6 { width:370px; }
.grid_7 { width:435px; }
.grid_8 { width:500px; }
.grid_9 { width:565px; }
.grid_10 { width:630px; }
.grid_11 { width:695px; }
.grid_12 { width:760px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 780px;
overflow: hidden;
margin: 0 0 20px 0 /* negative margin pulls it over to left to remove left hand margin on far left column */;
}
.row .row {
margin: 0 -10px /* as nested we need to remove the left margin on the nested row */;
width: auto;
display: inline-block;
}
/* if using content-no-nav */
#uobcms-content-nonav .grid_1 { width:60px; }
#uobcms-content-nonav .grid_2 { width:140px; }
#uobcms-content-nonav .grid_3 { width:220px; }
#uobcms-content-nonav .grid_4 { width:300px; }
#uobcms-content-nonav .grid_5 { width:380px; }
#uobcms-content-nonav .grid_6 { width:460px; }
#uobcms-content-nonav .grid_7 { width:540px; }
#uobcms-content-nonav .grid_8 { width:620px; }
#uobcms-content-nonav .grid_9 { width:700px; }
#uobcms-content-nonav .grid_10 { width:780px; }
#uobcms-content-nonav .grid_11 { width:860px; }
#uobcms-content-nonav .grid_12 { width:940px; }
#uobcms-content-nonav .column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
#uobcms-content-nonav .row {
width: 960px;
overflow: hidden;
margin: 0 0 20px 0 /* negative margin pulls it over to left to remove left hand margin on far left column */;
}
#uobcms-content-nonav .row .row {
margin: 0 -10px /* as nested we need to remove the left margin on the nested row */;
width: auto;
display: inline-block;
}
#uobcms-content-nonav .layout-container { width: 960px; overflow: auto; margin-top: 10px; margin-left: -10px ; }
/* these 2 are to prevent internal content scrollbar for Firefox and for float drop on IE */
body { min-width: 975px; }
.layout-container { width: 780px; overflow: auto; margin: 0 0 10px -10px; }
/* extra tweaks to try and fix left margin when content is put within a row but not in a column */
/* CURRENTLY COMMENTED OUT
.row p, .row h1, .row h2, .row h3, .row h4, .row h5, .row h6, .row ul, .row ol, .row blockquote { margin-left: 10px }
.row .column p, .row .column h1, .row .column h2, .row .column h3, .row .column h4, .row .column h5, .row .column h6, .row .column ul, .row .column ol, .row .column blockquote { margin-left: auto}
*/
/* Home page */
.column h2 {margin-top: 0; padding: 2px;
border-bottom: 1px solid #D86F36;
font-size: 100%;
font-weight: bold;}
.column ul {margin-top: 4px;
margin-bottom: 8px;}
.grid_5 ul {padding-top: 0;}
.slider-full-width {margin-top: 0 !important;}
.morelink {margin: 0 4px;}
.morelink span {border: 1px solid #9BB9DE;
padding: 2px 4px;}
.morelink a {font-size: 85%;
font-weight: bold;
text-decoration: none;
color: #3874BD !important;}
.morelink a:hover {text-decoration: underline;}
ul.isaz {margin: 0;
padding: 0;}
ul.isaz li {list-style-type: none;
list-style-image: none;
float: left;
margin: 2px;}
ul.isaz li a {padding: 2px;
background-color: #E2F3FC;
border: 1px solid #19093D;
display: block;
font-size: 85%;
text-decoration: none;}
ul.isaz li a:hover {background-color: #FFF;
text-decoration: none;}
.grid_5 h3 {margin-bottom: 4px;
color: #D86F36;}
.column li a {text-decoration: none;
font-size: 90%;}
.column li a:hover {text-decoration: underline;}
#sfor li,
#pop-serv li {list-style-type: none;
list-style-image: none;
border-bottom: 1px solid #d86f36;
margin: 0;}
#sfor li:first-child,
#pop-serv li:first-child
{border-top: 1px solid #d86f36;}
#sfor ul li a,
#pop-serv ul li a {display: block;
padding: 4px;
color: #b85f2e !important;
background-color: #fbf0eb;}
#sfor li a:hover,
#pop-serv li a:hover {background-color: #EEE;}
/* News */
#newsbox li {list-style-type: none;
list-style-image: none;
margin: 4px;
border-bottom: 1px solid #CCC;}
#newsbox ul {margin: 0;}
#newsbox p {margin: 8px 0;}
#newsbox li img {display: none;}
/* 'Do it now' box */
.grid_3#din {}
.grid_3#din h2 {background-color: #FFF;}
.grid_3#din ul {margin: 0;}
.grid_3#din li {list-style-type: none;
list-style-image: none;
margin: 1px 0;}
.grid_3#din li a {display: block;
padding: 4px;
color: #FFF;
background-color: #D86F36;
font-weight: bold;}
.grid_3#din li a:hover {text-decoration: none;
background-color: #FF6F36;}