/* @group Containers */ .container {margin: 0px auto;overflow:visible;} .innerContainer {float: left;margin-left: 20px;overflow:visible;} .mainContainer {float: left;background: #000;width: 100%} .wrapper {float: left;width: 100%;overflow:visible;} .adblock {float: right; width:160px} #topColour_wide {background: url(../images/topContainerWide.png) no-repeat;width: 100%;float: left;height: 58px;overflow: hidden;position: relative;z-index: 10} #topColour_mid {background: url(../images/topContainerMid.png) no-repeat;width: 100%;float: left;height: 58px;overflow: hidden;position: relative;z-index: 10} /* apoe #topColour_thin {background: url(../images/topContainerThin.png) no-repeat;width: 100%;float: left;height: 58px;overflow: hidden;position: relative;z-index: 10} */ #topColour_thin {background: url(../images/topContainerThin.png) no-repeat;width: 100%;float: left;height: 58px;overflow: visible;position: relative;z-index:900;} /* Container Width */ #containerShadow_wide {background: url(../images/middleWide.png) repeat-y;float: left;width: 100%;position: relative;z-index: 10;} #containerShadow_mid {background: url(../images/middleMid.png) repeat-y;float: left;width: 100%;position: relative;z-index: 10;} #containerShadow_thin {background: url(../images/middleThin.png) repeat-y;float: left;width: 100%;position: relative;z-index: 10;} #bird {height: 23px;width: 45px;position: absolute;right: 10%;margin-top: 40px} .topShadow {height: 12px} # APOE #veryTopWrapper {width: 100%;z-index:1;align:center;} #headerWrap, #bannerWrap, #pathwaywrap, #mainWrap {width: 100%;float: left;z-index:1;} /* @end */ /* @group Very Top */ #veryTopWrapper {margin-top: 0px;width: 100%;margin-bottom:0px;position:fixed;} /* #veryTopLeft {float: left;width: 45%;margin-left: 20px;color: #fff} */ #veryTopLeft {width: 100%;margin-left:0px; margin-top:0px;margin-bottom:50px;;color: #fff;align:middle;} #veryTopRight {float: right;width: 45%;text-align: right;color: #fff;margin-right: 80px} #veryTopLeft .moduletable {align:middle;float:middle;margin: 0 auto;} /* @end */ /* @group Nav Layout */ #navWrap {position: absolute;z-index: 99;padding: 0;width: 934px;margin-top: 60px;height: 30px;z-index:1500} #nav {width: 100%;padding-top: 5px;float: right;text-align: right;font-size: 1.4em} /* @end */ /* @group Logo */ #logo {position: absolute;margin-top:-25px;z-index: 1;height: 137px;overflow: hidden} #logoWrap {margin: 0 auto;height: 100px;margin-top: 20px;padding-top:120px} #logoInner {float: left;margin-left: 17px} /* #logo{float: left;width: 40%} */ #logo{float:left;} /* #logoright{float: right;width: 60%;color: #fff;text-align: right;z-index:1000;} */ #logoright{float: right;color: #fff;text-align: right;z-index:1000;} */ #logoright h2 {color: #101010} /* @end */ /* @group Top Strip */ /* apoe background #000000 */ #topStrip {color: #ccc;margin-left: 20px;font-size: 0.9em;height: 24px;width: 100%;padding-bottom: 5px;margin-top: 8px;overflow:visible;} #topStripLeft {float: left;width: 45%;display: inline;overflow:visible;} #topStrip a {background: #333;text-decoration: none;padding: 2px;color:#cccccc;} #topStrip a:hover {background: #ccc;color: #1C1919} #topStrip span.pretext{float: left;margin-right: 10px} #topStrip .scroller {margin-top: 0} #topStrip #slideShowContainer {margin-left: 80px} #topStrip #slideshow_container {margin-left:80px} #topStripRight {float: right;width: 46%;color: #999;margin-right: 35px;display: inline;z-index:998;overflow:visible;} #topStripRight p {margin: -4px 0 0 0;overflow:visible;} .slideshowContent {float: left;position: absolute;z-index: 900;padding:0px;} #topStripRight .moduletable {overflow:visible;} /* @end */ #bannerWrap {margin: 0 0 0 18px;padding: 0;display: inline} /* @group Left Col */ #mainWrap {margin-left: 34px;display: inline} #leftCol_triple {float: left;width: 20%;display:inline;margin-right: 2%;padding-bottom: 20px} #leftCol_double {float: left;width: 20%;margin-top: 20px;padding-bottom: 20px} #leftCol .module,#leftCol .module_menu {margin-bottom: 50px} /* @end */ /* @group MidCol */ #midCol_triple {width: 55%;float: left;padding-bottom: 30px} #midCol_double {float: right;width: 75%;margin-top: 20px;padding-bottom: 40px} #midCol_even {float: left;width: 48%;margin-top: 20px;padding-bottom: 40px} #midCol_fullWidth {padding-bottom: 0} /* @end */ /* @group RightCol */ #rightCol_triple {float: right;width: 20%} #rightCol_even {float: right;width: 48%;margin-top: 20px;padding-bottom: 40px} #rightCol .moduletable,#rightCol .moduletable_menu {margin-bottom: 50px} /* @end */ /* @group Top advert and bottom */ #top {float: left;margin-bottom: 20px;width: 100%} #advert1 {width: 100%;float: left;margin-bottom: 20px} #advert2 {width: 100%;float: left;margin-top: 20px} #below {float: left;width: 100%;margin-bottom: 30px} /* @end */ /* @group Bottom Colour */ #mainBottom_wide {background: url(../images/bottomContainerWide.png) no-repeat left bottom;float: left;width: 100%;height: 23px} #mainBottom_mid {background: url(../images/bottomContainerMid.png) no-repeat left bottom;float: left;width: 100%;height: 23px} #mainBottom_thin {background: url(../images/bottomContainerThin.png) no-repeat left bottom;float: left;width: 100%;height: 23px} /* @end */ /* @group Slider */ #sliderWrap {background: #161616;float: left;margin-left: 18px;color: #fff;display: inline;padding-bottom: 20px;} #sliderArea {margin-left: 0px;padding-bottom: 20px;float: left;width: 100%;background: #222222;height: 20px} span.slideTrigger {background: #000;height: 30px;margin: 0;padding: 10px 0 0 2%;color: #ddd;font-size: 14px;display: block;float: left;text-transform: lowercase;overflow: hidden} span.slideTrigger.slideActive {background: url(../images/slideActive.jpg);height: 48px} span.slidePrev_wide {background: url(../images/prev.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 870px;cursor: pointer} span.slideNext_wide {background: url(../images/next.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 900px;cursor: pointer} span.slidePrev_mid {background: url(../images/prev.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 810px;cursor: pointer} span.slideNext_mid {background: url(../images/next.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 840px;cursor: pointer} span.slidePrev_thin {background: url(../images/prev.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 750px;cursor: pointer} span.slideNext_thin {background: url(../images/next.png) no-repeat;width: 25px;height: 25px;position: absolute;margin-left: 780px;cursor: pointer} #slideWrapper {margin-left: 2%;width: 96%;margin-top: 20px} #slides {padding-top: 10px;float: left} #slides img {padding: 4px;background: #1C1919} #sliderWrap ul {margin: 0} #sliderWrap ul li {list-style-type: none;margin: 0} #sliderWrap ul li a {display: block;width: 100%;border-bottom: 1px solid #333;text-decoration: none;padding: 4px 0} #sliderWrap ul li a:hover {background: #111;color: #fff} #sliderWrap ul.tweet_list li a {display: inline} .slideTrigger {cursor: pointer} #slideWrapper .border {border: 1px solid #1C1919;background: #222} #sliderWrap h3 {color: #666;font-weight: normal;line-height: 1.8em} #sliderWrap .jTweet_bird1,#sliderWrap .jTweet_bird2,#sliderWrap .jTweet_bird3,#sliderWrap .jTweet_bird4,#sliderWrap .jTweet_bird5 {clear: none} #sliderWrap .jTweetClear {clear: none} .sliderDouble .moduletable {float: left;width: 48%;margin-right: 2%} .sliderTriple .moduletable {float: left;width: 30%;margin-right: 3%} .sliderQuad .moduletable {float: left;width: 23%;margin-right: 2%} /* @end */ /* @group Grids */ .gridWrap {margin-bottom: 15px;float: left;width: 100%} #topgrid1, #topgrid2, #topgrid3, #botgrid4, #botgrid5, #botgrid6 {width: 100%;float: left} #topgrid1Left_three, #topgrid1Mid1_three, #topgrid1Mid2_three, #topgrid1Right_three, #topgrid2Left_three, #topgrid2Mid1_three, #topgrid2Mid2_three, #topgrid2Right_three, #botgrid1Left_three, #botgrid1Mid1_three, #botgrid1Mid2_three, #botgrid1Right_three, #botgrid2Left_three, #botgrid2Mid1_three, #botgrid2Mid2_three, #botgrid2Right_three, #botgrid3Left_three, #botgrid3Mid1_three, #botgrid3Mid2_three, #botgrid3Right_three {width: 31%;margin-right: 2%;float: left} #topgrid1Left_four, #topgrid1Mid1_four, #topgrid1Mid2_four, #topgrid1Right_four, #topgrid2Left_four, #topgrid2Mid1_four, #topgrid2Mid2_four, #topgrid2Right_four, #topgrid3Left_four, #topgrid3Mid1_four, #topgrid3Mid2_four, #topgrid3Right_four, #botgrid1Left_four, #botgrid1Mid1_four, #botgrid1Mid2_four, #botgrid1Right_four, #botgrid2Left_four, #botgrid2Mid1_four, #botgrid2Mid2_four, #botgrid2Right_four, #botgrid3Left_four, #botgrid3Mid1_four, #botgrid3Mid2_four, #botgrid3Right_four {width: 22%;margin-right: 2.5%;float: left} #topgrid1Mid2_four, #topgrid2Mid2_four, #topgrid3Mid2_four, #botgrid1Mid2_four, #botgrid2Mid2_four, #botgrid3Mid2_four {margin-left: 15px} #topgrid1Right_four, #topgrid2Right_four, #topgrid3Right_four, #botgrid1Right_four, #botgrid2Right_four, #botgrid3Right_four {float: right} #topgrid1Left_two, #topgrid1Mid1_two, #topgrid1Mid2_two, #topgrid1Right_two, #topgrid2Left_two, #topgrid2Mid1_two, #topgrid2Mid2_two, #topgrid2Right_two, #topgrid3Left_two, #topgrid3Mid1_two, #topgrid3Mid2_two, #topgrid3Right_two, #botgrid1Left_two, #botgrid1Mid1_two, #botgrid1Mid2_two, #botgrid1Right_two, #botgrid2Left_two, #botgrid2Mid1_two, #botgrid2Mid2_two, #botgrid2Right_two, #botgrid3Left_two, #botgrid3Mid1_two, #botgrid3Mid2_two, #botgrid3Right_two {width: 45%;margin-right: 5%;float: left} #topgrid1Right_two, #topgrid1Mid2_two, #topgrid2Right_two, #topgrid2Mid2_two, #topgrid3Right_two, #topgrid3Mid2_two {float: right} #topGrid1Left_one, #topgrid1Mid1_one, #topgrid1Mid2_one, #topgrid1Right_one {width: 95%;float: left} #topgrid1Right_four,#topgrid2Right_three,#topgrid3Right_two,#botgrid2Right_three,#botgrid2Right_four,#botgrid1Right_two {margin-right: 0;float: right} #topgrid2Mid1_three,#botgrid2Mid1_three {margin-left: 2%} #botgrid2Mid1_four {margin-left: 2%} /* @end */ /*----------------------- Bottom Modules ---------------------- */ #botmodsWrap {padding: 0px 0 30px;float: left;width: 100%} #botMods {width: 100%;float: left} #botmodsLeft_three,#botmodsMid1_three,#botmodsMid2_three,#botmodsRight_three {width: 31%;margin-right: 2%;float: left} #botmodsLeft_four,#botmodsMid1_four,#botmodsMid2_four,#botmodsRight_four {width: 22%;margin-right: 2.5%;float: left} #botmodsMid2_four {margin-left: 15px} #botmodsRight_four {float: right} #botmodsLeft_two,#botmodsMid1_two,#botmodsMid2_two,#botmodsRight_two {width: 45%;margin-right: 5%;float: left} #botmodsRight_two,#botmodsMid2_two {float: right} #botmodsLeft_one,#botmodsMid1_one,#botmodsMid2_one,#botmodsRight_one {width: 95%;float: left} /*----------------------- Below Main Wrap ---------------------- */ #belowMainWrap {width: 100%;float: left;margin-bottom: 30px} #gridLeft {float: left;width: 30%;margin-right: 2%} #gridMid {float: left;width: 30%;margin-left: 3%} #gridRight {float: right;width: 30%} #footerWrap {margin: 10px 0;padding-bottom: 50px;width: 100%;position:fixed;} #footerInner {margin-left: 20px} #footerLeft {float: left;width: 48%;margin-top: 8px;} #footerRight {float: right;width: 48%;text-align: right} .jbLogo {float: right;text-align: right} /* @group Columns*/ .column1.cols2 {width: 48%;float: left} .column2.cols2 {width: 48%;float:right} .column1.cols3,.column2.cols3 {width: 31%;float: left;margin-right: 2%;} .column3.cols3 {width: 31%;float:right} .article_row {clear: both;width: 100%;border-bottom: 1px solid #eee;float: left;padding: 8px 0 20px;margin-bottom: 20px;} /* @group Clear Fix */ .clear {clear: both; display: block;overflow: hidden;visibility: hidden;width: 0;height: 0} .clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden; width: 0;height: 0} .clearfix { display: inline-block} * html .clearfix { height: 1%} .clearfix { display: block} /* @end */ /* @group Pathway */ div.pathway {float: left;color: #fff;padding: 8px 0;text-align: right;padding-top: 0px;width: 100%;text-transform: lowercase} span.pathway {color: #333} a.pathway {text-decoration: none;color: #333} /* @end */ /* @group Contact Form*/ .contact_email label,.contact_email input,.contact_email textarea,.button {clear: both;display: block;float: left;margin-bottom: 10px;} /* @end */ /* @group JB Drop Panel */ .tab ul.login { position: absolute; width: auto;font-weight: bold;line-height: 24px;margin: 0;right: 10px; color: white;font-size: 80%;text-align: center; background: url(../images/blackOverlay.png)} .tab ul.login li { text-align: left;padding: 0 6px;list-style: none;float: left;margin: 0} #panelInner .tab ul.login li a {width: 80px;text-align: center} .tab ul.login li a:hover {background: none} .tab a.open, .tab a.close { cursor: pointer;position: relative; color: #fff;text-decoration: none} #toppanel {position: absolute; width: 100%; z-index: 999; float: left; color: #ccc} #toppanel h3 {color: #E4831D;border-bottom: 1px solid #333} #toppanel a {color: #fff} #toppanel #form-login ul {margin: 20px 0} #toppanel ul li {list-style-type: none;margin: 0} #toppanel ul li a {display: block;text-decoration: none;border-bottom: 1px solid #333;padding: 4px 0} #toppanel ul li a:hover {background: #111} #panelInner {float: left; background: url(../images/blackOverlay.png);width: 100%} #panelInner ul li a {display: inline-block;width: 100%} #panel {padding-top: 20px;margin: 0 auto;overflow: hidden;position: relative;z-index: 3;display: none;padding-bottom: 30px;} #panelLeft,#panelMid {width: 30%;float: left} #panelMid {margin-left: 3%} #panelRight {float: right;width: 30%} #panelLeft_one, #panelMidLeft_one, #panelMidRight_one, #panelRight_one {width: 100%} #panelLeft_two, #panelMidLeft_two, #panelMidRight_two, #panelRight_two {width: 45%;float: left;margin-right: 2.5%} #panelLeft_three, #panelMidLeft_three, #panelMidRight_three, #panelRight_three{width: 30%;float: left;margin-left: 3%} #panelLeft_four, #panelMidLeft_four, #panelMidRight_four, #panelRight_four{width: 22%;float: left;margin-left: 2.5%} /* @end */