/* Building Bridges /* URL /* Design & Code by Guy Jeffrey /* Code by Guy Jeffrey /* Sol Design www.sol.com.au /* Last modified: December, 2008 /* basics ----------------------------------------------- */ html, body, form, fieldset { margin: 0; padding: 0; } body { font-size: 76%; color: #3f3f3f; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #69737b; background-repeat: no-repeat; background-position: -1% 150px; text-align: left; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 90%; } .standardsAlert { display: none; } .clearleft { clear: left; } img { display: inline; } div.clearer {clear: both; line-height: 0; height: 0;} /* basic links ----------------------------------------------- */ a img {border: none; } .red {color: #c4122f;} .darkgrey {color: #3f3f3f;} /* layout ----------------------------------------------- */ #wrapper { width: 100%; margin: 0 auto; padding: 0; } #masthead { background-color: #c4122f; text-align: center; margin: 0 auto ; width: 100%; height: 130px; overflow: hidden; max-height: 130px; padding: 0; } #masthead h2 { margin: 0; padding-top: 15px; } #masthead h3 { color: #ffdd00; font-size: 1.3em; font-weight: normal; line-height: 1.1em; margin: 10px auto 0; padding: 0; text-align: center;} #banner { margin: 10px auto 20px 0; padding: 0; width: 900px; height: 128px; } #contentwrapper { background-color: #f1f2f3; background-image: url(../images/generation-next-logo.png); background-repeat: no-repeat; background-position: center bottom; margin: 0 auto; padding: 0; width: 100%; } #contentwrapperhome { background-color: #f1f2f3; background-image: url(../images/teens2.jpg); background-repeat: no-repeat; background-position: center bottom; margin: 0 auto; padding: 0; width: 100%; height: 700px; } #content { background-image: url('(EmptyReference!)'); text-align: center; margin: 0 auto; padding: 25px 0 0; width: 900px } #leftcolumn { text-align: left; display: inline; margin: 0; padding: 0 0 2em; width: 220px; float: left; overflow: visible; } #rightcolumn { background-repeat: no-repeat; background-position: left bottom; text-align: left; display: inline; margin: 0; padding: 0 0 2em; width: 680px; float: left; overflow: visible; } #rightfloat { display: inline; margin: 0; padding: 0 0 2em; width: 182px; float: right; overflow: visible; } #contentwrapper a:link, #contentwrapper a:visited { color: #f00; text-decoration: none; } #contentwrapper a:hover { color: #3f3f3f; text-decoration: underline; } #contentwrapper a:active { color: #48462b; text-decoration: none; } #content h1 { color: #3f3f3f; font-size: 2em; font-weight: normal; line-height: 1.1; margin-bottom: 20px; padding: 5px 0 5px 20px; border-top: 1px dashed #c4122f; border-bottom: 1px dashed #c4122f; } /* footer ----------------------------------------------- */ #footerwrapper { background-color: #69737b; background-image: url(../images/footergrad.png); background-repeat: repeat-x; background-position: 50% top; text-align: center; margin: 0 auto; padding-top: 5px; padding-bottom: 0; width: 100%; } #footer { background-repeat: no-repeat; width: 997px; height: 160px; margin: 0 auto; } #footer p { color: #b2b2b2; font-size: 1em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 1.2em; text-align: center; padding-top: 10px; } #footer a:link, #footer a:visited { color: #cdcdcd; text-decoration: none; border-style: none; } #footer a:hover { color: #fff; text-decoration: none; border-style: none; } #footer #basenav ul, ol, dl {position: relative; } #footer #basenav { background-image: none; margin: 0; width: 227px; float: left; padding: 10px 0 0; } #footer #basenav ul { margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left; } #footer #basenav ul li { float: left; margin: 0; padding: 0; } #footer #basenav ul li a { font-size: 9px; text-align: left; color: #999; font-style: normal; line-height: 13px; background-image: url(../images/footer-nav-tri.gif); background-repeat: no-repeat; background-position: left 0.3em; text-decoration: none; width: 120px; margin-left: 60px; padding-left: 10px; list-style-type: none; display: list-item; } #footer #basenav a:hover { text-decoration: underline; } #footer #basenav p { color: #999; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-align: left; margin: 0 0 7px 60px; padding: 0; } #homecol p { color: #48462b; font-size: 1em; line-height: 1.2em; text-align: left; margin-left: 4px; padding: 0 0 10px; } #homebox p { color: #48462b; font-size: 1em; line-height: 1.2em; text-align: left; margin-right: 10px; margin-left: 15px; padding: 0; } #homebox h2 { text-align: center; } #homecol a:link.external, #homecol a:visited.external { color: #009bb4; text-decoration: none; } #homecol a:hover.external, #homecol a:active.external { color: #00b7d5; text-decoration: underline; } #homecol a:link, #homecol a:visited, #homebox a:link, #homebox a:visited { color: #f00; text-decoration: none; } #homecol a:hover, #homebox a:hover { color: #3f3f3f; text-decoration: underline; } #homecol a:active, #homebox a:active { color: #48462b; text-decoration: none; } #homebox h1 { color: #48462b; font-size: 1em; line-height: 1.2em; text-align: left; margin-left: 4px; padding: 0 0 10px; } /* LeftNav */ #leftnav { background-repeat: no-repeat; background-position: left top; margin: 0; width: 220px; overflow: hidden; float: left; padding: 0 0 3em; } #leftnav ul#nav { margin: 0 0 0 4px; padding: 0; list-style-type: none; text-align: left; } #leftnav ul#nav li { float: left; ont-size: 1.2em; font-weight: bold; line-height: 1.8em; text-align: left; color: #3f3f3f; font-size: 1.2em; font-style: normal; text-decoration: none; width: 180px; display: block; } #leftnav ul#nav li a { font-size: 1.2em; font-weight: bold; line-height: 1.8em; text-align: left; color: #3f3f3f; font-style: normal; text-decoration: none; width: 180px; padding-left: 25px; display: block; } #leftnav ul#nav a.here { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 25px; } #leftnav ul#nav a.here:hover { text-decoration: none; } #leftnav ul#nav a:hover { text-decoration: underline; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: left 50%; padding-left: 25px; } /* LeftNav Subnav*/ #leftnav ul#nav ul#subnav { padding: 0; margin: 0; overflow: visible; list-style-type: none;} #leftnav ul#nav ul#subnav li { color: #dbdbdb; width: 200px; float: left; } #leftnav ul#nav ul#subnav li.subhere { color: #c4122f; background-image: url(../images/arrow-red.gif); background-repeat: no-repeat; background-position: 25px 8px; float: left; } #leftnav ul#nav ul#subnav li.subhere a { color: #c4122f; background-image: url(../images/subnav_bg.png); _background-image: url(../images/subnav_bg.gif); background-repeat: repeat-y; } #leftnav ul#nav ul#subnav li a { font-size: 12px; font-weight: bold; line-height: 2.2em; text-align: left; color: #3f3f3f; font-style: normal; background-image: url(../images/arrow-grey.gif); background-repeat: no-repeat; background-position: 25px 8px; text-decoration: none; margin-left: 0; padding-left: 40px; display: block; } #leftnav ul#nav ul#subnav a:hover { color: #6d6d6d; text-decoration: underline; } #leftnav ul#nav ul#subnav li.subhere a:hover { text-decoration: none; } #leftnav p { font-size: 1em; text-align: left; padding: 0 0 0 29px; } #leftnav h4 { font-size: 1em; text-align: left; margin-top: 0; margin-bottom: 5px; padding: 20px 0 0; } #leftnav p .smalltext { color: #4c4c4c; font-size: 0.9em; line-height: 1.1em; text-align: left; padding: 0; } #leftnav p.intro { color: #555; font-size: 1em; font-weight: bold; line-height: 1.6em; text-align: left; padding: 0 0 10px 4px; } #leftnav a:link, #leftnav a:visited { color: #057fac; text-decoration: none; } #leftnav a:hover { color: #07a8e4; text-decoration: none; } #leftnav a:active { color: #48462b; text-decoration: none; } #leftnav ul#pdf { text-align: left; width: 380; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding: 0; list-style-type: disc; } #leftnav ul#pdf li { color: #4c4c4c; font-size: 1em; line-height: 1.3em; background-image: url(../images/file-pdf.png); background-repeat: no-repeat; background-position: left 0; list-style-type: none; margin-left: 0; padding-top: 2px; padding-bottom: 5px; padding-left: 25px; } /* Right Column ----------------------------------------------- */ #rightcolumn p { color: #4c4c4c; font-size: 1em; line-height: 1.4em; text-align: left; padding: 0 0 10px; } #rightcolumn p.intro { color: #4c4c4c; font-size: 1.2em; line-height: 1.5em; text-align: left; padding: 0 50px 15px 0; } #rightcolumn p.quotes { color: #4c4c4c; font-size: 1em; font-style: italic; line-height: 1.5em; text-align: left; padding: 0 100px 15px 0; } #rightcolumn p.smalltext { color: #4c4c4c; font-size: 0.9em; line-height: 1.1em; text-align: left; padding: 0 50px 10px 20px; } #rightcolumn p.small { color: #4c4c4c; font-size: 0.9em; line-height: 1.1em; text-align: left; padding: 10px 50px 10px 0; } #rightcolumn h1 { color: #3f3f3f; font-size: 2em; font-weight: normal; line-height: 1.1; margin-bottom: 20px; padding: 5px 0 5px 0; border-top: 1px dashed #ebebeb; border-bottom: 1px dashed #ebebeb; } #rightcolumn h2 { color: #c4122f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; padding: 20px 0 0.5em; } #rightcolumn h2.speaker { color: #c4122f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; padding: 40px 0 0; } #rightcolumn h2.speaker1 { color: #c4122f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; padding: 0 0 0; } #rightcolumn h2.pageheads { color: #c4122f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; padding: 0 0 0; } #rightcolumn h2.event { color: #c4122f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; margin-top: 20px; padding: 20px 0 0; border-top: 1px dotted #3f3f3f; } #rightcolumn h2.register { color: #c4122f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; padding: 1em 0; } #rightcolumn h2.seminar { color: #3f3f3f; font-size: 1.7em; font-weight: normal; line-height: 1.3em; padding: 0 0 0; } #rightcolumn h3 { color: #c4122f; font-size: 1.2em; font-weight: bold; line-height: 1.2em; padding: 1em 0 0; } #rightcolumn h3.qual { color: #c4122f; font-size: 1.2em; font-weight: bold; line-height: 1.2em; padding: 0 0 1em; } #rightcolumn h4 { color: #c4122f; font-size: 1em; font-weight: bold; line-height: 1.1; padding: 0 0 0.3em; } #rightcolumn h6 { color: #3f3f3f; font-size: 1em; font-weight: bold; line-height: 1.3em; padding: 1em 0 0.3em 0; } #rightcolumn h5 { color: #4c4c4c; font-size: 1em; line-height: 1.5em; padding: 10px 0 0; } #rightcolumn tt { color: #f00; } #rightcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 40px; list-style-type: decimal; } #rightcolumn ol li { color: #4c4c4c; font-size: 1.1em; padding-top: 7px; padding-bottom: 7px; } #rightcolumn ul { text-align: left; width: 380; margin-top: 0; margin-bottom: 10px; margin-left: 20px; padding: 0; list-style-type: disc; } #rightcolumn ul li { color: #4c4c4c; font-size: 1em; line-height: 1.3em; background-image: url(../images/tri-grey.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 10px; margin-left: 0; padding-bottom: 5px; list-style-type: none; } #rightcolumn ul li.pdf { color: #4c4c4c; font-size: 1em; line-height: 1.3em; background-image: url(../images/file-pdf.png); background-repeat: no-repeat; background-position: left 0; list-style-type: none; margin-left: 0; padding-top: 2px; padding-bottom: 5px; padding-left: 25px; } #rightcolumn ul li.vtriangle { font-weight: normal; background: url(../images/vtriangle.gif) no-repeat left 2px; margin-bottom: 4px; margin-left: -15px; padding-left: 15px; display: inline; } #rightcolumn a:link, #rightcolumn a:visited { color: #005daa; text-decoration: none; } #rightcolumn a:hover { color: #c4122f; text-decoration: underline; } #rightcolumn a:active { color: #f00; text-decoration: none; } /* Breadcrumb ----------------------------------------------- */ #breadcrumb { margin: 0; width: 519px; height: 50px ; padding: 0; } #rightcolumn #backtotop { margin: 5px 0 10px 20px; width: 480px; height: 20px; border-bottom: 3px solid #ebebeb; } #rightcolumn #backtotop ul { margin: 0; padding: 0; } #rightcolumn #backtotop ul li { font-weight: normal; background: url(../images/v-tri-blue.gif) no-repeat left 3px; margin-top: 5px; margin-bottom: 5px; margin-left: 0; padding-bottom: 5px; padding-left: 15px; display: inline; } #rightcolumn #breadcrumb p { color: #aaa; font-size: 0.9em; font-family: Arial, Verdana, Helvetica; line-height: 1.5; margin: 0 0 0 20px; padding: 0; } #rightcolumn #breadcrumb a {white-space:nowrap;} #rightcolumn #breadcrumb a:link, #rightcolumn #breadcrumb a:visited { color: #057fac; font-weight: normal; } #rightcolumn #breadcrumb a:hover { color: #3f3f3f; text-decoration: none; } #rightcolumn #breadcrumb a:active { color: #008bcf; } /* Images ----------------------------------------------- */ img.homelink { text-decoration: none; margin-top: 13px; margin-bottom: 5px; border: 0; } img.registerbutton{ display: block; margin: 0; float: right; padding: 15px 0 10px 15px; } img.thumb { margin-right: 10px; margin-bottom: 10px; border: solid 1px #7b7b7b; } img.thumb2 { margin-right: 10px; margin-bottom: 10px; } img.homeimage { margin-left: 1px; border: 0; } img.padded { margin-top: 15px; margin-bottom: 15px; border: 0; } img.buytickets { width: 125px; height: 49px; margin: 20px 0 10px 29px; border: 0; } img.brochure { margin: 20px 0 10px 29px; border: 0; } img.captioned { margin-bottom: 15px; border: 0; } img.sponsor { margin-top: -10px; margin-right: 15px; float: left; border: 0; } img.sponsordeep { margin-top: 0; margin-right: 15px; float: left; margin-bottom: 40px; border: 0; } img.left { margin-top: 0; margin-right: 15px; float: left; border: 0; } img.leftpaddeddown { margin-top: 0; margin-right: 15px; float: left; margin-bottom: 20px; border: 0; } img.jibsforhire { margin-top: 0; margin-right: 0; float: left; margin-left: 5px; border: 0; } img.aftermarket { float: left; margin: 0 0 20px 5px; border: 0; } img.right { display: block; margin: 0; padding-top: 0; padding-left: 15px; float: right; padding-right: 0; } img.b-left { display: block; margin: 4px 15px 15px 0; padding: 0; float: left; border: solid 1px #7b7b7b } img.b-leftlong { display: block; margin: 4px 15px 40px 0; padding: 0; float: left; border: solid 1px #7b7b7b; } img.b-right { display: block; margin: 3px 0 0 15px; padding: 0; float: right; border: solid 1px #7b7b7b; } .thumb3 { float: left; display: inline; padding: 2px; margin: 5px;} img.border { padding: 0; margin: 10px 0; border: solid 1px #d0d0d0; } img.paddedlogo { padding: 0; margin: 20px 0 10px;} .grey { color: #999; } img.pullquote { float: left; margin-top: 5px; margin-right: 20px; margin-bottom: 20px; } /* Forms & Tables ----------------------------------------------- */ #specs { vertical-align: top; width: 440px; margin-top: 10px; margin-bottom: 20px; margin-left: 20px; padding: 0; } #specs td { color: #3f3f3f; font-size: 1em; font-weight: normal; font-style: normal; line-height: 1.5em; background-color: #a4cdd7; text-align: center; padding: 3px 0; } #specs td.even { color: #3f3f3f; font-size: 1em; font-style: normal; font-weight: normal; line-height: 1.5em; background-color: #fff; text-align: center; padding: 3px 0; } #specs td.top { color: #fff; font-size: 1em; font-style: normal; font-weight: normal; line-height: 1.5em; background-color: #3f3f3f; background-image: url(../images/redgrad.png); text-align: center; padding: 3px 0; } #captionedtable { margin-bottom: 20px; padding: 0; width: 320px; float: right; vertical-align: top; } #captionedtable td { color: #366; font-size: 1.15em; font-style: normal; font-weight: normal; line-height: 1.5em; text-align: center; padding: 20px 0 0; } #basic { margin-bottom: 10px; margin-left: 20px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; } #basic td { color: #3f3f3f; font-size: 1em; text-align: center; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #basic th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #program { width: 100%; margin-bottom: 20px; margin-left: 0; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; } #program tr.odd { background-color: #fff; } #program tr { background-color: #fff; } #program td { color: #3f3f3f; font-size: 1em; background-image: url(../images/cellgrad.png); background-position: 50% bottom; text-align: left; height: auto; padding: 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #program td.ctr { color: #3f3f3f; font-size: 1em; background-image: url(../images/cellgrad.png); text-align: center; padding: 0 8px; height: auto; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #program th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: left; padding: 5px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #program th.ctr { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 5px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } .forminput { background-color: #fff; border-color: #ebebeb; border-width: 1px; } .formtextbox { background-color: #fff; width: 250px; border-width: 1px; border-color: #ebebeb; } .formtextarea { background-color: #fff; width: 250px; height: 100px; border-width: 1px; border-color: #a5a5a5; } #formtable { margin-bottom: 10px; } #formtable td { padding-right: 20px; padding-left: 0; } #formtable th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } /* Lightbox ----------------------------------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }