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


/* Global Selectors */



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

td  
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #737CA1;
    text-align: left; 
    vertical-align: bottom;
    }

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

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

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

A:visited { color: #000000; text-decoration:none } 

A.navigation:link
    { color: #41627E;
    text-decoration:none }

A.navigation:hover
    { color: #FFA500;
    text-decoration:none }

A.navigation:active
    { color: #666666;
    background-color: #6CC417;
    text-decoration:none }
    
A.class:link
    { color: #DF0101;
    background-color: #CEF6F5;
    text-decoration:none }
    
/*
A.navigation:visited
    { color: #41627E;
    text-decoration:none }
*/   

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

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

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

H2.photo       {letter-spacing:.5em;
	background:#6633CC;
	font-family: arial, helvetica, sans-serif; 
    font-size: 16pt;
    font-weight: bold;
    color: #330099;
    text-align: center;}
H2.class       {letter-spacing:.5em;
	background:#99CC66;
	font-family: arial, helvetica, sans-serif; 
    font-size: 16pt;
    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.description  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #CC99FF;
    text-align: left;	 
    }
p.description EM 
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #990099;
	text-align: left;	
    }
	
p.history  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #13134E;
    text-align: left;	 
    }
p.history EM 
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #000099;
	text-align: left;	
    }
DIV.history  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #3333CC;
	text-align: left;
	background:	000033;		
    }	
DIV.folklore
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font: italic;
    color: #996666;
	text-align: left;
	padding:10;
	margin:50;	
	background:	#FCDFFF;
    }
p.primer  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #5B5B15;
    text-align: left;	 
    }
p.primer EM 
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #5B5B15;
	text-align: left;	
    }	
DIV.indent
	{text-indent:8pt;
	line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #5B5B15;
    text-align: left;
	background-color:	#333300;}

DIV.pink
	{text-indent:8pt;
	line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    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: 12pt;
    font-weight: normal;
    color: #636317;
    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: 12pt;
    font-weight: normal;
    color: #993366;
    text-align: left;	 
    }
	
p.performance EM 
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #993366;
    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: 12pt;
    font-weight: normal;
    color: #99CC33;
    text-align: right;	 
    }
p.membersdetail  
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #737CA1;
    text-align: left;	 
    }	    
DIV.class
    {
	font-family: arial, helvetica, sans-serif; 
	/*padding:10;*/
	/*margin:30;*/
	background-color: #EBFFD2;
    }	
P.class
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: italic;
    color: #374A25;
    text-align: left; 
    vertical-align: bottom; 
    }
P.class2
    {line-height:18pt;
	font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: italic;
    color: #374A25;
    text-align: left; 
    vertical-align: bottom;
    background-color: #CEF6F5;    
    }
    
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: normal;
    color: #3E1E1E;
    text-align: right; 
    vertical-align: bottom;
    }
P.smallfont EM
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: bold;
    color: #009999;
    text-align: left; 
    vertical-align: bottom;
    }
SPAN.smallfont
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #CC6666;
    text-align: left; 
    vertical-align: bottom;
    }
SPAN.bookingelistlinkfont
    {font-family: arial, helvetica, sans-serif; 
    font-size: 16pt;
    font-weight: normal;
    color: #FF8000;
    text-align: left; 
    vertical-align: bottom;
    } 
IMG.left {float:left;
     padding:2px 50px 10px 0px}
/* 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: 12pt;
    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: 12pt;
    font-weight: bold;
    color: #FF9999;
    text-align: left;
    } 

.commonHeader /* identical to .heading3, spreading generality */
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    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: #737CA1; 
    }	

.altTableBgColor  /* used with even rows in tables, even columns in groups */
    {color: #FFFFFF;
     background-color: #98AFC7;
    }	
.altTableBgColorTitle  /* used with even rows in tables, even columns in groups */
    {color: #FFFFFF;
     background-color: #98AFC7;
    font-weight: bold;	 
    }	
.membersTitle  /* used with even rows in tables, even columns in groups */
    {color: #009900;
     background-color: #98AFC7;
    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: 12pt;
    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: 12pt;    
	font-weight: bold;
    color: #5B5B15;
	text-align: left; 
    vertical-align: middle;}	
td.rightmiddle
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right; 
    vertical-align: middle;
    }

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

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

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

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

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

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

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

 td.rightbottom
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right; 
    vertical-align: bottom;
    }
	
 td.smallfont
    {font-family: arial, helvetica, sans-serif; 
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    text-align: left; 
    vertical-align: bottom;
    }

 td.navigation
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
    text-align: left; 
    vertical-align: bottom;
    background-color: #B4CFEC;
    }
 td.primer  
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: normal;
    color: #5B5B15;
    text-align: left;
    vertical-align: bottom;
    }   
th.middle
    {font-family: arial, helvetica, sans-serif; 
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left; 
    vertical-align: middle;
    }

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

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