html, body {background: #202021 url(../img/bg.gif) no-repeat; height: 100%}
body, td {font: 11px Tahoma, Arial; color: #ECECEC}
a:link, a:visited, a:active {font: 11px Tahoma, Arial; color: #ECECEC}
a:hover {color: white}
.arr1:link, .arr1:visited, .arr1:active {background: url(../img/arr1.gif) no-repeat left; padding-left: 17px; color: #DCDBC6}
.arr2:link, .arr2:visited, .arr2:active {background: url(../img/arr2.gif) no-repeat left; padding-left: 11px;}
#h {background: url(../img/hBG.gif) repeat-x; height:30px;}
#date {background-color: #DAD7B8; color: #202021; -moz-box-sizing: padding-box; padding: 0px 5px 0px 5px;}
#leftCol {float: left; width: 196px; background: url(../img/pageR.gif) no-repeat right top;}
#centCol {float: left; margin-left: 15px; background: url(../img/pageR.gif) no-repeat right top;}
#rightCol {margin-left: 15px; float: right; width: 239px; background: url(../img/pageR.gif) no-repeat right top;}
/* Menu */
#menu {
	width: 516px;
	height: 20px;
	margin: 20px auto 0 -20px;
	*width: 516px;
	*height: 20px;
	*margin: auto auto auto -20px;
	/*margin: -40px auto 0 auto;
	padding: 0 0 0 200px;*/
}
#menu ul {
	margin: 0
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
	*padding: 2px;  
   /* Aplicamos un margen a la derecha porque en IE quedarían pegados los 3 items */  
    *margin-right: 3px;  
}

#menu a {
	display: block;
	float: left;
	padding: 0 1.5em 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: .8em;
	font-weight: bold;
	color:#EEFFB3
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	padding-left: 0;
	background: none;
}


/*-------*/

*links {
   border:hidden;
}