body { background: #6090f0 }
	body.whatsnew { background: #214552 }
	body.yourcomments { background: #214552; color:white }
				      
	A:link { COLOR: white }
	A:visited { COLOR: white }
	A:active { COLOR: white }
	A:hover { COLOR: red }
	
	A.aliass:link { COLOR: #dddddd }
	A.aliass:visited { COLOR: #dddddd }
	A.aliass:active { COLOR: #dddddd }
	A.aliass:hover { COLOR: black }
	
	A.whatsnew:link { COLOR: blue }
	A.whatsnew:visited { COLOR: blue }
	A.whatsnew:active { COLOR: blue }
	A.whatsnew:hover { COLOR: red }
	

	UL.spyNames { border-style: inset; border-width: thin; }
	UL.whatsnew { font-size: 12pt; color: black; }
	
	LI.spyNames { list-style: none; bgcolor="WHITE"; }
    
	H1 { color: white; }
	
	HR { color: yellow; }
	.HR1 { color: gray; }
	.HR2 { color: #737300; }

	.smallText { font-size: 8pt; }
	.helloText { font-size: 12pt; }
	.viewText { font-size: 10pt; color: white }
	
	.whiteText { font-size: 14pt; line-height: 14pt; text-indent: 3em; color: white; }
	.blackText { font-size: 14pt; line-height: 14pt; text-indent: 3em; color: black; }
	.articleText { font-size: 12pt; line-height: 12pt; color: black; }
	
.data1 { line-height: 1; font-size: 16pt; font-weight: bold; font-face: Arial; COLOR: white }
.data2 { line-height: 1; font-size: 16pt; font-face: Arial; COLOR: white }
.data3 { line-height: 1; font-size: 16pt; font-face: Arial; COLOR: black }
	
P.charTitle { align: center; width: 400; font-size: 24pt; border-style: outset; border-width: thin; background: #ffcc99; }

P.jack { margin: .5em; padding: 1em; background: #6090e0; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border: thin inset}
P.jack:first-letter { font-size: 200%; font-style: italic; font-weight: bold; float: left; }

DIV.sgShowChar1 { margin: .5em; padding: .5em; background: #112233; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgShowChar2 { margin: .5em; padding: .5em; background: #111133; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgShowChar3 { margin: .5em; padding: .5em; background: #114455; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgShowChar4 { margin: .5em; padding: .5em; background: #111122; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgShowChar5 { margin: .5em; padding: .5em; background: #113366; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }

DIV.sgShowYearData { margin: .5em; padding: .5em; background: #111122; font-color: #ffffff; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	
DIV.whatsnew { margin: .5em; padding: 1em; background: #aebf9d; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.whatsnew1 { margin: .5em; padding: 1em; background: #cc5500; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.whatsnew2 { margin: .5em; padding: 1em; background: #cedfbd; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	
DIV.header { margin: .5em; padding: 1em; background: #cc5500; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }

DIV.contactme1 { margin: .5em; padding: 1em; background: #cc5500; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.contactme2 { margin: .5em; padding: 1em; background: #cedfbd; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.contactme3 { margin: .5em; padding: 1em; background: #414572; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.contactme4 { margin: .5em; padding: .5em; background: #414572; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
	
DIV.sgchar1 { margin: .5em; padding: 1em; background: #cc5500; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgchar2 { margin: 1em; padding: 1em; background: #cedfbd; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgchar3 { margin: 1em; padding: 1em; background: #414572; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.sgchar4 { margin: .5em; padding: .5em; background: #414572; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }

DIV.lookupbook { margin: .5em; padding: 1em; background: #414572; font-color: #ffffff; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.lookupbook1 { margin: .5em; padding: 1em; background: #415582; font-color: #ffffff; font-size: 12pt ; font-style: normal; line-height: normal; border-color:#cccccc; border-style:solid; border-width:5px }
	
DIV.articles1 { margin: .5em; padding: .5em; background: #cc5500; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.articles2 { margin: .5em; padding: 1em; background: #5599aa; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.articles3 { margin: .5em; padding: 1em; background: #dfcebd; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }
DIV.articles4 { margin: .5em; padding: 1em; background: #724145; font-color: #ff0000; font-size: 12pt ; font-style: normal; line-height: normal; border-color:white; border-style:solid; border-width:5px }

DIV.gradelistHeader { color: #ff0000; font-size: 14pt; font-style: italic; font-weight: bold; }
DIV.gradelistItem { color: #ffffff; font-size: 12pt; }
DIV.gradelistPara { color: #fff0f0; font-size: 12pt; }

.sgMemberGrades { margin: .5em; padding: .5em; background: #112233; color: #ffffff; font-size: 12pt ; font-style: normal; border-color:white; border-style:solid; border-width:5px }

	
.alphaList{ cellspacing: 2; border-width: thin; border-style: solid; background: #0078d0; }
	
.iNS { color: white; font-family: Arial; font-size: 16px; font-weight: bold }

.tableBorder { border-width: thin; border-style: solid; }

div.outerBox {position:relative; width:300px; height:500px;}

div.innerBox {
position:absolute;
top:50px; left:70px;
width:220px; height:90px;
z-index:7;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	float: center;
}