body,html {/* commented backslash hack - hides from Mac IE5 \*/height: 100%;/* end hack */} body {margin:0px; padding:0px; font: 76% Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color:#4e5a61; background-color:#e8e8e8} * { margin: 0; padding: 0; border: 0} h1, h2, h3, h4, h5, p {font-weight:normal; padding-bottom:10px} .clearboth {clear:both} a {text-decoration:none} #topHolder {float:left; width:100%; background: url('images/TopBkg.gif') top center no-repeat} #topNavWrap {width:971px; margin:0px auto} #topnavDetails {float:right; width:794px; padding-top:42px} .figureLogo {float:left; width:176px;} /*- PortalNav--------------------------- */ #portalNav {float:left; width:100%; background: url('images/portalNav_bkg.gif') bottom center no-repeat; margin-bottom:10px} #assoLinks {width:971px; margin:0px auto} .linkLeft {float:left; width:800px} .linkRight {float:right; width:160px} #assoLinks ul {list-style-type:none; padding:5px 0 38px 0} #assoLinks ul li {float:left; display:inline; padding:0px 0px 0px 25px} #assoLinks ul li a {display:block; color:#818181; font-weight:bold} #assoLinks ul li a:hover {color:#8bbde2} #assoLinks ul li.portalOn a {color:#8bbde2; padding-bottom:0px} .webLinks {float:right; color:#fff; text-transform:uppercase; font-size:80%; padding:5px 0px 0px 0px} .webLinks .link {background: url('images/assocArra.gif') left no-repeat; padding-left:12px; text-align:right} /*- SubNav--------------------------- */ #subNav {float:right; width:794px; text-align:right; padding-top:10px} #subNav ul {list-style-type:none; margin-right:-10px} #subNav ul li {display:inline; padding:0px 0px 0px 0px} #subNav ul li a {color:#999999; border-right:#e1e1e1 1px solid; padding:0px 10px} #subNav ul li a:hover {color:#79a3c0} #subNav ul li.last {color:#999999; border-right:#e1e1e1 0px solid; padding:0px 10px} /*- MainNav Tabs--------------------------- */ #mainNav {float:left; width:100%; font-size:120%; padding-top:20px; padding-left:18px} #mainNav ul {float:left; margin:0; padding:0px 10px 0px 0px; list-style:none} #mainNav li {display:inline; margin:0; padding:0px 0px 0px 0px} #mainNav a {float:left; margin:0; padding:5px 0 0px 5px; text-decoration:none} #mainNav a span {float:left; display:block; padding:5px 15px 9px 6px; color:#79a3c0;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #mainNav a span {float:none;} /* End IE5-Mac hack */ #mainNav a:hover span {color:#818181;} #mainNav .tabOn a {float:left; background:url("images/tableftJ.gif") no-repeat left top; margin:0; padding:0 0 0px 5px; text-decoration:none;} #mainNav .tabOn a span {float:left; background:url("images/tabrightJ.gif") no-repeat right top; padding:5px 15px 9px 6px; color:#fff} /*- Info Wrap--------------------------- */ #infoWrap {width:971px; margin:0px auto; min-height:80px} #txtLogo {float:left; width:226px; padding-right:33px} #infoDetails {float:left; width:700px; background: url(images/detailsBorder.gif) left top repeat-y; margin:8px 0 5px 0; padding-left:10px} .infoTop {width:100%; padding:12px 0 2px 0; color:#fff} .account {font-size:160%; padding-right:10px} .details {font-size:110%; padding-right:10px} .yourInput {background:#93bad7; border:1px solid #fff} .yourBtn {background:#77a2c2; padding:2px 4px; border:1px solid #fff; color:#fff; text-transform:uppercase; font-size:90%} .infoBtm {width:100%; padding:3px 0} .infoBtm a {color:#fff; background: url('images/accountArras.gif') left no-repeat; padding-left:12px; margin-right:10px} .infoBtm a:hover {color:#000; background: url('images/accountArrasOn.gif') left no-repeat;} /*- Content--------------------------- */ #contHolder {float:left; width:100%; background: url('images/GradBkg.gif') top center repeat-y} #contWrap {width:971px; margin:0px auto 20px auto; background:#c4e0f3;} #contWrap .Inner {float:left; padding:20px 32px; margin-bottom:10px} .contLeft {float:left; width:535px; padding-right:10px; border-right:0px solid #abbecb} .contRight {float:right; width:340px; padding-left:20px} #midColWrap h1 { font-size:210%} #midColWrap h2 { font-size:180%} #midColWrap h3 { font-size:160%} #midColWrap h4 { font-size:160%} #midColWrap ul { margin-left:20px;} #midColWrap ul li { padding-bottom:5px} #midColWrap ol { margin-left:20px;} #midColWrap ol li { padding-bottom:5px} #midColWrap a {color:#000; text-decoration: underline} #midColWrap a:hover {text-decoration: none} #rightEventsWrap h1 { font-size:210%} #rightEventsWrap h2 { font-size:180%} #rightEventsWrap h3 { font-size:160%} #rightEventsWrap h4 { font-size:160%} #rightEventsWrap ul { margin-left:20px;} #rightEventsWrap ul li { padding-bottom:5px} #rightEventsWrap ol { margin-left:20px;} #rightEventsWrap ol li { padding-bottom:5px} #rightEventsWrap a {color:#000; text-decoration: underline} #rightEventsWrap a:hover {text-decoration: none} #borderTop {border-top:3px solid #fff} #flashIntro {float:left; width:100%; height:245px; } #newsfeed {float:left; width:906px; padding:10px 10px 10px 55px; background:#2a2f33 url('images/newsfeedIcon.gif') left no-repeat; color:#d4d5d6} #newsfeed a {color:#fff; text-decoration:none} #newsfeed a:hover {text-decoration:underline} /*- Content Page--------------------------- */ #contPageWrap { width:971px; margin:0px auto 20px auto; background:url('images/contentBkgSlc.gif') top center repeat-y} #leftWrap {float:left; width:250px; padding:5px; min-height:627px} #leftWrap p {color:#c4e0f3; padding:8px 0px 0px 12px} #telDetailsBlue {background:url('images/telIconBlue.gif') top left no-repeat; height:34px; margin:2px 0px 0px 8px} #telDetailsBlue a {text-decoration:none; color:#c4e0f3; padding:5px 0px 0px 38px; font-size:150%; float:left; } #emailDetailsBlue {background:url('images/emailIconBlue.gif') top left no-repeat; height:34px; margin:2px 0px 0px 8px} #emailDetailsBlue a {text-decoration:none; color:#c4e0f3; padding:5px 0px 0px 38px; font-size:150%; float:left} #emailDetailsBlue a:hover {color:#fff} #leftBtns ul {list-style-type:none; margin:8px 0px 0px 0px; float:left; } #leftBtns ul li {margin:0px 0px 5px 0px; width:250px; height:112px;} #leftBtns ul li.tuesTalk {background:url('images/leftBtn_tuestalk.jpg') top left no-repeat; float:left; width:250px} #leftBtns ul li.entCoach {background:url('images/leftBtn_entcoach.jpg') top left no-repeat; float:left; width:250px} #leftBtns ul li.busSupport {background:url('images/leftBtn_bsp.jpg') top left no-repeat; float:left; width:250px} #leftBtns ul li.busAdvice {background:url('images/leftBtn_busadviser.jpg') top left no-repeat; float:left; width:250px} #leftBtns ul li a {text-decoration:none; cursor:pointer} #leftBtns ul li a span.leftBtnTtl {float:left; color:#fff; font-weight:bold; font-size:200%; padding:8px 0px 0px 10px; line-height:23px; width:240px} #leftBtns ul li a span.leftBtnTtlSmall {float:left; color:#fff; font-weight:bold; font-size:160%; padding:8px 0px 0px 10px; line-height:20px; width:240px} #leftBtns ul li a span.leftBtnSub {float:left; color:#fff; font-size:90%; padding:6px 0px 0px 10px; line-height:12px; width:240px; text-transform:uppercase} #leftBtns ul li a span.leftBtnLink {float:left; color:#c4e0f3; font-size:90%; padding:10px 0px 0px 10px; line-height:7px; width:240px; text-transform:uppercase} #midColWrap {width:430px; padding:20px 25px; float:left} #rightColWrap {float:left; width:203px; padding:17px 14px} /*- news events--------------------------- */ #newsWrap {float:left; width:923px; padding:0px 24px; background:#2a2f33} .newsItem {padding-bottom:10px} #newsWrap .left {float:left; width:455px; margin-bottom:10px} #newsWrap .right {float:right; width:455px; margin-bottom:10px} .scroller {height:120px; overflow:auto;} #newsWrap h2 {color:#fff; font-size:120%; margin:0px; padding:0px} #newsWrap h3 {color:#fff; font-size:100%; margin:0px; padding:0px} #newsWrap .date {color:#fff; font-size:100%; margin-top:-3px; padding:0px} #newsWrap p {color:#aaacad; line-height:14px; padding:0px 10px 0px 0px} #newsWrap a {color:#fff; text-decoration:none} #newsWrap a:hover {color:#fff; text-decoration:underline} /*- carouselWrap 02--------------------------- */ #carouselWrap {width:971px; background:#2a2f33; float:left; padding-left:0px} #carouselWrap ul {float:left; padding-left:0px; width:922px} #carouselWrap ul li {padding-right:8px} #carouselWrap ul li a {text-decoration:none; cursor:pointer} #carouselWrap ul li.busSupport {float:left; background:url('images/panel_bsp.jpg') top no-repeat; width:302px; height:112px} #carouselWrap ul li.entCoach {float:left; background:url('images/panel_ec.jpg') top no-repeat; width:302px; height:112px} #carouselWrap ul li.tuesTalk {float:left; background:url('images/panel_tt.jpg') top no-repeat; width:302px; height:112px} #carouselWrap ul li.busadviser {float:left; background:url('images/panel_advisers.jpg') top no-repeat; width:302px; height:112px} #carouselWrap ul li.startup {float:left; background:url('images/panel_startup.jpg') top no-repeat; width:302px; height:112px} #carouselWrap ul li.womensenter {float:left; background:url('images/panel_womenenter.jpg') top no-repeat; width:302px; height:112px} #carouselWrap ul li a span.homeBtnTtl {float:left; color:#fff; font-weight:bold; font-size:200%; padding:8px 0px 0px 10px; line-height:23px; width:240px} #carouselWrap ul li a span.homeBtnSub {float:left; color:#fff; font-size:90%; padding:8px 0px 0px 10px; line-height:12px; width:240px; text-transform:uppercase} #carouselWrap ul li a span.homeBtnLink {float:left; color:#c4e0f3; font-size:90%; padding:10px 0px 0px 10px; line-height:7px; width:240px; text-transform:uppercase} /*------- right nav buttons styles -------*/ .carouselBtnTop {position: absolute; top: 45px; right: 5px; cursor: pointer; width:12px} .carouselBtnBtm {float:right; width:12px; height:22px; background:#2a2a2c; border:1px solid red} .jcarousel-next {float:right; cursor: pointer; width:12px; padding-left:6px; padding-top:40px} .jcarousel-next-disabled {cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50)} .jcarousel-prev {float:left; cursor: pointer; width:12px; padding-right:6px; padding-top:40px} .jcarousel-prev-disabled {cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50)} .jcarousel-scope {position: relative; width: 909px; -moz-border-radius: 10px; padding: 0px 40px 0 23px} /** * Similar styles will be applied by jCarousel. But we additionally * add it here for better displaying with browsers having * javascript disabled. */ .jcarousel-list {overflow: hidden; margin: 0; padding: 0;} .jcarousel-list li {float: left; list-style: none; margin-right: 10px;} /** * The button-elements are added statically in the HTML document * to illustrate how to cutomize the prev/next controls. * * We set display:none to hide them from browsers having * javascript. jCarousel will show them automatically. .jcarousel-next {position: absolute; top: 540px; right: 150px; cursor: pointer; width:12px;} .jcarousel-next-disabled {cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50)} .jcarousel-prev {position: absolute; top: 540px; left: 150px; cursor: pointer; width:12px} .jcarousel-prev-disabled {cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50)}*/ /*- Bottom holder--------------------------- */ #btmHolder {float:left; width:100%; background: url('images/BtmBkg.gif') top center no-repeat} /*- Footer--------------------------- */ #footerWrap {width:971px; margin:0px auto} #footerDetails {float:left; width:650px; color:#5d5d5d; font-size:90%} #footerDetails ul { list-style-type:none; padding-bottom:10px} #footerDetails li { display:inline; padding-right:10px} #footerDetails a { text-transform:uppercase; color:#5d5d5d; font-size:120%; font-weight:bold} #footerDetails a:hover { text-decoration:underline} #telDetails {float:right; width:210px; text-align:right; background: url('images/telIcon.gif') left no-repeat; font-size:160%; padding:10px 0; color:#76797b} /*- events--------------------------- */ #eventsWrap {float:left; width:100%; border-bottom:1px solid #687680; margin-bottom:6px} #contHolder .event {width:100%; border-top:1px solid #687680; padding-top:10px} #contHolder .event p { line-height:15px} #contHolder .event h2 { font-size:160%; padding-bottom:8px} #contHolder .event h3{ font-size:100%; font-weight:bold; padding-bottom:0px} #contHolder .event h4{ font-size:100%; font-weight:bold; text-transform:uppercase} #contHolder .event h5 { font-size:100%; font-weight:bold} #contHolder .event a {display:block; width:18%; text-align:center; background:#78a2c2; border:1px solid #fff; padding:2px; color:#fff; text-transform:uppercase; font-size:90%; text-decoration:none; margin-bottom:10px} #contHolder .event a:hover {background:#000} .eventsRow {float:left; width:100%} .eventLeft {float:left; width:340px} .eventRight {float:right; width:86px; text-align:right} /*- paging--------------------------- */ #contHolder .pagingWrap .prev, .btn {background-repeat: no-repeat;background-position: left center;padding: 4px 6px 0px 0px; font-size:80%; text-transform:uppercase} #contHolder .pagingWrap .prev:link, .prev {background-image: url('images/btn_prev.gif');color: #818587; text-decoration:none} #contHolder .pagingWrap .prev:hover {background-image: url('images/btn_prev2_on.gif');color: #000;} #contHolder .pagingWrap .next {background-repeat: no-repeat;background-position: right center;padding: 4px 0px 0px 6px; font-size:80%; text-transform: uppercase} #contHolder .pagingWrap .next:link, .next {background-image: url('images/btn_next.gif');color: #818587; text-decoration:none} #contHolder .pagingWrap .next:hover {background-image: url('images/btn_next2_on.gif');color: #000;} #contHolder .pagingWrap a.no:link, a.no {padding: 0px 2px 0px 2px;border: 1px solid #000; background-color: #fff; color:#000; font-size:90%; text-decoration:none} #contHolder .pagingWrap a.no:visited {color: #fff; background-color: #000} #contHolder .pagingWrap a.no:hover {color: #fff; background-color: #888} #contHolder .pagingWrap {float:left; padding: 5px 0px; width:100%; text-align:right; text-decoration:none} /*- events rightnav--------------------------- */ #rightEventsWrap {float:left; width:224px; padding:17px 0px 17px 6px} .calendarHolder {float:left; margin-bottom:10px} #rightEventsWrap h2 { font-size:100%; text-transform:uppercase; padding-left:6px} #rightEventsWrap h3 { font-size:100%; text-transform:uppercase; padding-left:6px} #rightEventsWrap ul {padding-left:6px} #rightEventsWrap ul li { list-style-type:square} #rightEventsWrap ul li a { font-size:110%; text-decoration:none} #rightEventsWrap ul li a:hover {color:#ff5700} /*- news--------------------------- */ #articleWrap {float:left; width:100%} #contHolder .article {float:left; width:100%; border-bottom:1px solid #687680; padding:10px 0} #contHolder .story img {float:right; width:140px; padding:0px 0px 10px 10px} #contHolder .story p { line-height:15px} .story {float:left; width:100%} #contHolder .article h2 { font-size:160%; padding-bottom:8px} #contHolder .article h3{ font-size:100%; font-weight:bold; padding-bottom:0px} #contHolder .article h4{ font-size:100%; font-weight:bold; text-transform:uppercase} #contHolder .article h5 { font-size:100%; font-weight:bold} #contHolder .article a {display:block; width:15%; text-align:center; background:#78a2c2; border:1px solid #fff; padding:2px; color:#fff; text-transform:uppercase; font-size:90%; text-decoration:none} #contHolder .article a:hover {background:#000} /*- news rightnav--------------------------- */ #rightColWrap .otherNews {float:left; width:100%; border-bottom: dotted 1px #6f7981; padding-top:10px} #rightColWrap .otherNews p {line-height:15px} #rightColWrap h2 { font-size:100%; text-transform:uppercase; padding-bottom:0px} #rightColWrap .otherNews h3 { font-size:100%; text-transform:uppercase; padding-bottom:0px} #rightColWrap .otherNews h4 { font-size:100%; text-transform:uppercase; padding-bottom:0px} #rightColWrap .otherNews a { text-transform:uppercase; font-size:80%} #rightColWrap .archive {float:left; background:#78a2c2 url('images/newsIcon.gif') left top no-repeat; margin-top:10px; width:100%} #rightColWrap .archive a {display:block; font-weight:bold; padding:20px 0 20px 25%; width:50%; color:#fff; text-decoration:none; text-transform:uppercase; background: url('images/accountArras.gif') right no-repeat} #rightColWrap .archive a:hover {color:#000; background: url('images/accountArrasOn.gif') right no-repeat} /*- archive--------------------------- */ #midFullWrap {float:left; background:#c4e0f3; width:661px; min-height:610px; padding:20px 25px;} .archiveWrap {float:left; width:100%; border-bottom:1px solid #687680} .archLeft {float:left; width:48%} .archRight {float:right; width:50%} .archTxt {float:left; width:494px; padding:10px 0} .archImg {float:right; width:167px; text-align:right; padding:20px 0 0 0} #contHolder #midFullWrap h1 {padding-bottom:5px; margin-bottom:0;} #contHolder .archTxt h2 { font-size:160%; padding-bottom:0px; margin-bottom:0;} #contHolder .archTxt h3{ font-size:100%; font-weight:bold; padding-bottom:0px} #contHolder .archTxt h4{ font-size:100%; font-weight:bold; text-transform:uppercase} #contHolder .archTxt h5 { font-size:100%; font-weight:bold} #contHolder .archTxt p { line-height:15px} #contHolder .archTxt a {display:block; width:15%; text-align:center; background:#78a2c2; border:1px solid #fff; padding:2px; color:#fff; text-transform:uppercase; font-size:90%; text-decoration:none} #contHolder .archTxt a:hover {background:#000} .noborder {border:0} /*- contact--------------------------- */ #contact {display: block; margin:10px 0px 0px 0px;padding: 0px;width: 450px} .emailine{float:left; display: block; width: 100%;margin: 0px;padding: 0px 0px 6px 0px;} .contactleft{float: left;width: 110px;margin: 5px 0px 0px 0px;padding: 0px;font-size: 120%} .contactright{float: right;width: 300px; margin: 5px 0px 0px 0px; padding: 0px;} .contactright .textbox{font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 110%;background-color: #fff;border: 1px solid #999999;color: #000;margin: 0px 0px 5px 0px;padding: 2px 0px 2px 0px;} .eRow {float:left} .submit {font-size: 110%; border:1px solid #000; padding:3px} /* mouse over links for footer logos */ /*- Bottom logos--------------------------- */ #logosWrap {float:left; width:881px; text-align:center; background:#fff; padding: 10px 0px 0px 90px;} #logosWrap ul { list-style-type:none} #logosWrap li { display:inline; } #logosWrap li .businessLink {display:block; background:url('images/logos_01.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.businessLink {background:url('images/logos_01On.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li .sfedi {display:block; background:url('images/logos_02.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.sfedi {background:url('images/logos_02On.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li .matrix {display:block; background:url('images/logos_03.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.matrix {background:url('images/logos_03On.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li .direct {display:block; background:url('images/logos_04.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.direct {background:url('images/logos_04.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li .customerfirst {display:block; background:url('images/logos_05.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.customerfirst {background:url('images/logos_05On.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li .nfea {display:block; background:url('images/logos_06.gif') no-repeat; float:left; height:87px; width:110px;padding-right:10px} #logosWrap li a:hover.nfea {background:url('images/logos_06On.gif') no-repeat; float:left; height:87px; width:110px;padding-right:10px} #logosWrap li .enterprising {display:block; background:url('images/logos_07.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.enterprising {background:url('images/logos_07On.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li .prowess {display:block; background:url('images/logos_08.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px} #logosWrap li a:hover.prowess {background:url('images/logos_08On.gif') no-repeat; float:left; height:87px; width:87px;padding-right:10px}