/* shaolinCOMMUNICATIONS.com Cascading Style Sheet:  "_SEASONS_design4.css" v.1.1 *//*  Copyright 2006 shaolinCOMMUNICATIONS.com  All rights reserved. *//* This website: http://www.seasonOFfours.comwas created by Richard Connor of http://www.shaolinCOMMUNICATIONS.com Webgraphics by THE HIPPY 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: #000000; padding-top: 2px; padding-bottom: 4px; padding-left: 12px  } .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  }.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: Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	line-height: normal;	font-weight: bold;	font-variant: normal;	color: #993333;; padding-top: 1px; padding-bottom: 2px; padding-left: 8px }.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 *//* "...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}	}  */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 }	} */.heading {  font-family: Textile, Techno, Verdana; font-size: 36px; font-style: normal; text-transform: capitalize; color: #CC0000; text-align: center }