body {
		margin:10px 10px 0px 10px;
		padding:0px;
		background-color: #fff;
		background-attachment: fixed;
		background-image:url(http://ice-es.org//images/tileable_bgnd.jpg);
		}
	
	#leftcontent {
		position: fixed;
		z-index: 3;
		left:10px;
		top:30px;
		width:200px;
		height: 804px;
		padding-left:22px;
		/* border:1px solid #000; */
		}

	#centercontent {
		/* position: absolute; */
		top:200px;
   	margin-left: 199px;
   	margin-right:199px;
   	padding-right:20px;
		/* border:1px solid #666; */
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across
		browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon
		a CSS parsing bug in IE5x PC that will prematurly close a style rule when
		it runs into the string "\"}\"". After that string appears in a rule, then,
		we can override previously set attribute values and only browsers without
		the parse bug will recognize the new values. So any of the name-value
		pairs above this comment that we need to override for browsers with
		correct box-model implementations will be listed below.
		
		We use the voice-family property because it is likely to be used very
		infrequently, and where it is used it will be set on the body tag. So the
		second voice-family value of "inherit" will override our bogus "\"}\""
		value and allow the proper value to cascade down from the body tag.

		The style rule immediately following this rule offers another chance for
		CSS2 aware browsers to pick up the values meant for correct box-model
		implementations.

		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:201px;
		color: #666;
		text-align: justify;
		}
	html>body #centercontent {
   		margin-left: 201px;
   		margin-right:201px;
			min-height: 768px;
			font-family: verdana,arial,helvetica,sans-serif;
			color: #000000;
			font-size: 12px;
		}

	#centerspacer {
	height: 200px;
	}
	#rightspacer {
	height: 40px;
	}
	#rightcontent {
		position: fixed;
		z-index: 3;
		right:12px;
		top:0px;
		width:200px;
		background-position: center -120px;
		background-repeat: no-repeat;
		height: 804px;
		}
	
	#banner {
		position: fixed;
		top: 0px;
		background-repeat: no-repeat;
		background-position: 0 0;
		}

	html>body #banner {
		z-index: 2;
		width:1024px;
		height:192px;
		left: 50%;
		margin-left: -512px;
		}
		
		img.center {
	 		display:block;
	 		margin-left:auto;
	 		margin-right:auto;
		}

		.vcenter {
			min-height: 10px;
			display: table-cell;
			vertical-align: middle;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
		
	#banner h1 {
		color:#fff;
		text-align: center;
		font-size:32px;
		font-family: "Felix Titling", "Lucida Bright", "Times", serif;
		margin-top:30px;
		margin:5px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		}
	
	#rightcontent p {
		/* font-size:10px; */
		}

	#rightcontent a {
		font-family: verdana, sans-serif, "Palatino", "Monotype Book Antiqua", "URW Palladio L", "Times", serif;
		color: #253570;
		font-size:12px;
		text-decoration: none;
		display:block;
		line-height: 90%;
		margin-top: 8px;
		padding: 0px;
		}

	#rightcontent a:hover {
		color: #ff6600;
		font-size:12px;
		text-decoration: none;
		}

	 img.post {
	 padding: 6px;
	 border-top: 1px solid #ddd;
	 border-left: 1px solid #ddd;
	 border-bottom: 1px solid #c0c0c0;
	 border-right: 1px solid #c0c0c0;
	 display:block;
	 margin-left:auto;
	 margin-right:auto;
	 }

	.imagecontainer{
		float:left;
		clear:left;
		background: url(http://ice-es.org//images/shadowAlpha.png) no-repeat bottom right !important;
		background: url(http://ice-es.org//images/shadow.gif) no-repeat bottom right;
		margin: 10px 0 10px 10px !important;
		margin: 10px 0 10px 5px;
	}
	.imagecontainer img{
		display: block;
		position: relative;
		width: 160px;
		height: 120px;
		background-color: #fff;
		border: 1px solid #a9a9a9;
		margin: -4px 4px 4px -4px;
		padding: 0px; /* 4px para mantener un borde blanco alrededor */
	}

	a:link {
		text-decoration: none;
		color: #000;
		font-size: 10px;
	}

	a:hover {
		text-decoration: underline;
	}

	.mainentry{
		margin-left: 4px;
	}
	.menutitle{
		cursor:pointer;
		margin-bottom: 5px;
		margin-left: 2px;
		color: #253570;
		font-family: "Felix Titling", "Lucida Bright", "Times", serif;
		font-size: 11px;
		font-weight: bold;
		width:180px;
		padding:2px;
		text-align:left;
		font-weight:bold;
	}

	.submenu {
		font-family: "Palatino", "Monotype Book Antiqua", "URW Palladio L", "Times", serif;
		/* color: #253570; */
		color: #ff0000;
		font-size:10px;
		margin-bottom: 0.5em;
		margin-left: 32px;
	}
	.submenu a {
		color: #ff0000;
		text-decoration: none;
	}
	.submenu a:hover {
		color: #ffffff;
		/* background-color: #999900; */
	}
	.shadow {
		height: 1em;
		filter: Shadow(Color=#666666, 	
		Direction=135, 
		Strength=5);
	}

.ITEM_TITLE {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.ITEM_TITLE:hover {
	text-decoration: underline;
	/* background-color: #F6AE00; */
}

.ITITLE {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.ITEM_SUMMARY {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

.ISUMM {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}


.imgbutton {
	vertical-align: -20%;
}

.fxbutton{
background-color: #666600;
border: 1px #666600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.fxbutton:visited, .fxbutton:hover, .fxbutton:active{
color: white;
}

.dnbutton{
background-color: transparent;
border: 2px #666666 outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

a.dnbutton {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.dnbutton:visited{
color: black;
}

.dnbutton:hover{
background-color: transparent;
color: red;
}

.dnbutton:active{
border-style: inset;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
color: red;
}