/* shaolinCOMMUNICATIONS.com Cascading Style Sheet:  "_SCM_design16.css" v.1.1 *//*  Copyright 2006 shaolinCOMMUNICATIONS.com  All rights reserved. *//* This website: http://www.taichiyouth.comwas created by Richard O'Connor of http://www.shaolinDIGITAL.com         webmaster@shaolinCOMMUNICATIONS.comWebgraphics 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; padding-top: 2px; padding-bottom: 2px; padding-left: 12px  } .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: Charcoal, Chicago, "Arial Black", sans-serif;   font-size: 20px;   font-style: italic;   line-height: 30px;   font-weight: normal;   color: #000099  } .AnnounceText-1 {	font-family: Charcoal, Chicago, "Arial Black", sans-serif;	font-size: 14px;	font-style: normal;	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 = 180h1 {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 */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 }	} *//* Global Styles */body {	margin:0px;	}td {	font:11px arial;	color:#333333;	}	a {	color: #cc0000;	text-decoration:none;	font-weight:bold;	}	a:hover {	color: #990000;	text-decoration:underline;	}	/* ID Styles */#navigation a {	font:11px arial;	color: #ffffff;	text-decoration:none;	letter-spacing:0.1em;	}	#navigation a:hover {	color: #99CCFF;	}#padding {	padding:20px 5px 20px 5px;	}	#calendar td {	border: 1px solid rgb(0,51,153);	}	#noborder td {	border: 0px;	}	#weekdays th {	font:11px arial;	color: #ffffff;	font-weight:bold;	border: 0px;	padding:2px;	}#calheader td {	font-weight:bold;	}/* Class Styles */.logo {	font:18px times new roman;	color: #0E177C;	letter-spacing:.3em;	font-weight:bold;	line-height:22px;	}.tagline {	font:11px times new roman;	color: #CC3300;	letter-spacing:.2em;	}.smallText {	font:12px times new roman;	color: #CC3300;	line-height:18px;	}.pageHeader {	font:30px times new roman;	color: #CC3300;	letter-spacing:.1em;	line-height:38px;	}	.bodyText {	font:11px arial;	color:#333333;	line-height:24px;	}	.pageName {	font:20px georgia;	color: #CC3300;	letter-spacing:.1em;	line-height:26px;	}	.subHeader {	font:14px times new roman;	color: #003399;	font-weight:bold;	line-height:20px;	letter-spacing:.1em;	}	.navText {	font:10px arial;	color: #333300;	letter-spacing:.1em;	}