body
{ color : black; 
background-color: #000000;
background-image: url(images/fond.gif);

h1 { font-size: 100%; color : #000000; font: normal normal normal 24pt Verdana;}
h2 { font-size: 100%; color : #000000; font: normal normal normal 16pt Verdana; }
h3 { font-size: 100%; color : #000000; font: normal normal normal 14pt Verdana; }
h4 { font-size: 100%; color : #000000; font : normal normal normal 12pt Verdana; }
h5 { font-size: 100%; color : #000000; font: normal normal normal 10pt Verdana; }
h6 { font-size: 100%; color : blue; font : normal normal normal 20px Arial; }


/** THIS SECTION CONTAINS THE HEADING FOR THE PAGES **/

.RCCLA
{ position: absolute; top: 5px; left: 2%; z-index: 0; }

<!--.title
{ position: absolute; margin: 15px 10% 0px 12%; font: normal normal normal 30px "Times New Roman", Times, Serif; color: #2d73b9; background-color: white; z-index: 1; }--> 




/** THIS IS THE CLASSES.HTM PAGE **/

<!--.imagequetz1
{ position: absolute; top: 100px; left: 75%; z-index: 2; }-->
imagequetz2
{ position: absolute; top: 100px; left: 0%; z-index: 1; }


.ocrap
{ position: absolute; top: 125px; left: 25%; font: normal normal normal 14px Arial, Helvetica, Sans-Serif; width: 60%; }

.schedules
{ position: absolute; top: 975px; left: 25%; width: 75%; padding: 3px 3px 3px 3px; }

.tableformat
{position: absolute; top: 1800px; left: 25%; }
table { background: blue; border-collapse: collapse; font-size: x-small; }
td { background: #ebf4f3; border-width: thin; border-color: navy; border-style: solid; vertical-align: bottom; padding: 3px 3px 3px 3px; }
thead { background: #2d73b9; color: black; font: normal normal bold 2em Arial, Helvetica, Sans-Serif; text-align: center; }
tfoot { color: black; font-size: medium; text-align: center; font: normal normal bold 16px Arial, Helvetica, Sans-Serif; }

/** END CLASSES.HTM SECTION **/


/** CULTURAL THURSDAY PAGE **/

.ctheading
{ position: absolute; top: 300px; left: 40%; }

.ctphoto
{ position: absolute; top: 300px; left: 25%; }

.ctphoto_2
{ position: absolute; top: 700px; left: 25%; }

.ctphotoAna
{ position: absolute; top: 700px; left: 25%; }

.ctphotoPN
{ position: absolute; top: 300px; left: 31%; }

.ctphotoOscar
{ position: absolute; top: 300px; left: 31%; }

.ctphotogeorgianne
{ position: absolute; top: 200px; left: 31%; }

.ctphotoboys
{ position: absolute; top: 425px; left: 31%; }

/** END CULTURAL THURSDAY - ANA **/


/** THIS IS THE EXCHANGETEACHER.HTM SECTION **/

.exchange_teacher
{ position: absolute; top: 0px; left: 15%; margin: 100px; 0px; 0px; 22%; width: 600px; }

.luisa
{position: absolute; top: 200px; left: 25%; }

.exchange_teacher_story
{position: absolute; top: 200px; left: 65%; margin: 10px 10px 10px 10px; padding: 10px 10px 0px 10px;   background-color: #93a9d5; font: normal normal normal 12px Arial, Helvetica, Sans-Serif; width: 30%; }

/** END EXCHANGETEACHER.HTM SECTION **/


/** THIS SECTION IS FOR THE EVENTS.htm **/

.events_tlaloc
{position: absolute; top: 75px; left: 19%; z-index: 1; }

.events_content
{ position: absolute; top: 50px; left: 0%; margin: 25px 0px 0px 29%; padding: 10px 10px 10px 10px; font: normal normal normal 14px Arial, Helvetica, Sans-Serif; width: 60%; text-decoration: none; }

/** END EVENTS SECTION **/


/** THIS IS THE FIESTA.HTM (latina_festiva-photos.htm) **/

.fiesta
{ position: absolute; top: 175px; left: 23%; }

/** END FIESTA.HTM COLLAGE **/


/** Index.htm **/

.index_tlaloc
{position: absolute; top: 75px; left: 22%; z-index=0; }

.index_content
{ position: absolute; top: 150px; left: 40%; font: normal normal normal 18px Arial, Helvetica, Sans-Serif; width: 50%; line-height: 120%; }

.maintained_by
{ position: absolute; top: 570px; left: 45%; text-align: center; font: normal normal normal 10px Arial, Helvetica, Sans-Serif; } 

/** END INDEX SECTION **/

/**GARY**/
.garyCuba
{ position: absolute; top: 240px; left: 25%; }

.garyCuba2
{ position: absolute; top: 500px; left: 25%; }

.garyText
{ position: absolute; top: 240px; left: 63%; width: 30%; text-align: left; background-color: #93a9d5; padding: 5px 5px 5px 5px;font: normal normal normal 12 Sans-Serif; }

/**LINKS**/

.links_content
{ position: absolute; top: 240; left: 30%;
font: normal normal normal 12px Sans-Serif; text-align: left;
width: 50%;
}
  



/**CT040705 (LUISA)**/

.luisa
{position: absolute; top: 240px; left: 35%; }

.luisaText
{ position: absolute; top: 240px; left: 63%; width: 30%; text-align: left; background-color: #93a9d5; padding: 5px 5px 5px 5px;font: normal normal normal 12 Sans-Serif; }

/**LUISA**/


//**CT050505 (OSCAR & MICHELLE)**//

.Oscar&Michelle
{ position: absolute; top: 400px; }

.oscarText
{ position: absolute; top: 210px; left: 70%; width: 25%; text-align: left; background-color: #93a9d5; padding: 5px 5px 5px 5px; }

.georgianneText
{ position: absolute; top: 200px; left: 63%; width: 30%; text-align: left; background-color: #93a9d5; padding: 5px 5px 5px 5px;font: normal normal normal 12 Sans-Serif; }

.boysText
{ position: absolute; top: 425px; left: 63%; width: 30%; text-align: left; background-color: #93a9d5; padding: 5px 5px 5px 5px;font: normal normal normal 12 Sans-Serif; }



//** END CT050505.HTM//


//** LINKS.HTM SECTION **//

.links
{position: absolute; top: 125px; left: 25%; font: normal normal normal 14px Arial, Helvetica, Sans-Serif; width: 60%; 

.links_content
{ position: absolute; top: 250px; left: 30%; width: 50%; font: normal normal normal 12px Arial, Helvetica, Sans-Serif; }

//** END LINKS.HTM **//

//** OUTREACH.HTM SECTION **//

.outreach_content
{ position: absolute; top: 100px; left: 20%; width: 70%; font: normal normal normal 36px Monotype Corsiva, Arial, Helvetica, Sans-Serif;}


/** END OUTREACH.HTM **/



/** PHOTO_INDEX.HTM **/

.photoindex
{ position: absolute; top: 100px; left: 20%; width: 70%; font: normal normal normal 48px Monotype Corsiva, Arial, Helvetica, Sans-Serif;}


.photos
{position: absolute; top: 200px; left: 30%; font: normal normal normal 10px Arial, Helvetica, Sans-Serif: }

/** END PHOTO_INDEX.HTM SECTION **/


/** RESOURCES.HTM **/

.image_resources_1
{ position: absolute; top: 75px; left: 19%; z-index: 1; }

.image_resources_2
{ position: absolute; top: 75px; left: 61%; z-index: 1; } 

.resources_main_content
{ position: absolute; top: 75px; left: 25%; font: normal normal normal 14px Arial, Helvetica, Sans-Serif; width: 50%; }   

/** END RESOURCES.HTM **/


/**RUBIN_PHOTOS.HTM **/

.ruben1
{position: absolute; top: 175px; left: 25%; }

.ruben1story
{ position: absolute; top: 175px; left: 70%; width: 25%; background-color: #93a9d5; padding: 5px 5px 25px 5px; }

.ruben2
{ position: absolute; top: 520px; left: 25%; }


/** END RUBEN'S SECTION **/


/**SCHOLARSHIP SECTION **/

.scholarship_content
{ position: absolute; top: 100px; left: 20%; width: 70%; font: normal normal normal 36px Monotype Corsiva, Arial, Helvetica, Sans-Serif;}

/** END SCHOLARSHIP.HTM SECTION **/


/** LINK COLORS **/
<!--
a:link, a:visited { color: black; text-decoration: none;  display: block; } 

a:hover, a:active { color: #2d73b9; text-decoration: none; } 

a:hover { background-color: #f8c473; text-decoration: none; display: block; }
-->

/** Menu Bar **/




div.banner {
  margin: 0;
  font-size: 60% /*smaller*/;
  font-weight: normal;
  line-height: 160%;
  text-align: left;
  position: absolute;
  top: 200px;
  left: 1%;
  width: 25%;
  list-style-type: none;
}

div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  background: transparent ;
  border: none;
  color: black;
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: navy }
div.banner a:visited { text-decoration: none; color: navy }
div.banner a:active { text-decoration: none; color: navy }
div.banner a:hover { text-decoration: none; background: #f8c473; color: navy; }



/** End Menu **/