BODY {
color: white;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;     /* This sets the overall site font size, can be overridden by manual font entries... */
font-weight: normal;
background-color: #000000}

.small {
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
font-weight: normal}

/* THIS SECTION FORCES ALL MARGINS TO RESET TO ZERO IN IE AND FIREFOX */
html, body, ul, li {
margin:0;
padding:0}

/* Supposedly setting the page to 100% height for something I have now forgotten lol */
html, body{
height:100%}

/* For hiding certain passages & links without deleting them for the time being */
.inv { 
visibility:collapse}

#centspac {
	text-align:center; 
	line-height:20px;
}
#centspac a, #centspac a:link, #centspac a:active, #centspac a:visited, #centspac ul li {
	list-style:none; /* ADDED FOR THE UNSORTED LIST TAGS TO REMOVE BULLETS */
	padding: 4px 5px 3px 5px;
	font-weight: normal;
	font: 12px Arial;
	color: white; 
	background: url(images/menubar.jpg) repeat-x; 
	text-decoration: none;
	text-align: center;
}
#centspac a:hover {
	padding: 4px 5px 3px 5px;
	font-weight: normal;
	font: 12px Arial;
	color: yellow; 
	background: url(images/menubarX.jpg) repeat-x; 
	text-decoration: none;
	text-align: center;
}


A { text-decoration: none }
A:link { color: yellow; background: none; text-decoration: none }
A:active { color: yellow; background: none; text-decoration: none }
A:visited { color: yellow; background: none; text-decoration: none }
A:hover { color: yellow; background: red; text-decoration: none }

.body_index {
background-image: url(images/image4.jpg);
background-color: #000000}

.tabla {
padding: 3px;
background-color: #000000}

.tabla_logo {
text-align: center;
padding: 3px;
background-color: #000000;
border: 1px #3366FF solid}

#tabla_logo, #tabla_logo tr, #tabla_logo td{
text-align: center;
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-size: 12px;
font-weight: normal;
padding: 3px;
}

#tabla_logo td{
background-color: #002244;
border: 1px #0000ff solid}

.tabla_counter {
text-align: center;
padding: 3px;
background-color: #000000;
border: 1px #3366FF solid}

/* Sets the width of the head and body - 96% is about ok for 1024x768 */
.tabla_head {
width:96%}

.tabla_body{
width:96%;
height:82%}

.tabla_menu {
width: 120px;
padding: 3px;
background-color: #000000;
border: 1px #3366FF solid}

.tabla_page {
padding: 3px;
background-color: #000000;
border: 1px #3366FF solid}

#menu {
/* position:absolute; */
display:block;
text-align:center;
}
#menu ul {
/* display: block;					no idea... */
font-weight: normal;
font: 12px Arial;
padding: 0 0 0 0;				/* alters the positioning of the menu */
}
#menu ul li {
/* float:center; */
padding:0 0 0 0;
margin:0;
list-style:none;
background:#000000 url(images/menubar.jpg);
/* display:inline; */
}
#menu ul li a {
padding: 4px 5px 3px 5px;
color: #FFFFFF;
display: block;					/* no idea... */
}
#menu ul li a {text-decoration:none;}
#menu ul li a:link, a:active, a:visited {text-decoration:none;}
#menu ul li a:hover {color:yellow; background:url(images/menubarX.jpg); text-decoration:none;}