/* 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; color: black; } #pageheader { background-color: #05769B; background-image: none; background-repeat: no-repeat; height: 35px; 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; } h2.image { margin-left: -30px; } a { color: #004961; } a:visited { color: #05769B; } a:hover { color: #05769B; } p { padding: 0 0 4px 0; margin: 0; } /* --------------------------------------------------------- COMMON CLASSES --------------------------------------------------------- */ .clear { clear: both; visibility: hidden; height: 1px; overflow: hidden; } .introduction { font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 6px; } .hidden { visibility: hidden; } /* --------------------------------------------------------- PAGE STRUCTURE CLASSES --------------------------------------------------------- */ #wrapper { padding: 0; margin: 0; font: 80%/1.5em Arial, Helvetica, sans-serif; background: transparent url(/images/artsandhumanities/File,37018,en.jpg) -2px -12px no-repeat; } /* the height:1% fixes an IE6 glitch which means the content is not rendered correctly */ #wrapper-content { clear: both; height: 1%; width: 100%; overflow: auto; background: transparent url(/images/artsandhumanities/File,42818,en.gif) top right repeat-y; } .content-left, .content-left-home { float: left; width: 696px; background: white url(/images/artsandhumanities/File,37020,en.jpg) 0px -1px no-repeat; padding-top: 270px; overflow: hidden; } .content-left { background: white url(/images/artsandhumanities/File,37022,en.jpg) 0px -7px no-repeat; padding-top: 170px; } .content-left h2 { padding-top: 18px; margin-top: 0; width: 696px; } .content-left-home h2 { padding-top: 0; } .content-right, .content-right-home { color: white; font-size: 0.85em; margin-left: 699px; width: 221px; padding: 0; background: #3587A2 url(/images/artsandhumanities/File,37023,en.jpg) top left no-repeat; padding-top: 208px; } /* specifically fix IE6 */ * html .content-right { margin-left: 696px; } * html .content-right-home { margin-left: 696px; } .content-right { background: #3587A2 url(/images/artsandhumanities/File,37021,en.gif) 0px -2px no-repeat; padding-top: 60px; } .content-right a, .content-right-home a { padding: 0; margin: 0; } .content-right p, .content-right-home p { padding: 8px 12px 20px 20px; } .content-right a { outline: none; } .content { clear: both; padding: 0 18px 56px 18px; } .col1 { float: left; width: 300px; background-color: white; padding-top: 6px; position: relative; } .col2 { margin-left: 320px; padding-top: 6px;} /* IE needs a fix here - see dedicated IE.css file */ /* --------------------------------------------------------- MENU ITEM STYLES --------------------------------------------------------- */ #navlist, #navlist li, #navlist li a { list-style: none; padding: 0; margin: 0; } #navlist { width: 221px; background-color: #004961; padding-bottom: 36px; } #navlist li { width: 221px; } #navlist li a { display: block; line-height: 22px; height: 24px; color: white; padding-left: 32px; background: #3587A2 url(/images/artsandhumanities/File,37019,en.gif) 0px 0px no-repeat; text-decoration: none; } #navlist li a:hover { background-position: 0px -24px; } #breadcrumbs { margin: 0; padding: 0; text-align: left; padding-bottom: 6px; font-size: 0.8em; background: transparent; } #breadcrumbs ul, #breadcrumbs ul li { list-style: none; padding: 0; margin: 0; } #breadcrumbs a { color: #3587A2; } #breadcrumbs a:hover { color: #3587A2; } /* --------------------------------------------------------- IMAGE GRID --------------------------------------------------------- */ .courselist, .courselist li { padding: 0; margin: 0; list-style: none; } .col1 .courselist { position: absolute; top: 265px; width: 310px; } .col2 .courselist { width: 346px; } .courselist li { float: left; padding: 2px 8px; } .courselist li a { display: block; width: 157px; height: 64px; background-color: #333; } #btn-home-americanstudies a { background: url(/images/artsandhumanities/File,37031,en.png) 0px 0px no-repeat; } #btn-home-classics a { background: url(/images/artsandhumanities/File,37032,en.png) 0px 0px no-repeat; } #btn-home-welsh a { background: url(/images/artsandhumanities/File,37043,en.png) 0px 0px no-repeat; } #btn-home-english a { background: url(/images/artsandhumanities/File,37034,en.png) 0px 0px no-repeat; } #btn-home-history a { background: url(/images/artsandhumanities/File,37035,en.png) 0px 0px no-repeat; } #btn-home-mediastudies a { background: url(/images/artsandhumanities/File,37036,en.png) 0px 0px no-repeat; } #btn-home-medieval a { background: url(/images/artsandhumanities/File,37037,en.png) 0px 0px no-repeat; } #btn-home-modernlanguages a { background: url(/images/artsandhumanities/File,37038,en.png) 0px 0px no-repeat; } #btn-home-politics a { background: url(/images/artsandhumanities/File,37039,en.png) 0px 0px no-repeat; } #btn-home-tefl a { background: url(/images/artsandhumanities/File,37040,en.png) 0px 0px no-repeat; } #btn-home-translation a { background: url(/images/artsandhumanities/File,37041,en.png) 0px 0px no-repeat; } #btn-home-war a { background: url(/images/artsandhumanities/File,37042,en.png) 0px 0px no-repeat; } #btn-home-devstudies a { background: url(/images/artsandhumanities/Development_studies_but.png) 0px 0px no-repeat; } #btn-home-philosophy a { background: url(/images/artsandhumanities/philosophy_but.png) 0px 0px no-repeat; } #btn-home-ell a { background: url(/images/artsandhumanities/ELL_But.png) 0px 0px no-repeat; } #btn-home-admissions, #btn-home-abroard, #btn-home-cymraeg { padding: 2px 7px; } #btn-home-admissions a { background: url(/images/artsandhumanities/File,37030,en.png) 0px 0px no-repeat; width: 137px; height: 77px; } #btn-home-abroard a { background: url(/images/artsandhumanities/File,37029,en.png) 0px 0px no-repeat; width: 137px; height: 77px; } #btn-home-cymraeg a { background: url(/images/artsandhumanities/File,37033,en.png) 0px 0px no-repeat; width: 288px; height: 65px; } #wrapper .courselist li a:hover { background-position: 0px -64px; } #wrapper .courselist #btn-home-admissions a:hover { background-position: 0px -77px; } #wrapper .courselist #btn-home-abroard a:hover { background-position: 0px -77px; } #wrapper .courselist #btn-home-cymraeg a:hover { background-position: 0px -67px; } /* --------------------------------------------------------- OTHER STYLES --------------------------------------------------------- */ a#btn_researchinstitforartsandhumanities { display: block; width: 221px; height: 60px; border-top: 1px solid white; border-bottom: 1px solid white; background: maroon url(/images/artsandhumanities/File,37028,en.gif) top left no-repeat; } a#btn_researchinstitforartsandhumanities:hover { background-position: 0px -60px; } #latestnews { background: #004961; color: white; padding: 0; margin: 0; } #latestnews, #latestnews li { list-style: none; padding: 0; margin: 0; } #latestnews { padding-top: 8px; padding-bottom: 20px; } #latestnews li { line-height: 1.4em; padding-left: 12px; padding-bottom: 12px; } #latestnews li a { color: #eee; } #latestnews li a:hover { color: white; } #title { position: absolute; top: 16px; left: 16px; }