New cascading style steet for CCT
Filename:	cct_css.css
Supporting Files:index.htm; cctdates.htm; cctjaguar2.htm; cctvolcanos2.htm, cctcorners.htm, cctburro1.htm, ccthiking_one.htm, cctbackpacks.htm, ccthike.htm, cctforms.htm, ccthiking.htm, indexA.htm, cctlinkspage.htm, cctdepartures.htm, cctdrive.htm, mobile.htm, iphone.htm, cctarrivebyvan.htm, cctsponsors.htm, cctweb2.htm, cctweb3.htm, cctweb4.htm, cctweb.htm, cctpromo2012.htm, ccthiking_one.htm, ccthiking_tejeban.htm, ccthiking_pamachi.htm, ccthiking_sanignacio_waterissues.htm, ccthiking_primer.htm, cct_cbum_08.htm, ccttopper.htm, cctweb2.htm, cctburro3.htm, cctjavamainpage.htm


 /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
} 

/***cctweb3.htm code***/

#outer_container    	{width: 230px; height: 220px}
/*Code from csc121*/
address                {clear: left; font-style: normal; font-weight: bold; font-size: 14px; color: white; background-color: black;
                        text-align: center}
address1                {font-style: normal; font-weight: bold; font-size: 14px; color: white; text-align: center}
address2                {font-style: normal; font-weight: bold; font-size: 16px; color: white; padding: 0px 0px 5px 0px; text-align: center}
#leftColumn            {width: 300px; padding-top: 20px; float: left; 
                        font-size: 12px; background: url(back.jpg) no-repeat top left}
#leftColumn p          {margin: 5px 5px 10px 15px}
#leftColumn p a        {color: black}

#leftColumn ul              {list-style-type: disc; margin-left: 30px; padding-left: 0px}
#leftColumn ul li a         {text-decoration: none; color: black}
#leftColumn ul li a:visited {color: black}
#leftColumn ul li a:hover   {text-decoration: underline}
#rightColumn           {width: 590px; float: left; margin-left: 10px; margin-bottom: 10px; 
                        font-size: 12px}
#rightColumn h1        {font-size: 26px; text-align: center; letter-spacing: 5px;
                        margin: 5px 0px; font-weight: normal}
#rightColumn p         {margin: 0px 0px 2px 0px; padding: 0px; text-align: right}
#rightColumn p span    {color: red}

p:first-line	     {font-weight: 700}
#firstp:first-line   {font-size: 18.0px; 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; color: #FF6633; font-weight: bold; font-size: 30px; text-align: center; letter-spacing: 3px; margin: 0px; padding: 10px 0px 10px 0px}
/*		Code in here IS NOT read ***
#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 ***/
#heading               	{position: relative; top: 20px; left: 0px; width: 240px; background: url(batopilasrider2.jpg) no-repeat; height: 550}
#heading h1	 	{position: relative; top: -10px; left: -5px; width: 230px; text-align: left; background-color: orange; font-weight: bold; font-size: 18px; letter-spacing: 2px; margin: 0px; padding: 0px 0px 10px 10px}
#links              	{float: left; width: 230px}
#links ul		{list-style-type: none; margin-left: 5px; padding-left: 0px}
#links li.newgroup	{margin-top: 10px; 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		{width: 100%;  height: 100%; background: url(skirts.jpg); no-repeat; position: fixed; top 0px; left: 0px
    -o-background-size:100% 100%;             /*  Opera  */
    -webkit-background-size:100% 100%;        /*  Safari  */
    -khtml-background-size:100% 100%;         /*  Konqueror  */
}

#title1			{font-size: 40px; text-color: red; font-weight: bold; position: relative; top: 0%; left: 10%; 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; text-color: red; text-shadow: white 1px 1px; position: relative; top: 18%; left: 10%; text-align: left; font-style: italic; letter-spacing: 2px; margin: 0px; padding: 10px 0px 15px 10px}
#title2 a		{color: red; text-decoration: none}
#title2 a:hover		{color: orange; text-decoration: underline}

#banner_heading h2	{background-color: black; color: #ff6600; position: fixed; top: 90%; left: 10%; font-weight: bold; font-size: 25px; font-family: times new roman, serif; text-align: center; text-shadow: white 1px 1px; line-height: 1.2px; letter-spacing: 6px; margin: 0px; padding: 10px 20px 40px 20px}

#table1 a		{color: lightblue; text-decoration: none}
#table1	a:hover		{color: white; text-decoration: underline}
#controlbar		{position: absolute; top: 630px}
#table1			{font-weight: 900; position: relative; top: 150px; left: 450px}
#table2			{position: absolute; top: 630px; left: 450px}

#promotion		{font-size: 20px; font-weight: 900; position: fixed; top: 50%; left: 10%; text-align: left; 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}


#hikeintro 		{width: 100%;  height: 100%; background: url(THSnIgConf.JPG); no-repeat; position: fixed; top 0px; left: 0px
    -o-background-size:100% 100%;             /*  Opera  */
    -webkit-background-size:100% 100%;        /*  Safari  */
    -khtml-background-size:100% 100%;         /*  Konqueror  */
}
#hikeintro h1		{background-color: black; color: #ff6600; font-weight: bold; font-size: 30px; text-align: center; letter-spacing: 5px; margin: 0px; padding: 0px 0px 0px 10px}
#hikeintro h2		{background-color: black; color: #ff6600; position: fixed; top: 89%; left: 10%; font-weight: bold; font-size: 25px; font-family: times new roman, serif; text-align: center; text-shadow: white 1px 1px; line-height: 1.2px; letter-spacing: 5px; margin: 0px; padding: 10px 5px 24px 5px}
/**** Below is the CSS for ccthike.htm updated November, 2011 ***/

#hiking		{width: 100%;  height: 100%; background: url(B-NopalHikers2.jpg); no-repeat; position: fixed; top 0px; left: 0px
    -o-background-size:100% 100%;             /*  Opera  */
    -webkit-background-size:100% 100%;        /*  Safari  */
    -khtml-background-size:100% 100%;         /*  Konqueror  */
}
#hiking h1		{clear: left; color: white; text-shadow: black 0.1em 0.1em 0.2em; font-weight: bold; font-size: 50px; text-align: center; letter-spacing: 2px; margin: 0px; padding: 0px 0px 0px 10px}
#hiking h2		{color: white; text-shadow: black 0.1em 0.1em 0.2em; position: fixed; top: 93%; left: 10%; font-weight: bold; font-size: 25px; font-family: times new roman, serif; text-align: center; line-height: 1.2px; letter-spacing: 2px; margin: 0px; padding: 0px 5px 10px 5px}

#bottombar          {position: fixed; background-color: black; top: 94%; left: 5%}
#bottombar ul       {list-style-type: none; padding: 0px; margin: 10px 10px 10px 10px;
                        border-top: 1px solid black}
#bottombar li       {display: block; float: left; font-size: 14px;
                       width: 100px; height: 20px; text-align: center; margin-right: 30px}
#bottombar a        {display: block; color: white; text-decoration: none; margin-top: 0px}
#bottombar a:hover  {color: orange; background: gray; text-decoration: underline}