/* STYLES AND CLASSES FOR LAYOUT OF ELEMENTS ON THE WEB PAGES */
/* Body: sets background color; font family, size and color; default text alignment; and maximum width  */
body { background-color: #000000; 
	   color: #FFFFFF;
	   font-family: "Comic Sans MS";
	   color: #FFFFFF;
	   font-size: 10pt;
	   text-align: left; 
	   max-width: 800px; }

/* class wideBody for wide pages to protect the linkbars
.wideBody { background-color: #000000; 
	   color: #FFFFFF;
	   font-family: "Comic Sans MS";
	   color: #FFFFFF;
	   font-size: 10pt;
	   text-align: left; 
	   max-width: 900px; }

/* Tables: table sets default table background color; invisible borders */
table {	border: 0; 
		padding: 0;
		border-color: #000000; 
		border-collapse: collapse;
		background-color: #000000; 
		text-align: left; }

/* class pagelayout is specific to the main table that is used to layout the page */
.pagelayout { width: 100%;
			  border: 0;
			  padding: 0;
			  border-color: #000000;
			  border-collapse: collapse;
			  background-color: #000000;
			  text-align: left; }

/* class innerlayout is used whenever a <td> in the 2nd column of the pagelayout table has a table inserted into it
.innerlayout { width: 100%;
			  border: 0;
			  padding: 0;
			  border-color: #000000;
			  border-collapse: collapse;
			  background-color: #000000;
			  text-align: left; 
			  max-width: 600px;}

/* class innerTbl is used by BuyArrangements
.innerTbl  { border-collapse: collapse;
			border-color: #000000;
			text-align: left;
			width: 550px; }

/* class galleryframe: sets table border white, width 1 pixel, background color.  Used in gallery pages */
.galleryframe {	border-width: 2px;
				padding: 1px;
				border-color: #808080;
				border-style: solid;
				border-collapse: collapse;
				border-spacing: 1px;
				background-color: #000000; }

/* class imageframe: sets the <td> borders around each image
td.imageframe { border-width: 2px;
			  border-color: #FFFFFF;
			  border-style: solid;
			  padding: 1; }

/* class linkbar sets the font, width and alignment the left-most column of the pagelayout table for linkbars */
.linkbar   { width: 200px; 
			 text-align: left;
			 vertical-align: top;
			 font-family: "Comic Sans MS";
			 font-size: 10pt; 
			 color: #FFFFFF; }

/* class pagetitle sets the alignment and size of the 2nd column, top row of pagelayout table, where the title graphics are displayed */
.pagetitle { text-align: center;
			 vertical-align: top;
			 max-width: 600px;
			 height: 60px; }

/* format of text that is alt for a page title image */
.pagetitlealt { font-family: "Comic Sans MS";
			    font-size: 36pt; color: #FF5050 }

/* class copyright sets the alignment for the bottom row, left column where copyright symbol is displayed */
.copyright { text-align: left; 
			 vertical-align: bottom;
			 font-family: "Comic Sans MS";
	   		 color: #FFFFFF;
			 font-size: 10pt; }

/* classes calcell and calrow are used on the Calendar.shtm and Calendario.shtm pages
.calcell { border-top-color: #FFFFFF;
		   border-top-style: groove;
		   border-left-color: #000000;
		   border-right-color: #000000;
		   border-bottom-color: #000000;
		   border: 1px;
		   text-align: center;
		   vertical-align: top; }

.calrow { border-top-color: #000000;
		  border-left-color: #000000;
		  border-right-color: #000000;
		  border-bottom-color: #000000;
		  text-align: center;
		  vertical-align: top;}

/* CLASSES FOR FORMATTING INPUT ELEMENTS IN FORMS */
/* classes blackBox and greyBox are used for form input elements, and sets the background color, font, and border style of these */
.blackBox  { font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFFFF;
			border-style: solid;
			border-width: 1px;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #000000 }

.greyBox  { font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFFFF;
			border-style: solid;
			border-width: 1px;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #808080}

/* classes blackboxC and greyBoxC are like classes blackBox and blackBoxC, but with centered text */
.blackBoxC { font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFFFF;
			text-align: center;
			border-style: solid;
			border-width: 1px;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #000000 }

.greyBoxC { font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFFFF;
			text-align: center;
			border-style: solid;
			border-width: 1px;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #808080}

/* class .ctrl sets the font and background colors for form buttons other than submit and reset */
.ctrl  { color: #FFFFFF; background-color: #000000; }

/* style Blackface is used with the music player to set font size and color for its text elements */
Blackface { font-family: "Comic Sans MS"; 
			font-size: 10pt;
			color: #FFFFFF;
			font-weight: bold;
			border-style: outset;
			border-width: 1px;
			background-color: #000000; }

/* class submit sets the font and background colors for form submit buttons */
.submit   {	font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFF00;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #000000 }

/* class reset sets the font and background colors for form reset buttons */
.reset	  {	font-family: "Comic Sans MS";
			color: #FF0000;
			font-size: 10pt;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #000000 }
			
/* class optlist has a dark grey background to help user distinguish it from other page elements. */
.optList  { border:1px solid #FFFFFF;
			font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFFFF;
			background-color: #808080 }

			
/* class optlistC is like class optlist, but with centered text. */
.optListC  { border:1px solid #FFFFFF;
			font-family: "Comic Sans MS";
			font-size: 10pt;
			color: #FFFFFF;
			text-align: center;
			background-color: #808080 }
	
/* style textarea sets the background color and font color for form textarea inputs */
textarea {background-color: #000000; color: #FFFFFF;}

/* BOX ALIGNMENT CLASSES ARE GENERIC AND MAY BE USED WITH ANY <td> ELEMENTS.  THREE SETS OF CLASSES ARE FOR THREE DIFFERENT VERTICAL ALIGNMENTS */
.JT { text-align: justify; vertical-align: top; }
.LT { text-align: left; vertical-align: top; }
.CT { text-align: center; vertical-align: top; }
.RT { text-align: right; vertical-align: top; }

.JM { text-align: justify; vertical-align: middle; }
.CM { text-align: center; vertical-align: middle; }
.LM { text-align: left; vertical-align: middle; }
.RM { text-align: right; vertical-align: middle; }

.JB { text-align: justify; vertical-align: bottom; }
.CB { text-align: center; vertical-align: bottom; }
.LB { text-align: left; vertical-align: bottom; }
.RB { text-align: right; vertical-align: bottom; }

/* BOX PADDING CLASSES TO ADD SPACE BETWEEN BOXES */
.PL10 { padding-left: 10px }
.PL6 { padding-left: 6px }
.PR10 { padding-right: 10px }
.PR6 { padding-right: 6px }
.PT10 { padding-top: 10px }
.PT6 { padding-top: 6px }
.PB10 { padding-bottom: 10px }
.PB6 { padding-bottom: 6px }

/* BOX BORDER CLASSES FOR SHOWING ONLY CERTAIN BORDERS IN A TABLE CELL */
 .TB { border-top-style: solid; border-bottom-width: 1px; border-color: #FFFFFF; border-width: 1px; }
 .BB { border-bottom-style: solid; border-bottom-width: 1px; border-color: #FFFFFF; border-width: 1px; }
 .LB { border-left-style: solid; border-bottom-width: 1px; border-color: #FFFFFF; border-width: 1px; }
 .RB { border-right-style: solid; border-bottom-width: 1px; border-color: #FFFFFF; border-width: 1px; }

/* PARAGRAPH, DIV AND SPAN ALIGNMENT CLASSES */
p { font-family: "Comic Sans MS"; font-size: 10pt; color: #FFFFFF; }
.norm { font-family: "Comic Sans MS"; font-size: 10pt; color: #FFFFFF; }
.leyenda { font-family: "Comic Sans MS"; font-size: 120%; color: #FFFF00; font-weight: 400; }
.leyendaB { font-family: "Comic Sans MS"; font-size: 100%; color: #FFFF00; font-weight: 900; }
.L { text-align: left; }
.J { text-align: justify; }
.C { text-align: center; }
.R { text-align: right; }
.errMsg	{ color: #FF0000; font-weight: 400; }

/* FONT CLASSES MAY BE USED FOR SPECIFIC FONT SIZES AND WEIGHTS (NORMAL, MEDIUM, BOLD) */
.F10 { font-size: 10pt; }
.F12 { font-size: 12pt; }
.F14 { font-size: 14pt; }
.F15 { font-size: 15pt; }
.F18 { font-size: 18pt; }
.F36 { font-size: 36pt; }
.F12M { font-size: 12pt; font-weight: 400; }
.F14M { font-size: 14pt; font-weight: 400; }
.F15M { font-size: 15pt; font-weight: 400; }
.F18M { font-size: 18pt; font-weight: 400; }
.F36M { font-size: 36pt; font-weight: 400; }
.F12MB { font-size: 12pt; font-weight: 700; }
.F14MB { font-size: 14pt; font-weight: 700; }
.F15MB { font-size: 15pt; font-weight: 700; }
.F18MB { font-size: 18pt; font-weight: 700; }
.F36MB { font-size: 36pt; font-weight: 700; }
.F12B { font-size: 12pt; font-weight: 900; }
.F14B { font-size: 14pt; font-weight: 900; }
.F15B { font-size: 15pt; font-weight: 900; }
.F18B { font-size: 18pt; font-weight: 900; }
.F36B { font-size: 36pt; font-weight: 900; }

/* STYLE gallerytitle IS USED FOR SETTING FONT FOR ALL GALLERY TITLE ANCHORS
td.gallerytitle {font-size: 12pt; font-weight: 900; align: center;}

.breadcrumb {text-align: left; font-size: 10pt; }

/* MOTTO COLOR CLASSES ARE USED ONLY FOR THE RED AND BLUE TEXT IN La Leyenda's MOTTO ON THE ENGLISH AND SPANISH HOME PAGES*/
.Cmotto1 { color: #3399FF; text-align: justify; }
.Cmotto2 { color: #CC0066; text-align: justify; }

/* CATALOG TABLE CLASSES FOR PAGE Catalog.shtm ONLY */
.catalog {font-family: "Comic Sans"; color: #FFFFFF; font-size: 8pt; }
.catalogHdr {font-family: "Comic Sans"; color: #FFFFFF; font-size: 9pt; font-weight: 900; text-align: center }

/* STYLES FOR LINKBAR PSEUDO-CLASSES */
a:link { font-family: "Comic Sans MS"; color: #FFFF00; font-size: 10pt; text-decoration: none;}
a:active { font-family: "Comic Sans MS"; color: #66CCFF;  font-size: 10pt; text-decoration: none;}
a:visited { font-family: "Comic Sans MS"; color: #FF0000;  font-size: 10pt; text-decoration: none;}
a:hover {  font-family: "Comic Sans MS"; font-size: 10pt; text-decoration: underline;}