/* basic elements */
/*seasonal colors to change are: to change color of table in "History.htm" go down to CONTENT HOLDER*/
body    { 
		font-family: "Comic Sans MS", sans-serif; 
		font-size: medium; 
		color: #008000;/*this color number is Dark Green for the font, not the background color */
		background-image: url('http://kriskuhn.net/images/kgen.gif'); 
		}
		
		
a:link { 
		font-weight: bold; 
		color: #CC3366;
		text-decoration: underline; 
		}

a:visited  { 
		color: #FF3300;
		}

a:hover {
		color: #3333FF; 
		font-size:medium; 
		font-style: italic; 
		font-weight: bold
		}
		
ul {  
     list-style: square ;  
}
h1 { 
	font: 30pt bold; 
	text-align: center; 
	}

td {

	border-left:2px inset #E8E8E8; 
	border-right:2px inset #C0C0C0; 
	border-top:2px inset #E8E8E8; 
	border-bottom:2px inset #C0C0C0;
	}


/* other stuff these can only be used once and are ID */
#green {
		font-size: medium;
		}

		
#largeTable  { 
			background-color: #CCFFCC; /* this is light green */			 
			width: 65%;/* CHANGE this table color for the index page */
			} 
			
#bigTable  { 
			background-color: #CCFFCC; /* this is light green */		 
			width: 80%;
			}	
#alphaTable  { 
			background-color: #CCFFCC; /* this is light green */		 
			width: 80%;
			font-size: large;
			}			
					
#greenTable {
	border-left:5px outset #E8E8E8; 
	border-right:5px outset #C0C0C0; 
	border-top:5px outset #C0C0C0; 
	border-bottom:5px outset #E8E8E8; 
	text-align:center;
	font-size: 12pt; 
	background-color: #CCFFCC; /* this is light green */
	width: 50%;
	vertical-align:baseline;
	margin-left: auto;
 	margin-right: auto 
				}			
#listingTable  {
	
	color: #000000;
	background-color: #FFFFFF; /* this is white */
	font: normal 12px center Arial, sans-serif;
	padding: 0px;
	width:auto	
	}
#listingTable td {
	border: 0.1px solid black;
	}
	


			
 


#timeUpdate { 
			color: #800000; 
			font-size: medium; 
			text-align: center; 
			}



#h2Centered { 
			font-size: medium; 
			text-align: center;
			}

#h2Left { 
		font-size: medium; 
		text-align: left; 
		}



#backgroundText { 
				color: #FFFF00; 
				} /* CHANGE this so text shows up on background */


/* other stuff these can be used multiple times and are CLASS */

.yellowBack  {
	font-weight: bold;
	background-color: #FFFF00;
				}
				
.mediumTable {
	border-left:5px outset #E8E8E8; 
	border-right:5px outset #C0C0C0; 
	border-top:5px outset #C0C0C0; 
	border-bottom:5px outset #E8E8E8; 
	text-align:center;
	font-size: 12pt; 
	background-color: #CCFFCC; 
	width: 85%;
	vertical-align:baseline;
	margin-left: auto;
 	margin-right: auto 
				}
				
.topTable {
	border-left:5px outset #E8E8E8; 
	border-right:5px outset #C0C0C0; 
	border-top:5px outset #C0C0C0; 
	border-bottom:5px outset #E8E8E8; 
	text-align:center;
	font-size: 12pt; 
	background-color: #FFFFFF; /* this is white */
	width: 50%;
	vertical-align:baseline;
	margin-left: auto;
 	margin-right: auto 
				}

.updateContent {
	font-size: medium;
	color: #008000;
	padding-left: 10px;
	padding-bottom: 10px;
}

.redText { 
		color: #800000; 
		font-style: italic;
		}
		
 
 .contentHolder {  
     border: thin solid #CCC;  
     border-left: thick solid #CCC;  
     border-right: thick solid #CCC; 
     background-color: #CCFFCC; /* CHANGE this color for the table on the history page */
     margin-bottom: 3px
}

.heading {
	font: large bold;
		color: black;
	position: relative; 
	
	border: thin solid #CCC;
	border-left: none;
	border-right: thick solid #CCC;
}

.updateDate {  
     font: x-large bold;  
     color: black;  
     position: relative;  
     border: thin solid #CCC;  
     border-left: none;  
     border-right: thick solid #CCC;
     }