@charset "UTF-8"; .rssxpresschannel img {display: none;} .rssxpresschannel a {font-size: 16px !important; background-color: transparent !important; line-height: 20px; border-bottom: 1px dotted gray; padding-top: 10px !important; display: block;}/* - the RSS channel is wrapped in a single
with this class. Changes to this will effect all of the channel*/ .rssxpresstable td, .rssxpresstable tr {background-color: transparent !important; text-align: left !important;}/* - the RSS channel is formatted (rightly or wrongly :-) ) using a table of this class. Changes here could effect text alignment, etc.*/ .rssxpresstable td {font-weight:lighter; font-size: 12px; line-height: 16px; color:#333333; } * html .rssxpresstable td {font-weight:lighter; font-size: 12px; line-height: 16px; color:#333333; } .rssxpresschtitle {display: none;}/* - the RSS channel title*/ .rssxpresschdesc {display: none;}/* - the RSS channel description*/ .rssxpresschtitle /* - each of the item titles have this class. Note that because each of these are links, there are limitations to their control. If you wanted a specific colour for example you would need to define an A:link colour that would effect all the links on the page, not just the RSS channel .rssxpressitdesc /* - the RSS item description*/ .rssxpressdivider /* - the items from the channel are separated from the main description at the top, and other things at the end, but a single pixel, single column, row in the RSS channel layout table. To change the colour of this alter the background colour attribute in the stylesheet*/ img {border: 0 !important;} a {text-decoration: none !important;} #topMenu {position: absolute; width: 600px;left:329px; top: 24px; z-index: 3; } #topMenu li {float:left; margin-right: 20px;} #topMenu a {color: white; text-decoration:none} #printTxt {display:block; width: 150px !important;} #printImg { padding-left: 50px;} * html #printImg { padding-left: 60px;} html>body #printImg {* padding-left: 60px;} #techSearch {border: 1px solid #cccccc; padding: 5px;} #hidden {display:none;} .searchBut img {padding-top: 20px;} /* feed */ #searchBox h2, #searchBox p {color:#FFFFFF !important;} #search {margin-left: 780px;} * html #search {margin-left: 654px;} html>body #search {*margin-left: 654px;} #rss_box /*defines the bounding div for the entire display- use to define borders, fill, etc.*/ #rss_title {margin-bottom: 20px !important;} /*the title of the feed and link style if displayed. Use with variants of rss_title a:link, rss_title a:hover, etc for rollowver styles*/ #rss_items {margin-bottom: 20px !important;} /*defines the unordered list for the feed items- use to define the padding/margins for items.*/ #rss_item {margin-bottom: 20px !important;} /*display of each feed item description and title,
  • ...
    • as well as the channel description, if displayed.*/ #rss_item a: /*variant for the item title and link style*/ #rss_date /**/ #euFeed li {margin-bottom: 20px !important;} table tr {font-size:11px;} #idList a {color: white; text-decoration:none} #idList a:hover {color:#FFCB09;} #idList { margin: 0; padding: 0;} #idList li { display: block; margin: 0; padding: 4px; width: 160px; background: #4A95D5; color: white; border-bottom: 1px solid white; } /* Hi, thanks for looking....Design, CSS & xHTML by Ken @ www.beyonddesign.co.uk /* menu */ #tendertap #mainContent {margin-left: 130px !important;} #menu {position: absolute; width: 700px; margin-left:232px; margin-top: 5px; z-index: 2; } * html #menu {width: 706px;margin-left:105px; top: 53px;} html>body #menu { *width: 701px;*margin-left:107px; top: 53px;} #nav {border-bottom: 1px solid white; border-top: 1px solid white; height: 15px; padding-top: 5px; padding-left: 0px; padding-bottom: 3px !important;} #nav, #nav ul, #topMenu, #topMenu ul { /* all lists */padding: 0; margin: 0; list-style: none!important; line-height: 1; font-size: 12px !important;} #nav a, #navTop a {display: block; text-decoration: none; color: white;} #nav li, #topMenu li, #navTop li { /* all list items */float: left; width: 10em; /* width needed or else Opera goes nuts */ font-size: 11px !important; list-style:none; } #nav li ul { /* second-level lists */position: absolute; background-image: url(../images/buts/but_bg.png);width: 120px;left: -999em; padding: 5px; } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */left: auto; margin-bottom: -5px; } li#menuOne {display: block; width: 97px;/* width needed or else Opera goes nuts */ } li#menuTwo { display: block; width: 127px;/* width needed or else Opera goes nuts */ } li#menuThree { display: block; width: 117px;/* width needed or else Opera goes nuts */ } li#menuFour { display: block; width: 57px;/* width needed or else Opera goes nuts */ } li#menuFive { display: block; width: 97px;/* width needed or else Opera goes nuts */ } li#menuSix { display: block; width: 97px;/* width needed or else Opera goes nuts */ } li#menuSeven { display: block; width: 116px;/* width needed or else Opera goes nuts */ } li#menuEight { display: block; width: 0px;/* width needed or else Opera goes nuts */ } li#menuEUs { display: block; width: 143px;/* width needed or else Opera goes nuts */ } li#menuGrantnet { display: block; width: 73px;/* width needed or else Opera goes nuts */ } li#menuTendertap { display: block; width: 130px;/* width needed or else Opera goes nuts */ } #nav li ul a:hover {background: #103087; color: white !important; padding-left: 5px;margin-left: -5px;} #nav li ul a { width: 125px; color: black !important;} /* Specific pages.... */ /* home.... */ #home h1 { color: #4A95D5 !important; } #home #homeBoxArea h2 {margin-bottom: -5px; margin-top: -5px; font-size: 16px !important; font-weight: bold; color:#4A95D5 ; margin-left: 7px; line-height: 18px !important;} #home h3 {margin-bottom: 5px; margin-top: 5px; font-size: 13px !important; font-weight: bold; color: #333333 ; margin-left: 5px;} #homeTitle {margin-top:0px;} #textHolder { position: absolute; width: 320px; margin-top: -150px; left: 170px; top: 341px;} #textHolder p {font-size: 18px !important; line-height: 20px !important;} * html #textHolder {position: absolute; width: 320px; margin-top: -150px;} html>body #textHolder {position: absolute; width: 320px; *margin-top: -150px;} #flashHolder { position: absolute; left: 141px; top: 125px; z-index: 0;} #homeBoxArea {position: absolute; top: 194px;margin-left: 370px; width: 300px; } #homeBoxArea a {text-decoration: none ; color: #102F86;} #homeBoxArea a:hover { color: red;} #home #mainContent { margin-left: 140px !important; width: 330px; height: 400px; color: #333333; } * html #home #mainContent { margin-left: 140px !important; width: 330px; height: 380px !important; color: #333333; } html>body #home #mainContent { margin-left: 140px !important; width: 330px; height: 400px !important; color: #333333; } #home #container {background-image:url(../images/bg/swirl2.jpg) ; background-repeat:no-repeat; background-color:white; background-position: 0px 122px;} #services #container {background-image:url(../images/bg/swirl2.jpg) ; background-repeat:no-repeat; background-color:white; background-position: 0px 122px;} #who #container, #partners #container, #resources #container {background-image:url(../images/bg/swirl1.jpg) ; background-repeat:no-repeat; background-color:white; background-position: 0px 60px;} #who h1, #who h2 {color:#103087} #publications #container {background-image:url(../images/home/home-mesh.jpg) ; background-repeat:no-repeat; background-color:white; background-position:bottom;} #news #container {background-image:url(../images/bg/swirl2.jpg) ; background-repeat:no-repeat; background-color:white; background-position: 0px 122px;} #news h2 {color: #103087} #news h1 {color:#EE3E7F} iframeHolder { margin-top: 0px !important;} #contact #container {background-image:url(../images/bg/swirl3.jpg) ; background-repeat:no-repeat; background-color:white; background-position: bottom;} #contact #footer {display: none;;} #connect #container {background-image:url(../images/bg/swirl4.jpg) ; background-repeat:no-repeat; background-color:white; background-position:bottom;} #connect h1, #connect h2 {color: #B041C1} #grow #container {background-image:url(../images/bg/swirl4.jpg) ; background-repeat:no-repeat; background-color:white; background-position:bottom;} #grow h1, #grow h2 {color: #6A75DF} #funding #container {background-image:url(../images/bg/swirl4.jpg) ; background-repeat:no-repeat; background-color:white; background-position:bottom;} #funding h1, #funding h2 {color: #5BC78B} #information #container {background-image:url(../images/bg/swirl4.jpg) ; background-repeat:no-repeat; background-color:white; background-position:bottom;} #information h1, #information h2 {color:#606801} #tendertap #container {margin-top: -30px !important;background-image:url(../images/bg/swirl2.jpg) ; background-repeat:no-repeat; background-color:white; background-position: 0 100px; } /* General stuff.... */ body { font: 100% Helvetica, Arial, sans-serif; background-image: url(../images/bg/vignette.jpg); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } #container { position: relative; width: 975px; margin: 0 auto; border: 1px solid #102F86; text-align: left; color:#333333 ; background-color:white !important; border: 20px solid #102F86; padding-bottom: 0px; } #header { height: 120px; padding: 0 0px 0 0px; border-bottom: 5px solid #3D649B; background-color: #102F86; margin-top: 0px; } *html #header { margin-bottom: 40px; height: 120px;} html>body #header { *margin-bottom: 40px; *height: 120px; } img {border-style:none;} #logo img {margin-left: 9px; float: left;} #brightlabs { margin-top: -70px; margin-left: 770px;} #header h1 {margin: 0; padding: 10px 0; } #sideMenu {position: absolute; top: 168px; left: 0; width: 170px; padding: 15px 10px 15px 20px;} #sideMenu li, #sideMenu ul {list-style:none;} #rightSB {position: absolute;top: 180px;right: 80px;width: 160px; padding: 0px; } #rightSB img {margin-left:-60px !important; } #mainContent { margin: 40px 0px 20px 225px !important; padding: 0 10px; width: 420px; } #footer { width: 500px; height: 80px;padding: 0 10px 0 130px; margin-left: 40px; } #legalFooter { width: 600px; height: 80px;padding: 0 10px 0 00px; margin-left: -20px; margin-top: 30px; } #legalFooter li { float: left; margin-right: 20px; list-style: none;} #footer p {margin: 0; padding: 10px 0; } .fltrt { float: right; margin-left: 8px;} .fltlft { float: left; margin-right: 8px; margin-bottom: 8px; display: block; border: 2px solid white !important;} .imageFloat { float: left; margin-right: 8px; margin-bottom: 8px; display: block; border: 2px solid white !important;} .clrflt {clear:both;margin-top: 220px;} *html .clrflt { margin-top: 220px;} html>body .clrflt { *margin-top: 220px;} /* tyographism.... */ .intro {font-size: 14px; line-height: 22px;} p, li {font-size: 12px; line-height: 17px;} a {color:#102F86;} #mainContent a {color:#102F86} h1 {margin-bottom: -10px; font-size: 24px; font-weight: lighter; line-height: 28px;} h1, h2 {font-family:helvetica, arial, sans-serif;} h2 { font-family:helvetica, arial, sans-serif; font-size: 15px !important; margin: 10px 0; padding: 10px 0 10px 0; border-bottom: 1px dotted #bba; } h2 {clear:both;} h3 { font-family:helvetica, arial, sans-serif; font-size: 13px !important; } ul {margin-left: -25px;} *html ul {margin-left: 25px;} html>body ul {*margin-left: 25px;} /* ---------------------- Emailer ---------------------- */ #emailWrapper {width: 500px; text-align:center;} #emailContainer {width: 500px;} /* ---------------------- END Dolphin nav ---------------------- *