/* CCCglobal - css for the CCC site */ /* Basic styles -

etc */ body, h1, h2, h3, h4, h5, h6, p, ul, form, blockquote { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6, pre, code { font-size: 16px; } h1 { font-size: 23px; padding: 10px 0 5px 0; } h2 { font-size: 20px; padding-top: 10px; padding-bottom: 10px; } h3 { font-size: 16px; padding-left: 10px; } h4 { font-size: 12px; padding-left: 10px; } .h14 { font-size: 14px; } .h12 { font-size: 12px; } .bld { font-weight: bold; } hr { color: #c64141; } th { color: #c64141; } body { font: 75% Arial, Helvetica, sans-serif; font-weight: bold; color: #c64141; background-color: #c1cecd; } .b457 { margin: auto; width: 461px; } .b457 img { border-bottom: 2px solid #900; } .b595 { margin: auto; width: 599px; } .b595 img { border-bottom: 2px solid #900; } p { font-size: 16px; font-weight: bold; padding: 0px 10px 10px 10px; } a { color: #c64141; } a:hover { color: #b00; background: #a9a9a9; } #wrapper { /* wrapper for main non-scroll pages */ width: 930px; height: 515px; border: ridge 7px #900; margin: auto; } /* Google Chrome, Firefox 8+, and Internet Explorer 9+ removed the status bar, tips now may covers links and other critical components; wrapperNew enlargex the page,

provides a status bar

(syntax, copied from w3schools) */ #wrapperNew { /* wrapper for main non-scroll pages */ width: 930px; height: 530px; border: ridge 7px #900; margin: auto; } .statLine { position: absolute; top: 517px; } .statText { position: absolute; top: 518px; } /* end wrapperNew */ #wrapper-orig { /* wrapper for main non-scroll pages - original */ width: 930px; height: 515px; border: solid 2px #900; margin: auto; } #wrapper-bg { /* wrapper-big for main-type but scrolling pages */ width: auto; /* (separating from -lg, in process, started 4/10/2011) */ height: auto; border: ridge 7px #900; margin: auto; } #wrapper-lg, #wrapper-lgslides { /* wrapper-large primarily for javascript photo pages */ width: auto; /* ( -lgslides is being phased out as they are found) */ height: auto; border: solid 2px #900; margin: auto; } #wrapper-u12slides { width: 950px; height: 632px; border: solid 2px #900; margin: auto; } #wrapper-u95slides { width: 950px; height: 600px; border: solid 2px #900; margin: auto; } #wrapper-500 { width: auto; margin: auto; height: 500px; border: solid 2px #900; } #wrapper-dhp { width: 900px; height: 600px; border: solid 2px #900; margin: auto; } #wrapper8x6 { width: 800px; height: 600px; border: solid 2px #900; } #wrapper-lgslides table { width: 98%; } #wrapper-lgslides td { font-size: 16px; } #wrapper-lgslides td img {border: none; } #wrapper-lgslides a {text-decoration: none; } /* navigation links */ /* Nav definitions - 7 main pages - includes email link */ body#home a#homeLink, body#vms a#vmsLink, body#web a#webLink, body#net a#netLink, body#us a#usLink, body#site a#siteLink, body#cc a#ccLink { padding-right: 10px; background: url(images/star.jpg) no-repeat left center; } .home { display: block; background: url(images/home.png) no-repeat; background-position: 8px; } #Nav { float: right; width: 19%; font-weight: bold; } #Nav ul { width: 100%; list-style: none; font-size: 13px; } #Nav a { text-decoration: none; padding: 1px 0 2px 25px; display: block; border-width: 4px; border-style: solid; border-top-color: #e5e5e5; border-right-color: #666; border-bottom-color: #666; border-left-color: #ddd; } #Nav a:hover { background: #a9a9a9 url(images/redR.gif) no-repeat left center; } .email { display: block; background: url(images/email.gif) no-repeat; background-position: 8px; } .mck { margin-left: -14px; } /* Color Country Page navigation styles */ .anyMenu { position: absolute; top: 487px; margin-left: 5px; } .newMenu { padding-top: 5px; } .ccMenu { text-decoration: none; padding: 2px; font-size: 14px; border-width: 4px; border-style: solid; border-top-color: #e5e5e5; border-right-color: #666; border-bottom-color: #666; border-left-color: #ddd; } .ccMenu { text-decoration: none; padding: 2px; font-size: 14px; border-width: 4px; border-style: solid; border-top-color: #e5e5e5; border-right-color: #666; border-bottom-color: #666; border-left-color: #ddd; } /* html buttons */ .button { font-size: 14px; height: 20px; margin: 5px 20px 10px 0; } .button a { padding: 2px 10px 2px 10px; text-decoration: none; border-width: 4px; border-style: solid; border-top-color: #e5e5e5; border-right-color: #666; border-bottom-color: #666; border-left-color: #ddd; } .button a:hover { color: #900; background: #a9a9a9; } .bgc.button a { /* background color for transparent buttons over colored elements */ background-color: #c1cecd; } .bgc.button a:hover { color: #900; background: #a9a9a9; } .nbc { /* reverse of above, for transition in button background color */ background-color: transparent; } .tdu { text-decoration: underline; } /* for links inside slides */ .tdb { background-color: #b6b6b6; } /* highlight for popup links */ /* form buttons */ input.btn { color: #c64141; font-size: 14px; font-weight: bold; padding-left: 20px; padding-right: 20px; padding-bottom: 2px; background-color: #c1cecd; text-decoration: none; border-width: 4px; border-style: solid; border-top-color: #e5e5e5; border-right-color: #666; border-bottom-color: #666; border-left-color: #ddd; } input.btnhov { color: #b00; background: #a9a9a9; } /* alternate navigation buttons/boxes */ .linkBox { font-size: 14px; } .linkBox a { border: 1px solid #c64141; background: #c1cecd; padding: 3px 10px 3px 10px; } .viewBox { font-size: 14px; } .viewBox a { border: 1px solid #c64141; background: #c1cecd; padding: 5px 10px 3px 10px; } .viewBox a:hover { background: #b6b6b6; } .slideBox { font-size: 14px; } .slideBox a { text-decoration: none; border: 1px solid #c64141; background-color: #b6b6b6; padding: 3px 10px 3px 10px; } .slideBox a:hover { background: #a9a9a9; } .slideboxb { border: 1px solid #c64141; background-color: #b6b6b6; padding: 3px 10px 3px 10px; } .infoBox { font-size: 14px; border: 1px solid #c64141; background: #c1cecd; padding: 5px 5px 3px 5px; } /* pop-up boxes */ .pUp { margin-top: -6px; font-size: 14px; } .ut12Box,.ut12Box2,.ut12Box3 { font-size: 12px; } .ut12Box2 { position: absolute; top: 455px; left: 16px; } .ut12Box3 { position: absolute; top: 455px; left: 727px; } .ut12Box a,.ut12Box2 a,.ut12Box3 a { text-decoration: none; border: 1px solid #c64141; background-color: #b6b6b6; padding: 2px 6px 2px 6px; } .ut12Box-tdb { /* with background for text-only boxes */ font-size: 13px; border: 1px solid #c64141; background-color: #b6b6b6; padding: 2px 6px 2px 6px; } .gb { background-repeat: no-repeat; background-position: 10px; background-image: url('/images/green_left_arrow.jpg'); } input.btnhov { color: #b00; background: #a9a9a9; } input.btnhov-gb { color: #b00; background: #a9a9a9; background-repeat: no-repeat; background-position: 10px; background-image: url('/images/green_left_arrow.jpg'); } /* styles for images */ img { border: none; } .imgbdr { border: solid 2px #c64141; } .it2 { border-top: solid 2px #900; } .imgbdr-l { border-left: solid 2px #900; } .imgbdr-r { border-right: solid 2px #900; } .imgbdr-lr { border-left: solid 2px #c64141; border-right: solid 2px #c64141; } .ib2 { border-bottom: 2px solid #900; } #BannerPix { border-bottom: solid 2px #900; width: 100%; } #caption { width: 80%; font-size: 12px; padding-left: 10px; border-bottom: 1px solid #900; } #caption2 { padding-left: 10px; border-bottom: 1px solid #900; } #caption3 { /* no padding - assumed it will be centered in code */ font-size: 16px; border-bottom: 1px solid #900; } /* panorama scrolling */ .panHorz { overflow-x:auto; overflow-y:hidden;} .panVert { overflow-y:auto; overflow-x:hidden;} /* specific element styles */ #main textarea { /* 2 definitions for email form */ font-size: 16px; font-weight: bold; color: #c64141; } #main input { font-size: 16px; font-weight: bold; color: #c64141; } #home-main h1 { font-size: 32px; padding: 25px 0 12px 0; } #home-main h2 { padding: 5px 0 27px 0; } .emphasize { font-style: italic; } .hikehd { text-align: center; margin-top: 3px; } .dec-off { text-decoration: none; } /* positioning */ .button.pos { position: absolute; top: 492px; margin-left: 427px; } .button.pos-td { position: absolute; top: 489px; } /*.div-pos to be completed when needed */ .div-pos-td { position: absolute; top: 575px; margin-left: 10px; } .tblpos { /* button table position in wrapper pages */ position: absolute; top: 489px; left: 20px; } table#w400 { text-align: center; width: 400px; } table#w680 { text-align: center; width: 680px; } table#w780 { text-align: center; width: 780px; } table#w800 { text-align: center; width: 800px; } table#w840 { text-align: center; width: 840px; } table#w840-7 { text-align: center; width: 840px; margin-left: 7px; } table#w890 { text-align: center; width: 890px; } table#w920 { text-align: center; width: 920px; } table#w920 td { font-size: 14px; } table#w920 td a { text-decoration: none; } table#w980 { text-align: center; width: 980px; } table#t-12 a:hover { background: #c1cecd; } .leftFloat { float: left; } .rightFloat { float: right; } .rel { position: relative; } .pt10 { padding-top: 10px; } .pt3 { padding-top: 3px; } .ml5 { margin-left: 5px; } /* M L 5 */ .ml47 { margin-left: 47px; } /* White Canyon Black Hole, 12 occurrences */ .ml10 { margin-left: 10px; } /* ditto */ .ml15 { margin-left: 15px; } /* ditto */ .ml20 { margin-left: 20px; } /* ditto */ .ml35 { margin-left: 35px; } /* ditto */ .ml50 { margin-left: 50px; } /* ditto */ .ml60 { margin-left: 60px; } /* ditto */ .ml75 { margin-left: 75px; } /* ditto */ .ml100 { margin-left: 100px; } /* ditto */ .ml150 { margin-left: 150px; } /* ditto */ .ml250 { margin-left: 250px; } /* ditto */ .ml200 { margin-left: 200px; } /* ditto */ .mt-80 { margin-top: -80px; } .mt-70 { margin-top: -70px; } .mt-60 { margin-top: -60px; } .mt-45 { margin-top: -45px; } .mt-40 { margin-top: -40px; } .mt-35 { margin-top: -35px; } .mt-30 { margin-top: -30px; } .mt-25 { margin-top: -25px; } .mt-20 { margin-top: -20px; } .mt-15 { margin-top: -15px; } .mt-10 { margin-top: -10px; } .mt-8 { margin-top: -8px; } .mt-6 { margin-top: -6px; } .mt-4 { margin-top: -4px; } .mt-0 { margin-top: -0px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px; } .mt7 { margin-top: 7px; } .mt10 { margin-top: 10px; } .mt12 { margin-top: 12px; } .mt15 { margin-top: 15px; } .mt40 { margin-top: 40px; } .mt180 { margin-top: 157px; } .mb-5 { margin-bottom: -5px; } .mb-10 { margin-bottom:-10px; } .mb-15 { margin-bottom:-15px; } .mb3 { margin-bottom: 3px; } .mb6 { margin-bottom: 6px; } .mb8 { margin-bottom: 8px; } .mb10 { margin-bottom: 10px; } .mb12 { margin-bottom: 12px; } .mb15 { margin-bottom: 15px; } .mb25 { margin-bottom: 25px; } .mb32 { margin-bottom: 32px; } .mb50 { margin-bottom: 50px; } .mr10 { margin-right: 10px; } .mr20 { margin-right: 20px; } .mr50 { margin-right: 50px; } .w50 { width: 50px; } .w70 { width: 70px; } .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w250 { width: 250px; } .w300 { width: 300px; } .w350 { width: 350px; } .w400 { width: 400px; } .w450 { width: 450px; } .w480 { width: 480px; } .w500 { width: 500px; } .cath { position: absolute; top: 585px; left: 665px; } /* Cathedral Canyon */ .face { position: absolute; top: 455px; left: 685px; } /* Face Canyon */ .burrwpkt { position: absolute; top: 580px; left: 130px; } /* Burr/Waterpocket */ .mrblcyn { position: absolute; top: 615px; left: 110px; } /* Burr/Waterpocket */ .coconf { position: absolute; top: 595px; left: 390px; } /* COLtlCO Confluence */ .coba { position: absolute; top: 630px; left: 395px; } /* Grand-Bright Angel */ .ut12a { position: absolute; top: 623px; left: 650px; } .ut12b { position: absolute; top: 628px; left: 390px; } .gnsp { position: absolute; top: 325px; left: 775px; } .gnge { position: absolute; top: 630px; left: 650px; } .earth-c { position: absolute; top: 585px; left: 360px; } /* centered under © on 620+px win */ .ecg { position: absolute; top: 580px; left: 45px; } /* escalante canyongs geology */ .vrg { position: absolute; top: 490px; left: 520px; } .button-sat1 { position: absolute; top: 60px; left: 20px; } /* NASA satellite b-1 */ .button-sat2 { position: absolute; top: 100px; left: 20px; } /* NASA satellite b-2 */ .button-sat3 { position: absolute; top: 20px; left: 20px; } /* NASA satellite b-3 */ .sp75 { margin-left: 75px; } .sp100 { margin-left: 100px; } .sp150 { margin-left: 150px; } .sp200 { margin-left: 200px; } .postop { position: absolute; top: 180px; } /* Standardizing popup boxes - with the new javascript pages we need a lot of them, starting with Scenic U95 - will take time for site-wide migration WOULD NOT LET ME DO 20, so I split it in half, and now it works........ */ #popUp0,#popUp1,#popUp2,#popUp3,#popUp4,#popUp5,#popUp6,#popUp7,#popUp8,#popUp9 { background: #c1cecd; font-size: 14px; color: #c64141; padding: 2px 6px 3px 6px; position: absolute; visibility: hidden; border: 2px solid #900; } #popUp10,#popUp11,#popUp12,#popUp13,#popUp14,#popUp15,#popUp16,#popUp17,#popUp18,#popUp19 { background: #c1cecd; font-size: 14px; color: #c64141; padding: 2px 6px 3px 6px; position: absolute; visibility: hidden; border: 2px solid #900; } #compPt,#compPt0,#compPt1,#compPt2,#compPt3,#compPt4 { /* Compass Point, used in Scenic U-12 - and elsewhere */ background: #c1cecd; color: #c64141; position: absolute; top: 450px; left: 50px; z-index: 2; visibility: hidden; width: 470px; padding: 10px; margin: 10px; border: 2px solid #900; } #slickRk,#slickRk1 { /* Slickrock definition, used in Scenic U-12 - and elsewhere */ background: #c1cecd; color: #c64141; position: absolute; top: 390px; left: 350px; z-index: 2; visibility: hidden; width: 520px; padding: 10px; margin: 10px; border: 2px solid #900; } #ut12pUp,#ut12pUp2 { /* Scenic U-12 info box definition */ border: 1px solid #c64141; background: #d1d1d1; padding-top: 2px; padding-bottom: 9px; position: absolute; top: 436px; left: 325px; width: 463px; height: 26px; visibility: hidden; } #ut12pUp p,#ut12pUp2 p { font-size: 13px; color: #c64141; } #u95pUp,#u95pUp1,#u95pUp2 { position: absolute; top: 30px; left: 25px; visibility: hidden; } /* end of CCCGlobal.css */