/* ------------
	BASE FONT
   ------------ */

body, div, table, tr, th, td, p, input, label, select, textarea, ol, ul, li {
	font : 14px Arial, Helvetica, sans-serif;
	color : #CCCCCC;
	background-color : #202020;
}

/* Primary layout table classes */
.pageTable		{ width : 750px; border-collapse: separate;  border-spacing: 8px; *border-collapse: expression('separate', cellSpacing = '8px');}  
.quoteTable		{ width : 570px; border-collapse: separate;  border-spacing: 8px; *border-collapse: expression('separate', cellSpacing = '8px');}  

/* -------------
	TEXT STYLES
   ------------- */
.mainTitle		{ font-size : 32px; color : #FFFFFF; }
.sectionTitle	{ font-size : 20px; color : #FFFFFF; background-color : #353535; }
.subTitle		{ font-size : 16px; color : #FFFFFF; }
.subTitleBtn	{ font-size : 16px; color : #FFFFFF; }
.galleryTitle	{ font-size : 14px; color : #FFFFFF; }
.imageTitle		{ font-size : 14px; color : #FFFFFF; }
.indexImgTitle	{ font-size : 12px; color : #FFFFFF; }
.copyright		{ font-size : 10px; color : #808080; }
.button			{ font-size : 12px; color : #FFFFFF; }
.instruction	{ font-size : 10px; color : #FFFFFF; }
.footnote		{ font-size : 10px; color : #CCCCCC; }
.quote			{ font-size : 15px; color : #FFFFFF; }

/* Show the pointer cursor to indicate clickability */
.clickable		{ cursor: pointer; }

/* make all default links bright white with no underline with no image border */
a:link			{ color : #FFFFFF; border : 0px; text-decoration:none; }
a:active		{ color : #FFFFFF; border : 0px; text-decoration:none; }
a:hover			{ color : #FFFFFF; border : 0px; text-decoration:none; }
a:visited		{ color : #FFFFFF; border : 0px; text-decoration:none; }
a img			{ border: 0px none; }

/* except where we really want there to be underlined links  */
a.ashow:link	{ color : #CCCCCC; border : 0px; text-decoration:underline; }
a.ashow:active	{ color : #CCCCCC; border : 0px; text-decoration:underline; }
a.ashow:hover	{ color : #CCCCCC; border : 0px; text-decoration:underline; }
a.ashow:visited	{ color : #CCCCCC; border : 0px; text-decoration:underline; }

/* or we want links that are hidden in the text for those that really want to find them   */
a.aNOshow:link		{ color : #CCCCCC; border : 0px; text-decoration:none; }
a.aNOshow:active	{ color : #CCCCCC; border : 0px; text-decoration:none; }
a.aNOshow:hover		{ color : #CCCCCC; border : 0px; text-decoration:none; }
a.aNOshow:visited	{ color : #CCCCCC; border : 0px; text-decoration:none; }

/* Footnote, used for "All profits go to ..." */
.footnote { width: 650px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size : 10px; color : #808080; text-align : center; }
.footnote a,
.footnote a:link,
.footnote a:visited,
.footnote a:active,
.footnote a:hover { font-weight:normal; color: #FFFFFF; }

/* img styles */
img.left		{ width : 250px; margin-right: 8px; margin-bottom: 8px; float: left; } 
img.leftV	{ height : 250px; margin-right: 8px; margin-bottom: 8px; float: left; } 
img.right	{ width : 250px; margin-left: 8px; margin-bottom: 8px; float: right; } 
img.rightV	{ height : 250px; margin-left: 8px; margin-bottom: 8px; float: right; } 
img.leftSmall	{ width : 160px; margin-right: 8px; margin-bottom: 8px; float: left; } 
img.leftVSmall	{ height : 160px; margin-right: 8px; margin-bottom: 8px; float: left; } 
img.rightSmall	{ width : 160px; margin-left: 8px; margin-bottom: 8px; float: right; } 
img.rightVSmall	{ height : 160px; margin-left: 8px; margin-bottom: 8px; float: right; } 
img.leftThumb	{ width : 96px; margin-right: 8px; margin-bottom: 8px; float: left; } 
img.leftVThumb	{ height : 96px; margin-right: 8px; margin-bottom: 8px; float: left; } 
img.rightThumb	{ width : 96px; margin-left: 8px; margin-bottom: 8px; float: right; } 
img.rightVThumb	{ height : 96px; margin-left: 8px; margin-bottom: 8px; float: right; }