/* shaolinCOMMUNICATIONS.com Cascading Style Sheet:  "_SCM_design3" v.1.1 *//*  Copyright 2006 shaolinCOMMUNICATIONS.com  All rights reserved. *//* This website: http://www.chinatownCOMICS.comwas created by Richard O'Connor of http://www.shaolinDIGITAL.com         webmaster@shaolinCOMMUNICATIONS.comWebgraphics by THE COYOTE of http://www.folkrockTROUBADOUR.com *//* ..................CSS CHECKLIST:  #6.  MARGINS + PADDING.  #7.  Create PRINTABLE VERSION.  #8.  MAX + MINIMUM WIDTHS.  #9.  BASIC ELEMENTS.#10.  HEADER Elements.#11.  SUBHEADS.#12.  SLOGAN + ANNOUNCEMENT TEXT.#13.  TEXT Elements.#14.  FOOTER.#15.  AUDIO INFORMATION.#16.  BACKGROUND MUSIC + SOUND EFX.#17.  VISUAL PROPERTIES + POSITIONING.#18.  BACKGROUNDS + Background IMAGES. ================== *//* This template combines CSS from stock template: "2col_rightNav.css  *//***********************************************//*        GLOBAL STYLES        *//***********************************************/body{	font-family: Arial,sans-serif;	color: #003333;	margin: 0px;	padding: 0px;}a:link, a:visited, a:hover {	text-decoration: none;}a {	color: #996633;}a:hover {	text-decoration: underline;	color: #006633;}h1, h2, h3, h4, h5, h6 {	font-family: Arial,sans-serif;	margin: 0px;	padding: 0px;}h1{ font-family: Verdana,Arial,sans-serif; font-size: 120%; color: #CCFFFF;}h2{	font-size: 28px;	color: #0099CC;	padding-top: 6px;	padding-bottom: 6px;}h3{ font-size: 16px; color: #334d55;}h4{ font-size: 18px; font-weight: bold; color: #003333;}h5{ font-size: 100%; color: #334d55;}ul{ list-style-type: square;}ul ul{ list-style-type: disc;}ul ul ul{ list-style-type: none;}label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}/***********************************************//*        Layout Divs        *//***********************************************/#masthead{	margin: 0;	border-bottom: 1px solid #cccccc;	width: 100%;	border-right-width: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;	background-image: url(Images-CC/ArtPhotos-CC/pic0001z.jpg);}#navBar{	float: right;	width: 20%;	margin: 0px;	padding: 0px;	border-left: 1px solid #cccccc;	border-bottom: 8px solid #cccccc;	background-image: url(Images-CC/Bkgd-CC/pap0002a.gif);	border-left-width: thick;	border-top-width: thick;	border-left-color: #003333;	border-top-color: #006699;}#headlines{  float:left;	width: 20%;	border-right: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;	padding-right: 10px;}#content{  float:left;	width: 55%;	margin: 0;	padding: 0 0 0 0;}/***********************************************//*        Component Divs        *//***********************************************/#siteName{	margin: 0px;	padding: 18px 0px 8px 10px;	background-image: url(Images-CC/Bkgd-CC/SG_128.JPG);}/***********************************************//*        #pageName styles        *//***********************************************/#pageName{	padding: 12px 0px 8px 10px;}/***********************************************//*        #globalNav styles        *//***********************************************/#globalNav{	color: #cccccc;	padding: 0px 0px 0px 0px;	white-space: nowrap;	background-color: #003300;	text-align: left;	line-height: 1.3em;}/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line   this will force a horizontal scrollbar if there isn't enough room for all links   remove rule or change value to 'normal' if you want the links to line-wrap */#globalNav img{ display: block;}#globalNav a {	font-size: 110%;	padding: 0px 0px 0px 0px; }/***********************************************//*        #breadCrumb styles        *//***********************************************/#breadCrumb{	font-size: 80%;	padding: 5px 0px 5px 10px;	color: #006699;	background-image:url(Images-CC/Bkgd-CC/SG_128.JPG);	border-bottom: 2px;	border-bottom-color: #003300;}/***********************************************//*        .feature styles        *//***********************************************/.feature{	padding: 0px 0px 10px 0px;	font-size: 80%;}.feature h3{	padding: 30px 0px 5px 0px;	text-align: center;}.feature img{	float: left;	padding: 0px 10px 0px 0px;	margin: 0 5px 5px 0;}/* adjust margins to change separation between the feature image and text flowing around it *//***********************************************//*        .story styles        *//***********************************************/.story{	clear: both;	padding: 10px 0px 0px 0px;	font-size: 80%;}.story p{  padding: 0px 0px 10px 0px;}/***********************************************//*        #siteInfo styles        *//***********************************************/#siteInfo{	clear: both;	border: solid #cccccc 1px;	font-size: 12px;	color: #003333;	padding: 10px 10px 10px 10px;	margin-top: 0px;	font-style: italic;}/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)   the bottom border of the navBar in cases where they "touch" */#siteInfo img{	padding: 4px 4px 4px 0px;	vertical-align: middle;}/***********************************************//*        #search styles        *//***********************************************/#search{	padding: 5px 0px 5px 10px;	border-bottom: 1px solid #cccccc;	font-size: 90%;}#search form{ margin: 0px; padding: 0px;}#search label{	display: block;	margin: 0px;	padding: 0px;}/***********************************************//*        #navBar link styles        *//***********************************************/#navBar ul a:link, #navBar ul a:visited {display: block;}#navBar ul {list-style: none; margin: 0; padding: 0;}/* hack to fix IE/Win's broken rendering of block-level anchors in lists */#navBar li {border-bottom: 1px solid #EEE;}/* fix for browsers that don't need the hack */html>body #navBar li {border-bottom: none;}/***********************************************//*        #sectionLinks styles        *//***********************************************/#sectionLinks{	position: static;	margin: 0px;	padding: 0px;	border-bottom: 2px solid #cccccc;	font-size: 90%;}#sectionLinks h3{	padding: 10px 0px 2px 10px;}#sectionLinks a:link{	padding: 2px 0px 2px 10px;	border-top: 1px solid #cccccc;	width: 100%;	voice-family:inherit;	width: auto;}#sectionLinks a:visited{	border-top: 1px solid #cccccc;	padding: 2px 0px 2px 10px;}#sectionLinks a:hover{	border-top: 1px solid #cccccc;	background-color: #dddddd;	padding: 2px 0px 2px 10px;}/***********************************************//*        .relatedLinks styles        *//***********************************************/.relatedLinks{	margin: 0px;	padding: 0px 0px 10px 10px;	font-size: 90%;	line-height: 1.6em;}.relatedLinks h3{	padding: 10px 0px 2px 0px;}/***********************************************//*        #advert styles        *//***********************************************/#advert{	padding: 10px 0px 0px 10px;	font-size: 80%;	border-top: 1px solid #cccccc;}#advert img{	display: block;}/***********************************************//*        #story styles        *//***********************************************/.story{	clear: both;	padding: 10px 0px 0px 10px;	font-size: 80%;}.story p{	padding: 0px 0px 10px 0px;}/***********************************************//*        #headlines styles        *//***********************************************/#headlines{	margin: 0px;	padding: 0px 0px 0px 10px;	font-size: 80%;}#headlines p{	padding: 0px 0px 0px 0px;}.Head-1-gold {	font-family: Trebuchet MS, Verdana, Arial;	font-size: 16px;	font-style: italic;	font-weight: normal;	color: #FFCC00;}.Head-2-gold {	font-family: Trebuchet MS, Verdana, Arial;	font-size: 18px;	font-style: italic;	font-weight: normal;	color: #FFCC00;}/***********************************************//*       HEADER STYLES        *//***********************************************/.HeaderL1-Brn-1 {	font-family: Capitals, Arial Black;	font-size: 48px;	font-style: normal;	line-height: 68px;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #990000;}.Title-Blu-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 36px;	font-style: normal;	line-height: 48px;	font-weight: bold;	font-variant: normal;	color: #000066;}.AmZenHEADINGdkBLU {	font-family: Trebuchet MS, Charcoal, Arial Black, sans-serif;	font-size: 36px;	font-style: normal;	font-weight: normal;	color: #000099;}/***********************************************//*        LEFT SIDEBAR  NAVIGATION  STYLES ----  LEVEL 1        *//***********************************************/#navigation td {	border-bottom: 1px solid #FF9900}#navigation a {	font:11px Arial, Helvetica, sans-serif;	color: #FF9900;	line-height:16px;	letter-spacing:.1em;	text-decoration: none;	display:block;	padding:8px 6px 8px 22px;}	#navigation a:hover {	color:#FFFFCC;	font-weight:bold;	background: url(Images-CC/BarsLines-CC/mm_bullet_yellow.gif) 10px 50% no-repeat;}	#navheader {	font:24px georgia;	color: #1F2669;	letter-spacing:.4em;	padding:10px;	line-height:30px;}#navheader {	font:24px georgia;	color: #1F2669;	letter-spacing:.4em;	padding:10px;	line-height:30px;}		.navText {	font:11px Arial, sans-serif;	color: #1F2669;	line-height:12px;	letter-spacing:0.1em;	text-decoration: none;}	#navigation2 a:hover {	color:#FFFFCC;	font-weight:bold;	background: url(Images-CC/BarsLines-CC/mm_bullet_yellow.gif) 10px 50% no-repeat;}#navigation2 a {	font:11px Arial, Helvetica, sans-serif;	color: #FF9900;	line-height:16px;	letter-spacing:0.1em;	text-decoration: none;	display:inline;	padding:8px 6px 8px 6px;}.LinkTITLE-blu-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: normal;	font-weight: bold;	text-transform: none;	color: #000066;}.LinkTITLE-BLK-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: normal;	font-weight: bold;	text-transform: none;	color: #000000;}.LinkTEXT-blu-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	line-height: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #000066;}.LinkTEXT-BLK-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	line-height: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #000000;}.Link-LINK-blu-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	line-height: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #000066;}.Link-LINK-BLK-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	line-height: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #000000;}/***********************************************//*        LEVEL 1 OTHER CSS from TEMPLATE        *//***********************************************/#logo 	{	font:22px Capitals, Georgia, serif;	color: #993300;	letter-spacing:0.5em;	line-height:30px;}#tagline 	{	font:14px Arial, Helvetica, sans-serif;	color: #3399FF;	letter-spacing:0.2em;	line-height:18px;	padding-top: 12px;}	#monthformat td {	 border-bottom: 1px solid #FFFFCC; }	 #dateformat {	font:11px Arial, Helvetica, sans-serif;	color: #FFFF00;	letter-spacing:.4em;}	#dateformat a {	font: 11px Arial, Helvetica, sans-serif;	color: #FFFF00;	letter-spacing:.1em;	text-decoration: none;}	#dateformat a:hover {	color: #FFFFCC;}		.smallText {	font:12px Arial, Helvetica, sans-serif;	color:#333333;}/***********************************************//*        Class Styles        *//***********************************************/.pageName{	font:24px Arial, Helvetica, sans-serif;	color: #FFFF00;	line-height:30px;	letter-spacing:0.3em;	padding: 4px, 0px, 2px, 0px;}	.columnHeader {	font: 12px Arial, Helvetica, sans-serif;	color: #FF080E;	line-height:18px;	letter-spacing:0.05em;	font-style: italic;	font-weight: bold;}/***********************************************/	       /*  old   BROCHURE FONTS  *//***********************************************/.Brochure-TITLE-Yel-1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-style: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #FFFF00;}.Brochure-TEXT-Yel-1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #FFFF00;}.SideBarTITLE-Yel-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;	font-style: normal;	font-weight: normal;	text-transform: none;	color: #FFFF00;	padding-bottom: 8px;}.SideBarLINKS-Yel-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: normal;	text-transform: none;	color: #FFFF00;}/***********************************************//*        HEADLINES and TITLES        *//***********************************************/ALBUMtitle {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 24px;	line-height: 30px;	font-weight: bold;	color: #FFFF00;}.Lev0-8-NAME {	font:24px Arial, Helvetica, sans-serif;	color: #FFFF00;	line-height:24px;	letter-spacing:0.3em;	padding: 4px, 0px, 2px, 0px;}.Lev8-TITLECopy {	font-family: Techno, Arial;	font-size: 32px;	font-style: normal;	line-height: 36px;	font-weight: bold;	color: #CCFFFF;}.Lev0-8-TITLE {	font-family: Techno, Arial;	font-size: 32px;	font-style: normal;	line-height: 36px;	font-weight: bold;	color: #CCFFFF;}/***********************************************//*       SUBHEADS        *//***********************************************/.AmZenNEWS-1-SubHead {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-style: normal;	font-weight: bold;	color: #000000;}.TEXT-SUBHEAD-1 {	font-family: Trebuchet MS, Verdana, Arial;	font-size: 16px;	font-style: italic;	font-weight: bold;	color: #663333;}.subhead-TAN-14 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	color: #CC9966;	letter-spacing: 0.18em;	padding-left: 18px;	padding-bottom: 8px;}.Lev0-8-SUBHEAD {	font-family: Arial;	font-size: 18px;	font-style: normal;	font-weight: bold;	color: #FFFF00;}.subhead-IVORY-14 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	color: #FFFF99;}.subhead-IVORY-16 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;	font-style: normal;	font-weight: bold;	color: #FFFF99;}.subHeader {	font:bold 11px Arial, Helvetica, sans-serif;	color: #FF080E;	line-height:18px;	letter-spacing:.1em;	}/***********************************************//*        ANNOUNCEMENT  TEXT       *//***********************************************/.MemoTITLE-blk-1 {	font-family: Techno, Arial;	font-size: 18px;	font-style: normal;	font-weight: bold;	color: #000000;}.MemoSUBtitle-blk-1 {	font-family: Techno, Arial;	font-size: 16px;	font-style: normal;	font-weight: bold;	color: #000000;}.MemoTEXT-blk-1 {	font-family: Techno, Arial;	font-size: 14px;	font-style: normal;	font-weight: bold;	text-transform: none;	color: #000000;}.MemoSUBtitle-pur-1 {	font-family: Techno, Arial;	font-size: 16px;	font-style: normal;	font-weight: bold;	color: #990099;}.Slogan-blu-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 20px;	font-style: italic;	font-weight: bold;	color: #000066;}.Slogan-blu-2 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 20px;	font-style: italic;	font-weight: bold;	color: #0000CC;}.Slogan-blk-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 20px;	font-style: italic;	font-weight: bold;	color: #000000;}/***********************************************//*        BANNER  STYLES at FOOTER        *//***********************************************/.BannerPURCHASEalbum-1 {	font-family: Capitals, Arial Black;	font-size: 24px;	font-style: italic;	font-weight: bold;	text-transform: none;	color: #CCFFCC;}.BannerLEVEL-1 {	font-family: Capitals, Arial Black;	font-size: 32px;	font-style: italic;	font-weight: bold;	text-transform: none;	color: #CCFFCC;}.BannerBYcoyote-1 {	font-family: Capitals, Arial Black;	font-size: 24px;	font-style: italic;	font-weight: bold;	text-transform: none;	color: #CCFFCC;}/***********************************************//*        BODY  TEXT        *//***********************************************/.bodyText {	font:13px Helvetica, sans-serif;	color:#D9BD96;	line-height:22px;	margin-top:0px;	letter-spacing:0.1em;}	.smallText {	font:10px Arial, Helvetica, sans-serif;	color:#333333;}	.navText {	font:11px Georgia, Times New Roman, Times, serif;	color: #1F2669;	line-height:16px;	letter-spacing:.1em;	text-decoration: none;}.Text-AmZenNEWS {	font-family: Chicago, Impact, Charcoal, Arial;	font-size: 12px;	font-style: normal;	font-weight: normal;	font-variant: normal;	color: #000000;}.Text-AmZenNEWS-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	color: #000099;}.Text-AmZenNEWS-red {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	font-weight: bold;	color: #FF0000;}.Text-Blu-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #000066;}.Text-Blu-1-italic {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	color: #000066;}.Text-Blu-1-bold {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	color: #000066;}.Text-Blu-2 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #0000CC;}.Text-Blu-2-italic {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	font-weight: bold;	color: #0000CC;	font-variant: normal;}.Text-Blu-2-bold {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;	color: #0000CC;	font-variant: normal;}.Text-AmZenNEWS-red2 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	font-weight: normal;	color: #FF0000;}.Lev0-8-TEXT-Yel-1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 24px;	font-style: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #FFFF00;	line-height: 34px;	letter-spacing: 0.2em;}.Lev0-8-NUMBERS-Yel-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 44px;	font-style: normal;	font-weight: bold;	font-variant: normal;	text-transform: none;	color: #FFFFCC;}.Lev0-8-Text-SMALL-1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-style: normal;	line-height: 14px;	font-weight: bold;	color: #FFFFCC;}.Text-IVORY-12 {	font-family: Arial, sans-serif;	font-size: 12px;	font-style: normal;	font-weight: normal;	color: #FFFF99;	line-height: 1.6;	letter-spacing: 0.16em;}.Text-IVORY-14 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #FFFF99;}.Text-IVORY-12italic {	font-family: Helvetica, Arial, sans-serif;	font-size: 12px;	font-style: italic;	font-weight: normal;	color: #FFFFCC;	letter-spacing: 0.2em;}.Text-IVORY-14italic {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: italic;	font-weight: normal;	color: #FFFF99;	letter-spacing: 0.2em;}.Text-TAN-12 {	font-family: Arial, sans-serif;	font-size: 12px;	font-style: normal;	font-weight: normal;	color: #CC9966;	line-height: 1.6;	letter-spacing: 0.16em;}.Text-TAN-12italic {	font-family: Arial, sans-serif;	font-size: 12px;	font-style: italic;	font-weight: normal;	color: #CC9966;	line-height: 1.6;	letter-spacing: 0.16em;}.Text-TAN-14italic {	font-family: Arial, sans-serif;	font-size: 14px;	font-style: italic;	font-weight: normal;	color: #CC9966;	line-height: 1.6;	letter-spacing: 0.16em;}.Text-TAN-14 {	font-family: Helvetica, Arial, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #CC9966;	line-height: 1.5;	letter-spacing: 0.1em;}/***********************************************//*        FOOTER TEXT STYLES        *//***********************************************/.FooterTITLE-DATE-blu-1 {	font-family: Skia, Chicago, Arial, Helvetica;	font-size: 12px;	font-style: normal;	font-weight: bold;	font-variant: normal;	color: #000066;}.FooterTITLE-DATE-blu-2 {	font-family: Skia, Chicago, Arial, Helvetica;	font-size: 12px;	font-style: normal;	font-weight: bold;	font-variant: normal;	color: #0066CC;}.FooterTITLE-DATE-yel-1 {	font-family: Skia, Chicago, Arial, Helvetica;	font-size: 12px;	font-style: normal;	font-weight: bold;	font-variant: normal;	color: #FFFF00;}.FooterWEBdesign-yel-1 {	font-family: Techno, Arial;	font-size: 14px;	font-style: normal;	font-weight: normal;	font-variant: normal;	color: #FFFF00;}.FooterCOYOTE-yel-1 {	font-family: Sand, Textile, Klang MT, Arial;	font-size: 16px;	font-style: normal;	font-weight: bold;	font-variant: normal;	color: #FFFF00;}.FootershDESIGN-yel-1 {	font-family: Techno, Arial;	font-size: 14px;	font-style: normal;	font-weight: normal;	font-variant: normal;	color: #FFFF00;}.FooterAMERICAN-blu-1 {	font-family: Capitals, Arial Black;	font-size: 26px;	font-style: normal;	font-weight: bold;	color: #000066;}.FooterZEN-blu-1 {	font-family: Capitals, Arial Black;	font-size: 36px;	font-style: normal;	color: #000066;	font-weight: bold;}.FooterORG-blu-1 {	font-family: Capitals, Arial Black;	font-size: 26px;	font-style: normal;	font-weight: bold;	color: #000066;}.footer-TheCoyote {	font-family: Arial Rounded MT Bold, Arial;	font-size: 16px;	font-style: italic;	line-height: 18px;	font-weight: bold;	text-transform: none;	color: #CC6633;}.Footer-LINKS {	font-family: Trebuchet MS, Verdana, Arial;	font-size: 12px;	font-style: italic;	font-weight: bold;	text-transform: none;	color: #003366;}.Footer-LinkHEADER-1 {	font-family: Trebuchet MS, Verdana, Arial;	font-size: 18px;	font-style: italic;	font-weight: bold;	color: #336699;}