/* ------------------------------------ NuCana BioMed Style Sheet (screen) version: 1.0 author: jane mcdevitt on behalf of Inca Graphics email: jane@maraid.co.uk website: http://www.maraid.co.uk ------------------------------------- */ /*typography and colours --------------------------------------*/ body { text-align:center; background-color:#e9e9ea; margin:0; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:.8em; color:#444; } h1 { font-family:Helvetica, Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; color:#1e2171; margin-bottom:10px; font-weight:normal; } h2 { font-size:100%; color:#1e2171; margin:3em 0 0 0; line-height:1.5em; } p { line-height:1.5em; margin:6px 0; } a { color:#1e2171; } a:hover { color:#7673a8; } .link { margin:0; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:.8ems; color:##1e2171; } .link a{ margin:0; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:.8ems; color:##1e2171; } .link a:hover{ margin:0; font-family:"Lucida Grande", Verdana, Arial, sans-serif; font-size:.8ems; color:#fe0f03; } /*structure --------------------------------------*/ #wrapper { text-align:left; background-color:#fff; width:750px; margin:0 auto; padding:0 20px 20px 20px; } #logo { width:270px; margin:0 auto ; padding:45px 0 35px 0; } #contentpro { background: url(../images/Protide_image.jpg) top right no-repeat; } #content { } #content1 { background: url(../images/father.jpg) top right no-repeat; } #innercontent { width:440px; } #innercontent2 { width:330px; } #innercontent3 { width:470px; } #innercontent4 { width:700px; } #innercontent5 { width:450px; } #boardroom { background: url(../images/overview.jpg) bottom right no-repeat; margin-top:10px; } #wood { background: url(../images/chris.jpg) bottom right no-repeat; margin-top:10px; } #griffith { background: url(../images/hugh.jpg) bottom right no-repeat; margin-top:10px; } #about { background: url(../images/about.jpg) bottom right no-repeat; margin-top:0px; } #smith { background: bottom right no-repeat; margin-top:10px; } .portaits { margin-bottom:30px; width:450px; } .portaits img, .portaits p { float:left; } .portaits p { float:left; margin:30px 0 0 20px; } .nextpage { float:right; } /*navigation --------------------------------------*/ #menuwrapper { background-color: #1e2171; margin-bottom:10px; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; } .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } #p7menubar, #p7menubar ul { padding: 0; margin: 0; list-style: none; font-weight:bold; } #p7menubar a, #p7menubar span { display: block; text-decoration: none; padding: 8px 20px ;/*pad menu links here*/ color: #fff; } #p7menubar a.trigger { padding: 8px 20px;/*and here*/ background-image: url(../images/p7PM_dark_south.gif) ; background-repeat: no-repeat; background-position: right center; } #p7menubar a.arrow { padding: 8px 20px;/*and here*/ background-image: url(../images/p7PM_dark_south.gif) ; background-repeat: no-repeat; background-position: right center; } #p7menubar li { float: left; width: 9em; } #p7menubar li ul, #p7menubar ul li { width: 18em; } #p7menubar ul li a { color: #1e2171; border-right: 0; padding: 3px 12px 3px 16px; } #p7menubar li ul { position: absolute; display: none; background-color: #1E2171; } #p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { color: #999; } #p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; } #p7menubar li:hover ul a, #p7menubar li.p7hvr ul a { color: #fff; background-color: transparent; padding:8px 30px; } #p7menubar ul a:hover { background-color: #1E2171 !important; color: #999!important; } #p7menubar li { width: auto; } /*#p7menubar li ul a { border-top:#fff 1px solid; }*/ #p7menubar a.last { padding-right:10px; } /*lists --------------------------------------*/ /*images --------------------------------------*/ img { border:none; } .photo { float:right; margin:0; } .photo1 { float:left; margin:0; } .map { float:right; } /*other --------------------------------------*/ .clear { clear:both; } .hidden { display:none; } /*other --------------------------------------*/ #nav {padding:0; margin:0; list-style:none; height:38px; z-index:500; list-style:none; height:35px; background:#1e2171; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; width:700px; } #nav li.top {display:block; float:left; height:35px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: #1e2171} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 18px; height:35px; background: #1e2171;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 18px; height:35px; background:#1e2171 url(../../../nucan/html/images/p7PM_dark_south.gif) right 15px no-repeat;} #nav li:hover a.top_link {color:#ccc; background:#1e2171;} #nav li:hover a.top_link span {background:#1e2171;} #nav li:hover a.top_link span.down {background:#1e2171 url(../../../nucan/html/images/p7PM_dark_south.gif) right 15px no-repeat;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:35px; background: #1e2171; padding:3px 0 0 15px; white-space:nowrap; width:100px; height:auto; z-index:200; right:1px;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:100px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;} #nav li ul.sub li a.fly {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#1e2171; color:#ccc;} #nav li:hover ul.sub li a.fly:hover {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#ccc;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #1e2171; padding:3px; width:175px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#fff;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#fff;} /* new css add */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.subl {left:1px; top:35px; background: #1e2171; padding:3px 0 0 15px; white-space:nowrap; width:405px; height:auto; z-index:400;} #nav li:hover ul.sul li {display:block; height:20px; position:relative; float:left; width:40zz5px; font-weight:normal;} #nav li:hover ul.subl li a {display:block; font-size:11px; height:18px; width:100px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;} #nav li ul.subl li a.flyl {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat;} #nav li:hover ul.subl li a:hover {background:#1e2171; color:#ccc;} #nav li:hover ul.subl li a.flyl:hover {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#ccc;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #1e2171; padding:3px; width:175px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.flyl, #nav li:hover li:hover li:hover a.flyl, #nav li:hover li:hover li:hover li:hover a.flyl, #nav li:hover li:hover li:hover li:hover li:hover a.flyl {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#fff;} #navl li:hover li:hover li a.flyl, #navl li:hover li:hover li:hover li a.flyl, #navl li:hover li:hover li:hover li:hover li a.flyl {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#fff;} /* new css add */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.subl {left:1px; top:35px; background: #1e2171; padding:3px 0 0 15px; white-space:nowrap; width:400px; height:auto; z-index:400;} #nav li:hover ul.subl li {display:block; height:20px; position:relative; float:left; width:400px; font-weight:normal;} #nav li:hover ul.subl li a {display:block; font-size:11px; height:20px; width:100px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;} #nav li ul.subl li a.flym {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat;} #nav li:hover ul.subl li a:hover {background:#1e2171; color:#ccc;} #nav li:hover ul.subl li a.flym:hover {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#ccc;} #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #1e2171; padding:2px; width:304px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.flym, #nav li:hover li:hover li:hover a.flym, #nav li:hover li:hover li:hover li:hover a.flym, #nav li:hover li:hover li:hover li:hover li:hover a.flym {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#fff;} #navl li:hover li:hover li a.flym, #navl li:hover li:hover li:hover li a.flym, #navl li:hover li:hover li:hover li:hover li a.flym {background:#1e2171 url(../../../nucan/html/images/arrow_over.gif) 83px 6px no-repeat; color:#fff;} .stylel{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#1e2171; text-decoration:none; } .stylel a{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#1e2171; text-decoration:none; } .stylel{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#1e2171; text-decoration:underline; } .style2{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#1e2171; text-decoration:none; font-size:15px;