body {
	margin-bottom:10px;
	padding:0; 
	color:white; 
	/* font-family:'Comic Sans MS', serif; */
	font-family:'tahoma';
	font-size:10pt;
	/* font-weight:bold; */
	background-color:black; 
	/* background-image:url('bg_grad2.jpg'); */ /* NORMAL */
	background-image:url('bg_grad1-1x1200.png'); /* NORMAL */
	/* background-image:url('xmas-lights-bg1.jpg'); */ /* FOR CHRISTMAS */
	/* background-image:url('bgjackolantern.gif'); */ /* FOR HALLOWEEN */
	/* background-image:url('thanksgiving1.gif'); */ /* FOR THANKSGIVING */
	/* background-repeat:repeat-x; */
	background-attachment:fixed;
	}

a:link, a:visited {
	color:blue;
	text-decoration:none;
	/* font-weight:bold; */
	}

a:hover {
	color:red;
	background-color:black;
	border-color:#f8f8f8 #f0f0f0;
	}
	    
a img {
	border: none;
	}

a:hover img {
	background-color: transparent;
	/* vertical-align: bottom; */
	}

ul.index-links {
	margin-top:0;
	list-style:disc;
	}
	
.index-links a:link, .index-links a:visited {
	margin:0;
	padding:0; 
	color:gray;
	text-decoration:none;
	font-weight:bold;
	}

.index-links a:hover {
	background-color:black; 
  	border-color:#f8f8f8 #f0f0f0;
  	color:red; 
	}
	
P {
	font-size:10pt; 
	color: #000000; 
	text-align:left;
	}

P.center {
	text-align:center;
	}

P.left {
	text-align:left;
	}

P.right {
	text-align:right;
	}

P.line {
	text-decoration:line-through;
	}

P.line-center {
	text-decoration:line-through;
	text-align:center;
	}
			
P.index-text {
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-top:0;
	}

P.index-text-title {
	font-size:12pt; 
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	margin-top:0;
	}

P.index-text-title-center {
	font-size:12pt; 
	text-align:center;
	margin-top:0;
	}

P.index-text-title-center14pt {
	font-size:14pt; 
	text-align:center;
	margin-top:0;
	}

P.l-footer {
	margin-left:10px;
	margin-bottom:10px;
	}

P.r-footer {
	text-align:right;
	margin-right:10px;
	margin-bottom:10px;
	}

P.left20 {
	margin-left:20px;
	}

P.nascar-points-text {
	text-align:justify;
	margin-left:30px;
	margin-right:30px;
	}

P.midi-title {
	font-size:14pt;
	margin-left:80px;
	}

P.center-out {
	text-align:center;
	color: red;
	}
		
h1 {
	font-size:24pt; 
	color:#000000; 
	font-weight:bold;
	margin-top:0;
	text-align:left;
	}

h1.left {
	text-align:left;
	}

h1.right {
	text-align:right;
	}

h1.center {
	text-align:center;
	}

h1.menu-top {
	/* background-color:#8E2323; */
	color:white; /* CHANGE TO ORANGE FOR HALLOWEEN - WHITE FOR CHRISTMAS - NORMALY WHITE */
	margin:0;
	padding:0;
	text-align:center;
	/* text-indent:20px; */  /* use this tex indent if using text align left */
	}
	
h1.nascar-title {
	text-align:center;
	/* margin-left:10px; */
	}

h1.midi-title {
	margin-top:0;
	margin-left:80px;
	margin-bottom:100px;
	}

h2 {
	font-size:18pt; 
	color:#000000; 
	font-weight:bold;
	margin-top:0;
	text-align:left;
	}

h2.left {
	text-align:left;
	}

h2.right {
	text-align:right;
	}

h2.center {
	text-align:center;
	}

h4 {
	text-align:left;
	font-size:14pt;
	color:#000000;
	font-weight:bold;
	}

h4.right {
	text-align:right;
	}

h4.center {
	text-align:center;
	}

h4.nascar {
	text-align:center;
	}
	
table {
	font-size:10pt;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	}

table.index {
	width:900px;
	margin-top:30px;
	border-collapse:collapse;
	}

table.index a:link a:visited {
	color:#800000;
	text-decoration:none;
	font-size:10pt;
	}



/* menu-top is used for links in header */

table.menu-top {
	width:800px;
   	color:white;
	font-weight:bold;
	margin-top:30px;
	margin-left:10px;
	border-collapse:collapse;
	}

table.menu-top, td.menu-top {
	border:1px solid white;
	}

td.menu-top {
	text-align:center;
	}
	
a.menu-top:link, a.menu-top:active, a.menu-top:visited {
	display:block;
   	width:100%;
   	height:100%;
	color:white;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	}

a.menu-top:hover {
	background-color:black;
	color:red;
	}


/* end menu-top */

	
table.footer {
	width:900px;
	margin-top:100px;
	border-collapse:collapse;
	}

table.news {
	text-align:left;
	table-layout:fixed;
	margin-left:20px;
	}

	
img {
	margin-left:auto;
	margin-right:auto;
	/* border:0px none none; */ /* was */
	border:none;
	text-decoration:none;
	}

li {
	font-size:10pt; 
	color:#000000; 
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	}

li a:hover {
	background-color:#f0f0f0; 
  	border-color:#f8f8f8 #f0f0f0;
  	color:red; 
  	}

/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	Width: 500px;
	height: auto;
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 0px; /* means the pop-up's top is 50px away from thumb's top */
	right: 0px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */	


#box {
margin: auto;
text-align:center;
}
