/* shaolinCOMMUNICATIONS.com 
Cascading Style Sheet:  "_AmZen_design2.css" v.1.1 */

/*  Copyright 2006 shaolinCOMMUNICATIONS.com  All rights reserved. */

/* This website: 
http://www.level2christKILLER.com
was created by Richard O'Connor of http://www.shaolinDIGITAL.com 

        webmaster@shaolinCOMMUNICATIONS.com

Webgraphics by THE COYOTE 
of http://www.folkrockTROUBADOUR.com */

/*  #4 ===========  DISPLAY PROPERTIES  ================ #4 */

h1, h2, h3, h4, h5 {display: block}

div, p {display: block }

em, strong, a {display: inline }

/*  #5 ============ LINK STYLES ======================== #5 */

h2 a:link { 
 color: black; 
	background-color: transparent
 }

h2 a:visited { 
 color: blue; 
	background-color: transparent
 }

h2 a:hover { 
 color: white; 
	background-color: transparent; 
	text-decoration: underline
 }

h2 a:active { 
 color: #ae400f; 
	background-color: transparent; 
	text-decoration: underline
 }

/*  #6 =========== MARGINS & PADDING  ================== #6 */


/* #7a  ========== Create PRINTABLE VERSION  ===========  #7a */

/* USE MEDIA to create Screen version -- 
that includes borders or margins */

/* 
@media screen {
 div.chapter 
	{margin: 0px}
} 
*/

/* USE MEDIA to create PRINTABLE version --
that has NO BORDERS or margins */
 
/* 
@media print {
 div.chapter
	{ border-width: 3px, 8px, 2px, 4px}
} 
*/

/* #7b ==========  BORDER STYLES  ====================  #7b */

/* #8 ===========  MAX and MINIMUM WIDTHS  ============= #8 */

/* #9 ===========  BASIC ELEMENTS  ===================== #9 */

/* #10 ==========  HEADER ELEMENTS  ================== #10 */
 
.HEADER-1 { 
		font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
		font-size: 24px; 
		font-style: normal; 
		line-height: 30px; 
		font-weight: normal; 
		font-variant: normal;
  color: #FFFF00
		}

.HEADER-2 { 
		font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
		font-size: 34px; font-style: normal; 
		line-height: 48px; 
		font-weight: bold; 
  font-variant: 
  }

.HEADER-3 { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 24px; font-style: normal; 
  line-height: 26px; font-weight: bold; 
  font-variant: 
  normal; color: #669999
  } 

.HEADER-4-blu { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 34px; 
  font-style: normal; 
  line-height: 48px; 
  font-weight: bold; 
  font-variant: normal; 
  color: #000099
  } 

.head-www { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 18px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFF00
  } 

.head-COM { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 36px; 
  font-style: normal; 
  line-height: 38px; 
  font-weight: bold; 
  color: #FFFF00
  } 

.head-shaolin_com { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 30px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFF00
  } 

.head-slogan { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 20px; 
  font-style: italic; 
  line-height: 30px; 
  font-weight: normal; 
  color: #FFFF00
  } 

.head-slogan-SCM { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 20px; 
  font-style: italic; 
  line-height: 30px; 
  font-weight: normal; 
  color: #000000
  } 

.head-shaolin_TITLE { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 30px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFF00
  }

.heading { 
 font-family: Textile, Techno, Verdana;
 font-size: 36px;
 font-style: normal;
 text-transform: capitalize;
 color: #CC0000;
 text-align: center
 }

.SCM-Header-01 { 
  font-family: Textile, Charcoal, Arial; 
  font-size: 18px; 
  font-style: normal; 
  line-height: 24px; 
  font-weight: bold; 
  color: #000000
  } 

.TCY-Header-01 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px;  
  line-height: 24px; 
  font-weight: bold; 
  color: #000000
  } 

/*  #11 =========  SUBHEADS  ========================= #11 */
 
.subhead-1 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-style: normal; 
  line-height: 22px; 
  font-weight: bold; 
  color: #FFFF00
  } 

.subhead-2 { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 24px; 
  font-style: normal; 
  line-height: 22px; 
  font-weight: 
  bold; color: #669999
  } 

.SCM-Subhead-01 { 
  font-family: "Trebuchet MS", Charcoal, "Arial Black"; 
  font-size: 16px; 
  font-style: normal; 
  font-weight: bold; 
  color: #000000
  } 

.subhead-3-blue {
 font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 24px; 
  font-style: normal; 
  line-height: 26px; 
  font-weight: bold; 
  font-variant: normal; 
  color: #000099
  } 

.TCY-SubHead-01 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: italic; 
  font-weight: bold; 
  color: #000000
  } 

/*  #12 =========  SLOGAN + ANNOUNCEMENT TEXT  ====== #12  */
 
.head-slogan-blu { 
  font-family: Times, serif; 
  font-size: 18px; 
  font-style: italic; 
  line-height: 30px; 
  font-weight: bold; 
  color: #336699} 

.AnnounceText-1 {
	font-family: Charcoal, Chicago, "Arial Black", sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000099;
 }

.BLKbarTEXTwht-1 { 
  font-family: "Arial Black", Arial, sans-serif; 
  font-size: 24px; 
  font-style: normal; 
  line-height: 20px; 
  font-weight: normal; 
  color: #FFFFFF; 
  } 

.CalendarTEXT { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 15px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFFCC;
  font-variant: small-caps
  } 

/*  #13  =========  TEXT ELEMENTS  ==================== #13 */

.text-1 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: normal; 
  line-height: 22px; 
  font-weight: bold; 
  color: #FFFF00
  } 

.text-1-italic { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: italic; 
  line-height: 22px; 
  font-weight: bold; 
  color: #FFFF00 
  } 

.text-1-italicRED { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: italic; 
  line-height: 22px; 
  font-weight: bold; 
  color: #FF6600
  } 

.text-2 { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 16px; 
  font-style: normal; 
  line-height: 22px; 
  font-weight: normal; 
  color: #000000 
  } 

.text-2_italic { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 16px; 
  font-style: italic; 
  line-height: 22px; 
  font-weight: bold; 
  color: #000000 
  } 

.Text-Black { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal; 
  font-weight: normal; 
  color: #000000; 
  } 

.text-2-blu { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 16px; 
  font-style: normal; 
  line-height: 22px; 
  font-weight: normal; 
  color: #000066
  } 

.ADitalicRED-14 { 
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 14px; 
  font-style: italic; 
  font-weight: bold; 
  color: #CC0000
  }

.T3-text-white { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFFCC
  }

.T1-TITLE-blu1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 36px; 
  font-style: normal; 
  font-weight: bold; 
  color: #000066
  }

.T1-subtitle-blu1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 24px; 
  font-style: normal; 
  font-weight: bold; 
  color: #000066
  }

.T1-Text-BIG-blu1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-weight: bold; 
  color: #000066
  }

.T1-text-blu1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-style: normal; 
  font-weight: normal; 
  color: #000066
  }

.T1-text-bold-blu1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold; 
  color: #000066
  }

.T1-text-ITAL-blu1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-style: italic; 
  font-weight: normal; 
  color: #000066; 
  font-size: 14px
  }

/*  #14 =========  FOOTER  ============================ #14 */

.footer-COM-1 { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 30px; 
  line-height: 32px; 
  font-weight: bold; 
  color: #CCCCCC
  } 

.footer-COM-1-BLK { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 30px; 
  line-height: 32px; 
  font-weight: bold; 
  color: #CCCCCC
  } 

.footer-COM-2 { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 30px; 
  line-height: 32px; 
  font-weight: bold; 
  color: #000000
  } 

.footer-THE_COYOTE-1 { 
  font-family: Sand, Textile, "Sand", Arial; font-size: 14px; 
  font-style: normal; 
  line-height: 16px; 
  font-weight: bold; 
  color: #FFFF00
  } 

.footer-shaolin-1 { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  color: #000000
  }

.footer-shaolin-BLK { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 24px; 
  line-height: 26px; 
  font-weight: normal; 
  color: #000000
  } 

.footer-shaolinDIGITAL-1 { 
  font-family: Gadget, Chicago, Charcoal, "Arial Black"; 
  font-size: 12px; 
  font-style: normal; 
  line-height: 14px; 
  font-weight: normal; 
  color: #FFFF00
  } 

.footer-ShRecords-white { 
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 16px; 
  font-weight: bold; 
  color: #FFFFCC; 
  font-style: normal 
  }

.footer-TEXT-BLK-1 { 
  font-family: "Trebuchet MS", Charcoal, "Arial Black"; 
  font-size: 14px; 
  font-style: normal; 
  line-height: 16px; 
  font-weight: bold; 
  color: #000000
  } 

.footer-TEXT-BLK-2 { 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 12px; 
  font-style: italic; 
  line-height: 16px; 
  font-weight: bold; 
  color: #000000
  } 

.footer-TEXT-YELLOW-1 { 
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: 12px; 
  font-style: normal; 
  line-height: 16px; 
  font-weight: bold; 
  color: #FFFF00
  } 

.footer-THE_COYOTE-2-BLK { 
  font-family: Sand, Textile, "Sand", Arial; 
  font-size: 12px; 
  font-style: normal; 
  line-height: 14px; 
  font-weight: bold; 
  color: #CCCCCC
  } 

.footer-TITLE-1 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  line-height: 14px; 
  font-weight: bold; 
  color: #FFFF00
  }

.footer-TITLE-2 { 
  font-family: Palatino, Chicago, Times, serif; 
  font-size: 12px; 
  font-style: italic; 
  line-height: 16px; 
  font-weight: bold; 
  color: #000000
  } 

.footer-www { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 18px; 
  font-weight: normal; 
  color: #CCCCCC
  } 

.footer-www-BLK { 
  font-family: Charcoal, Chicago, "Arial Black", sans-serif; 
  font-size: 18px; 
  font-weight: normal; 
  color: #000000
  } 

.L1Header-cyan {  
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 32px; font-weight: bold; 
  color: #33CCFF
  }

.T3-Title-white { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 36px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFFCC
  }

.T3-Subtitle-white { 
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 24px; 
  font-style: normal; 
  font-weight: normal; 
  color: #FFFFCC
  }

.footer-sitenameWHITE { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 24px; 
  font-style: italic; 
  font-weight: bold; 
  color: #99CCFF
  }

.footer-text { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #FFFFCC
  }

.footer-text-ITALIC { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: italic; 
  font-weight: bold; 
  color: #FFFFCC
  }

.footer-TheCoyote-white { 
  font-family: Sand, Textile, Verdana; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #FFFFCC
  }

.footer-shDIGITAL-white { 
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 12px; 
  font-weight: normal; 
  color: #FFFFCC; 
  font-style: normal
  }

.footer-sitenameBLUE1 { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 24px; 
  font-style: italic; 
  font-weight: bold; 
  color: #6699FF
  }

.footer-sitenameYELL { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 24px; 
  font-style: italic; 
  font-weight: bold; 
  color: #FFFF99
  }

.footer-textBRN { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-weight: bold; 
  color: #CC6633
  }

.footer-text-ITALICbrn { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-style: italic; 
  font-weight: bold; 
  color: #CC6633
  }

.footer-TheCoyote-BRN { 
  font-family: Sand, Textile, Verdana; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #CC6633
  }

.footer-shDIGITAL-brn { 
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 11px; 
  font-weight: normal; 
  color: #CC6633
  }

.BuddhaRocks-white { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-style: italic; 
  font-weight: bold; 
  color: #99CCFF
  }

.footer-Official-white { 
  font-family: Gadget, Charcoal, Chicago, Helvetica; 
  font-size: 11px; 
  font-weight: normal; 
  color: #FFFFCC
  }

/* #15 =========  AUDIO INFORMATION  ================= #15 */



/* #16 =========  BACKGROUND MUSIC + SOUND EFX  ===== #16 */

center =  0 
BEHIND = 180

h1 {
azimuth: center;
	elevation: 80deg
	}

h2 {
	azimuth: left;
	elevation: 45deg
	}

p {
	azimuth: center;
	elevation: 30deg
	}


/* #17 =========  VISUAL PROPERTIES + POSITIONING  ===== #17 */

/* Use "CLEAR" to prevent images and text from being on the same line.  
"clear" forces the graphic to precede or follow after the clear.  
Can use "LEFT" or "RIGHT" or "BOTH"  
Clear only works with FLOATED OBJECTS not Absolutely Positioned objects. */

div.chapter { clear: right }

/* ABSOLUTE POSITIONING */

/* aligns to BOTTOM RIGHT  */

/*
img { 
 position: absolute; 
	bottom: 8px; 
	right: 2px; 
	border: 2px solid black; 
	margin: 0px; 
	padding: 0px
}
*/

/* aligns to TOP RIGHT */

/* 
img {
 position: absolute; 
	top: 4px;
	right: 8px;
	border: 4px solid black;
	margin: 0px; 
	padding: 4px
}
*/

/* RELATIVE POSITIONING = 
relative to where it would normally be */

/*
img {
 position: relative; 
	top: 12px; 
	left: 5px; 
	border: 3px solid black; 
	margin: 0ox 0px 12px 0px; 
	padding: 0px
 }
*/

/* FIXED POSITIONING = 
in relation to BROWSER WINDOW 
not margins like Absolute Positioning  */

div top {
 position: fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 20%; 
	background-color: yellow
 }

div left { 
 position: fixed; 
	top: 20%: 
	left: 0px; 
	width: 40%;
	height: 60%; 
	background-color: red
 }

div right {
 position: fixed; 
	top: 20%;
	right: 0px; 
	width: 60%;
	height: 60%; 
	background-color: blue
}

div bottom { 
 position: fixed; 
	bottom: 0px;
	left: 0px; 
	width: 100%; 
	height: 20%; 
	background-color: green
}

/* Use FIXED POSITIONING for a logo to stay 
at the bottom right of browser window 
for LINK returning to TOP or INDEX  */

/* "INHERIT" =  background-color: inherit;   
= solid color of background color where clear. */

/* WIDTH  = size of graphic */

/* HEIGHT = height of graphic .*/

/* NO BACKGROUND-COLOR = clear 
???or white or default of browser??? */

/* STACKING INDEX = order by number 
of ABSOLUTELY POSITIONED ONLY  
graphics from low = lower level  .- - - - - - - - - -*/

div 1 { 
position: absolute; 
	width: 200px; 
	height: 50px; 
	top: 5px; 
	left: 5px; 
	background-color: red; 
	z-index: 1
}

div 2 { 
 position: absolute; 
	width: 200px; 
	height: 50px; 
	top: 15px; 
	left: 25px; 
	background-color: blue; 
	z-index: 2
}

div 3 { 
 position: absolute; 
	width: 200px; 
	height: 50px; 
	top: 25px; 
	left: 35px; 
	background-color: green; 
	z-index: 3
}

div 4 {
 position: absolute; 
	width: 200px; 
	height: 50px; 
	top: 35px; 
	left: 45px; 
	background-color: yellow; 
	z-index: 4
}

/* #18 ==========  BACKGROUNDS + Background IMAGES  === #!8 */

/* "...attachment "FIXED"" = doesn't move 
and stays in same place as you scroll down in browser window.  
COULD BE REAL COOL for using our LOGOS ???  */

/* "LEFT + CENTER" = background image in one position 
            ON THE LEFT and CENTERED in the browser window */

/* 
@media screen { 
body 
	{ background-color: #e3a97d;
	background-image: url("../../Images-???/theimage.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left center}
	}  
*/

/* Specifiy BKGD POSITION 
by percentage or measurement for a FIXED POSITION graphic.  
The following = background graphic FIXED 10px from TOP + 30 px from LEFT?   Measurement Choices = TOP, CENTER, BOTTOM or  LEFT, CENTER, RIGHT */

tr { display: table-row }

td { display: table-cell }

/* To create HIDDEN CELLS without borders 
that create EMPTY SPACES in table. 
Use CLASS definitions per CELLS */

td.hidden { visibility: hidden }  

/* Apply CLASS to CELLS "<td class="hidden">&nbsp;</td> */

th { display: table-header-group }

tfoot {display: table-footer-group }

caption {
  display: table-caption; 
		caption-side: top;
	 background: gray;
	 border: 2px solid black 
	 font-size: 14pt 
  }

/* #21 ==========  PRINTING VALUES  =================== #21 */

/* 
@media print { 
body 
	{ background-color: white;
  color: black }
	} 
*/
.Text-BlackBOLD { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: bold;
 color: #000000
 }
.Text-L2-black {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000033;
}