/*
New cascading style steet for CCT
Filename:	cct_dates.css
Supporting Files:cctdates.htm; index.htm; cctjaguar2.htm; cctvolcanos2.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}
/*

#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: 1050; width: 1400}
#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}

/*
#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}
#table1			{font-weight: 900; position: relative; top: 200px; left: 450px}
#table2			{position: absolute; top: 630px; left: 450px}

#promotion		{font-size: 20px; font-weight: 900; position: absolute; top: 515px; left: 250px; 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 cctjaguars2.htm updated November, 2009 ***/
#jaguarintro 		{width: 1000px; background: url(ThJag2.jpg); no-repeat; height: 750px}
#jaguarintro h1, h2	{background-color: orange; font-weight: bold; font-size: 30; text-align: center; letter-spacing: 5px; margin: 0px; padding: 0px 0px 5px 10px}
#linx			{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}