/* Structure */ #home #wrapper { background-color: #fff; background-image: none; border-top: 1px solid #fff;height:100%;} #home #wrapper #gooey { background: transparent url(/img/wrapper_solid_bottom.gif) bottom left no-repeat; } #home #wrapper #content { padding-top:12px; padding-bottom:10px; width: 100%;height:100%;} #home #wrapper #shell { background-color: #fff; background-image: none; } #home #content { width: 950px; } /* Tabs - important styles to ensure accessibility in print */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } } @media print { .anchors { display: none; } } /* Tabs */ .eventListing{margin-top: 10px; padding-left: 20px;padding-right: 20px;} .eventListingHeader{width:309px;padding-right: 10px;} .homepage_events { width: 430px; float: left; padding-top: 25px; padding-right: 0; padding-bottom: 25px; padding-left: 13px; } .homepage_events p{ padding: 5px 0; line-height: 16px; color: #3C5768; } .welcomeText { color: #b5e8ff; margin-right: 30px; margin-left: 30px; text-align: left; padding-top: 100px; font-size: 10pt; } .welcomeTextAfter { color: #b5e8ff; margin-right: 30px; margin-left: 30px; text-align: left; padding-top: 10px; font-size: 10pt; } .registerNowText { color: #f1c323; margin-top: 15px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1pt #f1c323; border-top: solid 1pt #f1c323; width:400px; } .registerNowText a { color: #f1c323; text-decoration: none; } .home-icons{ padding-top: 10px; margin-right: 30px; margin-left: 30px; text-align: center; } .informationSet { border-top:1px solid #ccc; clear:both; } .fragment1,.fragment2,.fragment3,.fragment4,.fragment5 { height: 322px; width: 950px;} .fragment2,.fragment3,.fragment4,.fragment5 { display:none;} .anchors {list-style: none; margin: 0; padding: 0; height: 63px; width:955px;} .anchors li { margin: 0; float: left;} /* attaching active state to background of li for pre-loading */ .anchors .tab1 { background: url(../img/tab_hover_1.gif) top left no-repeat; width: 189px;} .anchors .tab2 { background: url(../img/tab_hover_2.gif) top left no-repeat; width: 189px;} .anchors .tab3 { background: url(../img/tab_hover_3.gif) top left no-repeat; width: 189px;} .anchors .tab4 { background: url(../img/tab_hover_4.gif) top left no-repeat; width: 190px;} .anchors .tab5 { background: url(../img/tab_hover_5.gif) top left no-repeat; width: 193px;} .anchors a {display: block; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000; height: 85px;} /* Tab Rollovers */ .anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(../img/tab_normal_1.gif) top left no-repeat; width: 189px; position:static;} .anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(../img/tab_normal_2.gif) top left no-repeat;width: 189px;position:static;} .anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(../img/tab_normal_3.gif) top left no-repeat;width: 189px;position:static;} .anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(../img/tab_normal_4.gif) top left no-repeat;width: 190px;position:static;} .anchors .tab5 a:link, .anchors .tab5 a:visited { background: url(../img/tab_normal_5.gif) top left no-repeat;width: 193px;position:static;} .anchors .tab1 a:hover { background: url(../img/tab_hover_1.gif) top left no-repeat; width: 189px; position:static;} .anchors .tab2 a:hover { background: url(../img/tab_hover_2.gif) top left no-repeat;width: 189px;position:static;} .anchors .tab3 a:hover { background: url(../img/tab_hover_3.gif) top left no-repeat;width: 189px;position:static;} .anchors .tab4 a:hover { background: url(../img/tab_hover_4.gif) top left no-repeat;width: 190px;position:static;} .anchors .tab5 a:hover { background: url(../img/tab_hover_5.gif) top left no-repeat;width: 193px;position:static;} /* Makes the text disappear */ .anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;} .anchors .tabOn1 { background: url(../img/tab_active_1.gif) top left no-repeat; width: 189px;} .anchors .tabOn2 { background: url(../img/tab_active_2.gif) top left no-repeat; width: 189px;} .anchors .tabOn3 { background: url(../img/tab_active_3.gif) top left no-repeat; width: 189px;} .anchors .tabOn4 { background: url(../img/tab_active_4.gif) top left no-repeat; width: 190px;} .anchors .tabOn5 { background: url(../img/tab_active_5.gif) top left no-repeat; width: 193px;} #container-1 { background: url(../img/home_banner_bg.jpg) top left no-repeat; width: 950px; padding: 0; margin: 0; min-height:322px; } #container-1 div{color: #fff;} #container-1 p{ padding-top: 10px; padding-bottom: 10px;} #section-1 .screenshot { float:right; margin-top:27px;} #section-1 .text { width: 382px; margin-top:27px;float:left;padding-left: 25px;} #section-2 .screenshot { float:right; margin-top:27px;} #section-2 .text { width: 382px; margin-top:27px;float:left;padding-left: 25px;} #section-3 .text {width: 432px; margin-top:27px;float:left;padding-left: 25px;} #section-3 .modules {width:370px;float:right;color:#fff; font-size:11px; padding-right:0px;margin-top:27px;margin-right:40px;} #section-3 .modules table td {vertical-align: top;} #section-3 .modules table td strong {font-weight: bold;color:#fff; display:block; text-shadow:0px 0px 0px #fff; font-size:13px; padding:0 0 5px 0;} #section-3 .modules table td em {font-style:normal; font-size:12px;color:#fff; padding:0 0 5px 0; } #section-3 .modules h3 {width:350px;margin: 0 5px 0 0; padding: 0 0 4px 0;color:#fff;font-size:14px; border-bottom:1px solid #578BD5;text-shadow:0 0 0 #fff;} #section-3 .modules .icon {float:left; margin-right:6px;} #section-4 .screenshot{ float:right; margin-top:27px;margin-right:40px;} #section-4 .text { width: 435px; margin-top:27px;float:left;padding-left: 25px;} #section-5 .pronet{ float:left; margin-top:24px; padding-left:20px; width:360px;} #section-5 .pronet a:link, #section-5 .pronet a:visited{padding:3px; background-color:#fff; border: 1px solid #293459;float:left; margin:0 0 10px 10px;display:block;} #section-5 .pronet a:hover{padding:3px; background-color: #C5DCE7; border: 1px solid #fff;float:left; margin:0 0 10px 10px;display:block;} #section-5 .text { width: 432px; padding: 40px 55px 0 0;float:right;} /* Headline Replacement */ #container-1 h2 span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;} #section-1 h2{ width: 422px; height: 83px; padding: 0; background: transparent url(../img/text_home_tab1.png) top left no-repeat; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; } #section-2 h2{ width: 426px; height: 63px; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding: 0; background: transparent url(../img/text_home_tab2.png) top left no-repeat;} #section-3 h2{ width: 426px; height: 93px; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding: 0; background: transparent url(../img/text_home_tab3.png) top left no-repeat;} #section-4 h2{ width: 426px; height: 93px; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding: 0; background: transparent url(../img/text_home_tab3.png) top left no-repeat;} #section-5 h2{ width: 475px; height: 93px; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding: 0; background: transparent url(../img/text_home_support.gif) top left no-repeat;} #section-2,#section-3,#section-4,#section-5 {display:none;}