/*   file: 		sktaiko.css */
/*   description:	style sheet definitions for development of SeattleKokonTaiko website */
/*   author: 		Marinda Chen */
/*   last revised:      11/19/2001 */


/* Global Selectors */ 

body
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #663333;
    background-color: #000000;
    margin-left: 5px;
    }

td  
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: top;
    }

th  
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    vertical-align: bottom;
    }
	
A:link 	  { color: "#999999"; text-decoration:none }

A:hover  { color: "#FF99cc"; text-decoration:none }

A:active  { color: "#666666"; text-decoration:none }

A:visited { color: "cccccc"; text-decoration:none } 

H1        {letter-spacing:.5em;
	font-family: arial, helvetica, sans-serif; 
    font-size: 18pt;
    font-weight: bold;
    color: #FF0000;
    text-align: left;
    }
H2.description    {letter-spacing:.5em;
	background:#CC00FF;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #660066;
    text-align: center;}
	
H2.history        {letter-spacing:.5em;
	background:#333399;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #000066;
    text-align: center;}

H2.primer        {letter-spacing:.5em;
	background:#999900;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #666600;
    text-align: center;}
	
H2.performance       {letter-spacing:.5em;
	background:#CC6699;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #CC0066;
    text-align: center;}

H2.members       {letter-spacing:.5em;
	background:#99CC33;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #336600;
    text-align: center;}
			
H2.resources       {letter-spacing:.5em;
	background:#66CCCC;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #006666;
    text-align: center;}

H2.photo       {letter-spacing:.5em;
	background:#6633CC;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #330099;
    text-align: center;}
H2.class       {letter-spacing:.5em;
	background:#99CC66;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #336600;
    text-align: center;}						
H3.photo        {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-weight: bold;
    color: #330099;
    text-align: right;}

p.bios  
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF
    }
p.description  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #CC99FF;
    text-align: left;	 
    }
p.description EM 
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #990099;
	text-align: left;	
    }
	
p.history  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #3333CC;
    text-align: left;	 
    }
p.history EM 
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #000099;
	text-align: left;	
    }
DIV.history  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #3333CC;
	text-align: left;
	background:	000033;		
    }	
DIV.folklore
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font: italic;
    color: #996666;
	text-align: left;
	padding:10;
	margin:50;	
	background:	000033;
    }
p.primer  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #CCCC33;
    text-align: left;	 
    }
p.primer EM 
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #CCCC33;
	text-align: left;	
    }	
DIV.indent
	{text-indent:8pt;
	line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #CCCC33;
    text-align: left;
	background:	333300;}

DIV.pink
	{text-indent:8pt;
	line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #993366;
    text-align: left;
	background:	000033;}
		
UL {list-style:circle
	text-indent:8pt;
	line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #CCCC33;
    text-align: left;	}
	
DIV.performance
    {
	font-family: arial, helvetica, sans-serif; 
	padding:10;
	margin:30;	
    }
	
p.performance  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #993366;
    text-align: left;	 
    }
	
p.performance EM 
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left;	 
    }
SPAN.performance 
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: bold;
    color: #993366;
    text-align: left;	 
    }	
p.members  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #99CC33;
    text-align: right;	 
    }	
DIV.class
    {
	font-family: arial, helvetica, sans-serif; 
	padding:10;
	margin:30;	
    }	
P.class
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: italic;
    color: #99CC66;
    text-align: left; 
    vertical-align: bottom;
    }
SPAN.classnote
    {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-style: italic;
    color: #CCFF99;
    text-align: left; 
    vertical-align: bottom;
    }	
P.smallfont
    {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-weight: bold;
    color: #CC6666;
    text-align: left; 
    vertical-align: bottom;
    }
P.smallfont EM
    {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-weight: bold;
    color: #009999;
    text-align: left; 
    vertical-align: bottom;
    }
SPAN.smallfont
    {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-weight: normal;
    color: #CC6666;
    text-align: left; 
    vertical-align: bottom;
    } 
IMG.left {float:left; padding:2 50 0 0}
/* Generic Class Based Selectors */

.heading1  /* page headings */
    {font-family: arial, helvetica, sans-serif; 
    font-size: 18pt;
    font-weight: bold;
    color: #FF0000;
    text-align: left;
    }

.heading2  /* section header (with or without background) group headers (with background) */
    {font-family: arial, helvetica, sans-serif; 
    font-size: 14pt;
    font-weight: bold;
    color: #FF3333;
    text-align: left;
    }

.heading3 /* column headers, totals, aggregate information */
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #FF6666;
    text-align: left;
    } 

.heading4 /* header data in smaller form e.g. Summary dialogs */
    {font-family: "arial", helvetica, sans-sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FF9999;
    text-align: left;
    } 

.commonHeader /* identical to .heading3, spreading generality */
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
}

.heading2BgColor  /* used with .heading2 for group headers, navigation bars */
    {color: #FFFFFF;
     background-color: #B0B0D9;
    }

.groupHeading  /* combination of heading2 and heading2color */
    {font-family: arial, helvetica, sans-serif; 
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    background-color: #B0B0D9;
    }

.primBgColor  /* used with odd rows in tables (same background as body) */
    {color: #FFFFFF;
     background-color: #FFFFFF; 
    }	

.altTableBgColor  /* used with even rows in tables, even columns in groups */
    {color: #FFFFFF;
     background-color: #333333;
    }	
.altTableBgColorTitle  /* used with even rows in tables, even columns in groups */
    {color: #FFFFFF;
     background-color: #333333;
    font-weight: bold;	 
    }	
.membersTitle  /* used with even rows in tables, even columns in groups */
    {color: #009900;
     background-color: #333333;
    font-weight: bold;
	height:12;
	text-align: center;	 
    }		
.subNormal {   /* 3 points smaller than normal, used in summaries */
    font-family: "Arial", helvetica, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
    font-weight: normal;
    font-style: normal;
     text-align: left;
    }

.normal {    /* usual font, specified at  <td> <p> also */
    font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: normal;
    font-style: normal;
    }

.bold {font-weight: bold}

.italic {font-style: italic} 

.uline {text-decoration: underline}

/* Regular Class Based Selectors */
td.bold {
	font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;    
	font-weight: bold;
    color: #FFFFFF;
	text-align: left; 
    vertical-align: middle;}	
td.rightmiddle
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right; 
    vertical-align: middle;
    }

td.centermiddle
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    }

td.leftmiddle
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: middle;
    }

 td.lefttop
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: top;
    }

 td.leftbottom
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: bottom;
    }

 td.centertop
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center; 
    vertical-align: top;
    }

 td.centerbottom
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center; 
    vertical-align: bottom;
    }

 td.righttop
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right; 
    vertical-align: top;
    }

 td.rightbottom
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right; 
    vertical-align: bottom;
    }
	
 td.smallfont
    {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-weight: bold;
    color: #009999;
    text-align: left; 
    vertical-align: bottom;
	background-color: #333333;
    }
	
th.middle
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: middle;
    }

th.top
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: top;
    }

th.centerbottom
    {font-family: arial, helvetica, sans-serif; 
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center; 
    vertical-align: bottom;
    }