.bodytext {
	font-family: "arial", helvetica;
	font-size: 12 px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	text-align: left;
	letter-spacing: normal;
	line-height: 14.5px;
}
.bodytext a:link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal; 
}
.bodytext a:hover {
	color: #FF3300;
	text-decoration: none;
}
.bodytext a:visited {
    color: #FF3300;
	text-decoration: none;    
}
.bodytext a:active {
    color: #FF3300;
	text-decoration: none;
}
.entrada {
	font-family: "arial", helvetica;
	font-size: 13 px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
	text-align: centre;
	letter-spacing: normal;
	line-height: 14.5px;
}
.entrada a:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-style: normal; 
}
.entrada a:hover {
	color: #FF3300;
	text-decoration: none;
}
.entrada a:visited {
    color: #FF3300;
	text-decoration: none;    
}
.entrada a:active {
    color: #FF3300;
	text-decoration: none;      
}
.tolisten a:link {
	font-family: "arial", helvetica;
	font-size: 12 px;
	color: #FF3300;
	text-decoration: none;
	line-height: 14.5px;
}
.tolisten a:hover {
	font-family: "arial", helvetica;
	font-size: 12 px;
	color: #FF3300;
	text-decoration: none;
	line-height: 14.5px;
}
.tolisten a:visited, {
	font-family: "arial", helvetica;
	font-size: 12 px;
	color: #FF3300;
	text-decoration: none;
	line-height: 14.5px;
}
.tolisten a:active, {
    font-family: "arial", helvetica;
	font-size: 12 px;
	color: #FF3300;
	text-decoration: none;
	line-height: 14.5px;
}
.bodytextbold {
	font-family: "Courier, "Courier New, mono;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.3px;
}
.bodytextbackground {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: 400;
	text-align: left;
	background-color: #333333;
}
table.whiteborder {
border: 2px solid #fff;
}

table.lineleft {
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 2px solid #fff;
}

table.linebottom {
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 2px solid #fff;
	border-left: 0px solid;
}

table.linetop {
	border-top: 2px solid #fff;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
}

table.linetopbottom {
	border-top: 2px solid #fff;
	border-right: 0px solid;
	border-bottom: 2px solid #fff;
	border-left: 0px solid;
}

body {
	background-color: #FFFFCC;
}

body,td,th {
	font-size: 11px;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FF3300;
}
a:active {
	text-decoration: underline;
	color: #FF3300;
}

/* this is about the links in de vertical menu in the files that start with a number */

.horizontal-menu-active-link {
	font-family: "arial", helvetica;
	font-size: 12px;
	font-style: normal;
	line-height: 14.5px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}


.horizontal-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: 500;
	color: #FFFFFF;
	
}


.horizontal-menu a:visited, .horizontal-menu a:active, .horizontal-menu a:link {
	color: #FFFFFF;
	text-decoration: none;
} 

.horizontal-menu a:hover {
	font-weight: 500;
	color: #FF0000;
	text-decoration: none;
}

/* links vertical menu qba-musica D. Ojeda */

.vertical-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: 500;
	color: #FFFFFF;
	
}

.vertical-menu a:visited, .vertical-menu a:active, .vertical-menu a:link {
	color: #FFFFFF;
	text-decoration: none;
} 

.vertical-menu a:hover {
	font-weight: 500;
	color: #FF0000;
	text-decoration: none;
}

/* links menu principal D. Ojeda */

.menu-principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: 400;
	color: #FFFFFF;
	
}

.menu-principal a:visited, .menu-principal a:active, .menu-principal a:link {
	color: #FFFFFF;
	text-decoration: none;
} 

.menu-principal a:hover {
	font-weight: 400;
	color: #FF0000;
	text-decoration: none;
}

/* this is to get rid of the scroll bar, you can adjust the height and the width of the text. I think it is a bit too high now because it is laid over the white lines below 

the table cells have the following heights (see html file):
6
13
5
-----------
13
153       -------this is the height of the container (434)
117
151
-----------

*/
.text-container {
	height: 414px; /* table cell height is 434*/
	width: 300px;
	overflow: auto;
	padding: 10px;
}
.whitetextbold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #FFFFFF;
	font-weight: 500;
}
.titlebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-variant: normal;
	color: #FF0000;
	text-decoration: none;
	font-weight: 400;
}
.linea suspensiva {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-variant: normal;
	color: #FDFDFD;
	text-decoration: none;
	font-weight: 400;
}