New cascading style steet for CCT Filename: cct_css.css Supporting Files:cctdates.htm; index.htm; cctjaguar2.htm; cctvolcanos2.htm, cctcorners.htm, cctburro1.htm, ccthiking_itin.htm, cctbackpacks.htm, ccthike.htm, cctforms.htm, ccthiking.htm, indexA.htm, cctlinkspage.htm, cctdepartures.htm body {margin: 10px; background: silver} #outer_container {width: 220px} p:first-line {font-weight: 700} #firstp:first-line {font-variant: small-caps} #firstp:first-letter {float: left; font-size: 400%; line-height: 0.8; margin: 0px 5px 0px 0px; font-family: 'Times New Roman', serif; color: orange; background: white; text-shadow: black 1px 2px} #intro h1 {background-color: black; font-weight: bold; font-size: 30; text-align: center; letter-spacing: 4px; margin: 0px; padding: 0px 0px 5px 10px} /* #dates {position: absolute; top: 570px; left: 0px; width: 220px; background: url(batopilasrider2.jpg) no-repeat; height: 480} #dates h1 {background-color: orange; font-weight: bold; font-size: 18; letter-spacing: 5px; margin: 0px; padding: 0px 0px 5px 10px} #dates h2 {font-size: 16px; text-align: center; margin: 0px 0px 2px 0px; letter-spacing: 5px} */ /*** Below is CSS code for the DatesPages linked from the Main Menu Sidebar ***/ #head {position: relative; top: 30px; left: 0px; width: 220px; background: url(batopilasrider2.jpg) no-repeat; height: 550} #head h1 {position: relative; top: -30px; left: 0px; width: 220px; text-align: left; background-color: orange; font-weight: bold; font-size: 18px; letter-spacing: 2px; margin: 0px; padding: 0px 0px 15px 10px} #links {float: left; width: 220px} #links ul {list-style-type: none; margin-left: 15px; padding-left: 0px} #links li.newgroup {margin-top: 20px; font-size: 18 px; font-weight: bold; color: white; text-decoration: none; text-shadow: black 1px 1px} #links li.subgroup {margin-left: 10px} #links a {color: white; text-decoration: none} #links a:hover {color: red; background-color: white; text-decoration: overline underline} /*** Below is the CSS for index.htm updated November, 2009 ***/ #banner_heading {background: url(skirts.jpg); background-repeat: no-repeat; height: 115%} #title1 {font-size: 40px; font-weight: bold; position: absolute; top: 30px; left: 420px; font-family: times new roman, serif; text-align: center} #title1 a {color: orange; text-decoration: none} #title1 a:link {color: orange; text-decoration: none} #title1 a:hover {color: orange; text-decoration: underline} #title1 a:visited {color: red; text-decoration: none} #title2 {font-size: 25px; color: lightblue; position: absolute; top: 90px; left: 400px; text-align: center; font-style: italic} #table1 a {color: lightblue; text-decoration: none} #table1 a:hover {color: white; text-decoration: underline} /* #DEP {position: absolute; top: 240px; left: 20px; background: url(Diego&Val_Gpe.jpg) no-repeat; height: 270px; width: 400px; border-color: orange; border-style: groove} #DEP h1 {text-align: center; text-shadow: black 1px 1px; color: orange; font-weight: bold; font-size: 18px; letter-spacing: 2px; margin: 0px; padding: 0px 0px 15px 10px} */ #controlbar {position: absolute; top: 630px} #table2 {position: absolute; top: 630px; left: 450px} #promotion {font-size: 20px; font-weight: 900; position: absolute; top: 415px; left: 35px; text-align: center; text-shadow: black 1px 1px; black -1px -1px} #promotion a:active {color: orange; text-decoration: none} #promotion a:link {color: orange; text-decoration: none} #promotion a:hover {color: orange; text-decoration: none} #promotion a:visited {color: orange; text-decoration: none} /**** Below is the CSS for ccthike.htm updated November, 2011 ***/ #hikeintro {width: 1000px; background: url(THSnIgConf.JPG); no-repeat; height: 750px} #hikeintro h1 {background-color: black; color:#ff6600; font-weight: bold; font-size: 30px; text-align: center; letter-spacing: 5px; margin: 0px; padding: 0px 0px 5px 10px} #hikeintro h2 {background-color: black; color:#ff6600; position: absolute; top: 710px; left: 50px; font-weight: bold; font-size: 25px; font-family: times new roman, serif; text-align: center; text-color: orange; text-shadow: white 1px 1px; line-height: 1.2px; letter-spacing: 6px; margin: 0px; padding: 10px 20px 40px 20px} #topbusbar h2 {background-color: white; position: absolute; top: 390px; left: 80px; font-weight: bold; font-color: black; font-size: 20px; font-family: curlz, times new roman, serif; text-align: center; text-shadow: red 1px 1px; line-height: 1.2px; letter-spacing: 6px; margin: 0px; padding: 10px 20px 30px 20px} #bottombusbar h2 {background-color: white; position: absolute; top: 605px; left: 80px; font-weight: bold; font-color: black; font-size: 20px; font-family: curlz, times new roman, serif; text-align: center; text-shadow: red 1px 1px; line-height: 1.2px; letter-spacing: 6px; margin: 0px; padding: 10px 0px 15px 0px} #datebar h2 {background-color: white; position: absolute; top: 628px; left: 80px; font-weight: bold; font-color: black; font-size: 20px; font-family: curlz, times new roman, serif; text-align: center; text-shadow: red 1px 1px; line-height: 1.2px; letter-spacing: 6px; margin: 0px; padding: 10px 0px 10px 0px} #easter2012 a:active {color: orange; text-decoration: none} #easter2012 a:link {color: orange; text-decoration: none} #easter2012 a:hover {color: orange; text-shadow: black 1px 2px} #easter2012 a:visited {color: purple; text-decoration: none} #linx1 {position: absolute; top: 130px; left: 520px; width: 350px; font-size: 18px; font-weight: bold} #linx1 a {display: block; color: white; text-decoration: none} #linx1 a:hover {color: orange; text-decoration: underline} #bottombar {position: absolute; top: 730px; left: 50px} #bottombar ul {list-style-type: none; padding: 0px; margin: 2px 0px 0px 20px; border-top: 1px solid black} #bottombar li {display: block; float: left; font-size: 14px; width: 105px; height: 33px; text-align: center; margin-right: 2px} #bottombar a {display: block; color: white; text-decoration: none; margin-top: 4px} #bottombar a:hover {color: orange; background: gray; text-decoration: underline} /**** Below is the CSS for cctjaguars2.htm updated November, 2009 ***/ #jaguarintro {width: 1000px; background: url(ThJag2.jpg); no-repeat; height: 750px} #jaguarintro h1 {background-color: black; font-weight: bold; font-size: 30; text-align: center; letter-spacing: 5px; margin: 0px; padding: 0px 0px 5px 10px} #jaguarintro h2 {background-color: orange; font-weight: bold; font-size: 30; text-align: center; letter-spacing: 5px; margin: 0px; padding: 0px 0px 5px 10px} #linx {position: absolute; top: 80px; left: 650px; width: 350px; font-size: 18px; font-weight: bold} /**** {float: right; width: 250px; margin-right: 80px; margin-left: 1px; font-size: 18px; font-weight: bold} ***/ #linx a {display: block; color: white; text-decoration: none} #linx a:hover {color: orange; text-decoration: underline} /**** Below is the CSS for cctvolcanos2.htm updated July, 2010 ***/ #volcanointro {width: 100%; height: 100%; background: url(THVShadow.jpg) no-repeat} #volcanointro h1 {color: #ff9966; font-weight: bold; font-size: 60; text-align: center; letter-spacing: 10px; margin: 20px; padding: 0px 0px 5px 10px} #linkt {position: absolute; top: 100px; left: 120px; width: 750px} #linkt ul {list-style-type: none; padding: 0px; margin: 0px} #linkt li {display: block; float: left; font-size: 16px; background: none no-repeat center center; width: 100px; height: 60px; text-align: center; margin-right: 2px} #linkt a {display: block; color: #ff9966; text-decoration: none; margin-top: 5px} #linkt a:hover {color: black} #volcanointro h2 {position: absolute; top: 95%; width: 100%; background-color: #ff9966; font-weight: bold; font-size: 25; text-align: center; letter-spacing: 5px; margin: 2px} #volcanointro h3 {position: absolute; top: 98%; width: 100%; background-color: #ff9966; font-weight: bold; text-align: center; letter-spacing: 2px} /**** Below is the CSS for cctcorners2.htm updated July, 2011 ***/ #cornersintro {width: 100%; height: 100%; background: url(ThAlcove.jpg) no-repeat} #cornersintro h2 {background-color: black; font-weight: bold; font-size: 40px; font-variant: small caps; text-align: center; letter-spacing: 5px; word-spacing: 0.3em; margin: 10px; padding: 0px 0px 5px 10px} #linkit {position: absolute; top: 80px; left: 20px; width: 96%} #linkit ul {list-style-type: none; padding: 5px; margin: 5px} #linkit li {display: block; float: left; font-size: 20px; background: none no-repeat center center; width: 170px; height: 60px; text-align: center; margin-right: 5px} /* #linkit a {display: block; color: #ff9966; text-decoration: none; margin-top: 5px} #linkit a:hover {color: black} #linkit {position: absolute; float: left; width: 950px} #linkit ul {list-style-type: none; padding: 25px; margin: 10px} #linkit li {display: block; margin: 0.3em; font-size: 25px; background: none no-repeat center center; width: 90px; height: 25px; text-align: center} */ #linkit a {color: white; text-decoration: none} #linkit a:hover {color: orange; background-color: black; text-decoration: underline} #jewels {color: white; font-size: 25px; font-variant: small caps; text-decoration: none; width: 950px; background: url("Gateway.JPG") no-repeat} #desc {color: white; text-decoration: none}