/* BODY AND CONTAINER */ body { background: url(../images/body_background.gif) repeat-x 0 0; margin: 0; padding: 0; background-color: #666565; } #container { width: 750px; height: 100%; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */ font-size: 90%; line-height: 1.6em; color: #000000; background-color: #FFFFFF; border: 4px solid #B1AEAE; } /* GENERAL STYLES */ h1 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 250%; color: #000000; margin-bottom: 30px; padding-left: 10px; } h2 {color: #000000; font-size: 140%; font-family: Arial, Helvetica, sans-serif; } h3 {color: #000000; font-size: 120%; font-family: Arial, Helvetica, sans-serif; } h4 {color: #B09E79; font-size: 140%; font-family: Arial, Helvetica, sans-serif; } h5 {color: #B09E79; font-size: 120%; font-family: Arial, Helvetica, sans-serif; } a {color: #fff; text-decoration: none; } a:hover {color: #990032; } form {float:right; margin-top: -45px; font-size: 70%; padding-right: 10px; } input {background-color: #D1C9BE; color: #000000; border: 1px solid #000000; font-size: 140%; padding: 3px;} .button {padding: 2px;} /* IMAGES */ a img{border: none;} img.left,img.center,img.right { padding: 4px; border: 1px dashed #D1C9BE; margin: 0px; } img.left2,img.center2,img.right2 {padding: 4px; margin: 0px; } img.left {float: left; margin: 0 12px 5px 0; } img.left2 {float: left; margin: 0 12px 5px 0; } img.center {display: block; margin: 0 auto 5px auto; } img.right {float: right; margin: 0 0 5px 12px; } /* HEADER */ #header {border-bottom: 4px solid #B1AEAE; padding-top: 10px; padding-left: 5px; clear: both; margin-bottom: 10px; background-color: #000000; background-image: url("../images/header.gif"); height: 175px; } #header p {margin-top: -20px; margin-left: 30px; color: #EFEFEF; } /* NAVIGATION */ #columnOne {FLOAT: left; WIDTH: 150px; PADDING: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #columnOne ul {margin: 0; padding: 0; list-style: none; font-weight: bold; vertical-align:middle; } /*This sets font size, and text alignment*/ #columnOne li {font-size: 80%; margin: 10px 0px 0px 10px; } .border {border: 1px solid #000000; } #menu1 { width: 150px; float: left; } #menu1 li a { voice-family: "\"}\""; voice-family: inherit; text-decoration: none; text-align:center;} #menu1 li a:link, #menu1 li a:visited {color: #000000; display: block; background-color: #FFFFFF; border: 1px solid #000000; text-align:center; padding-top: 10px; padding-bottom: 10px;} #menu1 li a:hover { color: #000000; background-color: #B09E79;} /*This sets the style for the main navigation bars, the height can be altered by adjusting the top and bottom padding, which is currently set to 5px*/ .laptop{background-image:url(http://www.le.ac.uk/ssclln/images/nav-laptop.gif); background-repeat:no-repeat; background-position: 156px 4px ; padding: 0px 0px 0px 0px; } .mouse{background-image:url(http://www.le.ac.uk/ssclln/images/nav-mouse.gif); background-repeat:no-repeat; background-position: 156px 4px ; padding: 0px 0px 0px 0px; } .pda{background-image:url(http://www.le.ac.uk/ssclln/images/nav-pda.gif); background-repeat:no-repeat; background-position: 156px 4px ; padding: 0px 0px 0px 0px; } .keyboard{background-image:url(http://www.le.ac.uk/ssclln/images/nav-keyboard.gif); background-repeat:no-repeat; background-position: 156px 4px ; padding: 0px 0px 0px 0px; } /* SIDEBAR */ #sidebar {float: right; width: 165px; } #sidebar p { padding-bottom: 10px; margin-right: 10px; border-bottom: 1px dashed #fff; } #sidebar a { color: #B09E79; text-decoration: underline; font-weight: 500; } #sidebar a:hover{ color: #000000; text-decoration: underline; border-bottom: none; font-weight: 500; } .photocol {width: 120px; margin: 0 0px 0 0px;; float: left} .textcol {width: 220px; margin: 0 0px 50px 0px; float: left} /* CONTENT FOR PAGES WITH SIDE BAR */ #content { width: 350px; height:100%; margin-left: 180px; margin-right: 200px; } #content p { padding-bottom: 2px; } #content a { color: #B09E79; text-decoration: underline ; font-weight: 500; } #content a:hover{color: #000000; text-decoration: underline; border-bottom: none; font-weight: 500; } #content ul {margin: 0 0 0 10px; padding: 0; list-style: none; } #content ul li {margin: 0; padding: 0 0 0 13px; background: url("../images/arrow.gif") transparent no-repeat 0 6px;} /* CONTENT FOR PAGES WITHOUT SIDE BAR */ #content_wide {width: 500px; margin-left: 180px; margin-right: 10px;} #content_wide p {padding-bottom: 10px; border-bottom: 1px dashed #fff; } #content_wide a {color: #B09E79; text-decoration: underline; font-weight: 500;} #content_wide a:hover{color: #000000; text-decoration: underline; border-bottom: none; font-weight: 500;} #content_wide ul {margin: 0 0 0 10px; padding: 0; list-style: none; } #content_wide ul li {margin: 0; padding: 0 0 0 13px; background: url("../images/arrow.gif") transparent no-repeat 0 6px;} /*Working Group Home Page*/ #workinghome {width: 450px; margin-left: 180px; margin-right: 0px; } #workinghome p {padding-bottom: 10px; } #workinghome a {color: #B09E79; text-decoration: underline; font-weight: 500;} #workinghome a:hover{color: #C3E1D9; text-decoration: underline; border-bottom: none; font-weight: 500;} #workinghome ul {margin: 0; padding: 0; list-style: none; font-weight:bold; } #workinghome li {font-size: 80%; margin: 10px 0px 0px 10px;} .border {border: 1px solid #000000; } /* WORKING GROUP NAVIGATION */ #working {width: 400px; margin: 0px 0px 0px 0px; float: left; } #working p {padding-bottom: 10px; border-bottom: 1px dashed #fff; } #working li a {voice-family: "\"}\""; voice-family: inherit; height: 30px; text-decoration: none; } #working li a:link, #working li a:visited { color: #FFFFFF; font-weight: bold; display: block; padding: 12px 0 0px 8px;} #working li a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #000000; padding: 12px 0 0px 8px;} /*This sets the style for the main navigation bars, the height can be altered by adjusting the top and bottom padding, which is currently set to 5px*/ .construct {background-color: #50712A; } .creat {background-color: #cc4b38; } .food {background-color: #93793E; } .health {background-color: #92ABB0; } .iag {background-color: #9FA32B;} .staffdev {background-color: #A0388D; } /* FOOTER */ #footer {margin-top: 20px; clear: both; background-color: #FFFFFF; padding-: 0px 5px 0px 5px; text-align: center; } #footer p {color: #9A5E56; padding: 5px; font-size: 70%;} #footer p a {color: #9A5E56; text-decoration: underline;} #footer p a:hover {color: #fff;} /* FOOTER */ #working_footer {margin-top: 20px; clear: both; background-color: #FFFFFF; padding-: 0px 5px 0px 5px; text-align: center; } #working_footer p {color: #9A5E56; padding: 5px; font-size: 70%;} #working_footer p a {color: #9A5E56; text-decoration: underline;} #working_footer p a:hover {color: #fff;} /* ID */ /*This sets the colour of the bar containing the bottom navigation */ .bottomNav {background: transparent;} /*This sets the colour of the five boxes*/ .bottomNav a {background: transparent; border: 1px solid #B09E79;} /*This sets the colour of the text within the five boxes*/ .bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #B09E79;} /*This sets the colour of the five boxes and text within, when the mouse is rolled over*/ .bottomNav a:hover {color: #000000; background: #FFFFFF; border: 1px solid #B09E79;} /*This sets the colour for the bar underneath the bottom navigation*/ .maintainer {background: transparent; color: #B09E79;} /*This sets the colour of the text for the updated date*/ .maintainerLeft {color: #B09E79;} /*This sets the colour of the text for the maintainer text*/ .maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #B09E79;} /*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/ .maintainerRight a:hover {color: #B09E79;} /*This sets the colour of the approved text at the very bottom of the screen*/ .approved {color:#B09E79;}0