/*

naming convention: dark color first, i.e. purple_gold.css or black_white.css
I'm going to have three basic sections...
body tag and tdIn - which will be all the normal text on a white background.  Black text with logo color for links.
tdLight - which will be light background with dark colored logo text
tdDark - which will be dark background with light colored logo text
tip- which will be the same as the tdLight except that it will NOT have a bgcolor, so that the defualt bgcolor will hopefully show up.

Each style sheet will only differ in two colors, the light color and dark color so it should be easy to spap them out:
light color: #000000
dark color: #CCCCCC

*/

body {        
		background-color: #ffffff;
		color: #000000;        
		font-family: Arial;
		FONT-SIZE: 10pt;
		margin-left: 0;
		margin-top: 0;
}

a:link {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: none;
}
a:visited {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: none;
}
a:hover {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: underline;
}
a:active {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: none;
}



.tdIn {
	color: #000000;        
	font-family: Arial;  
	FONT-SIZE: 10pt;     
}
a.tdIn:link {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: none;
}
a.tdIn:visited {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: none;
}
a.tdIn:hover {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: underline;
}
a.tdIn:active {
        color: #000000;
        font-family: Arial;
        FONT-SIZE: 10pt;
        FONT-WEIGHT: Bold;
        text-decoration: none;
}


/*
------------------------------------------------
			dark colors
------------------------------------------------
*/
.tdDark {
	background-color: #CCCCCC;
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 10pt;
}

a.tdDark:link {        
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: Bold;
	text-decoration: none;
}

a.tdDark:visited {        
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: Bold;
	text-decoration: none;
}

a.tdDark:hover {        
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: Bold;
	text-decoration: underline;
}

a.tdDark:active {
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: Bold;
	text-decoration: none;
}

.tdDarkSmall {
	background-color: #CCCCCC;
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 8pt;
}

a.tdDarkSmall:link {        
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: Bold;
	text-decoration: none;
}

a.tdDarkSmall:visited {        
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: Bold;
	text-decoration: none;
}

a.tdDarkSmall:hover {        
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: Bold;
	text-decoration: underline;
}

a.tdDarkSmall:active {
	color: #000000;
	font-family: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: Bold;
	text-decoration: none;
}

/*
------------------------------------------------
			light colors
------------------------------------------------
*/

.tdLight {    
	background-color: #000000;
	color: #CCCCCC;
	font-family: Arial;      
	FONT-SIZE: 10pt;        
}
a.tdLight:link {
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 10pt;
	text-decoration: none;
}
a.tdLight:visited {
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 10pt;
	text-decoration: none;
}
a.tdLight:hover {        
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: Bold;
	text-decoration: underline;
}
a.tdLight:active {
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 10pt;
	text-decoration: none;
}




/*
------------------------------------------------
				tip
------------------------------------------------
*/
.tip {        
	color: #CCCCCC;        
	font-family: Arial;        
	FONT-SIZE: 8pt;        
}
a.tip:link {
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 8pt;
	text-decoration: none;
}
a.tip:visited {
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 8pt;
	text-decoration: none;
}
a.tip:hover {        
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 8pt;
	text-decoration: underline;
}
a.tip:active {
	color: #CCCCCC;
	font-family: Arial;
	FONT-SIZE: 8pt;
	text-decoration: none;
}