body {
	background-color:#3B1C12;
	margin: 0;
	padding: 10px;
}
#container {
	background-color:#3B1C12;
	height: 550px;
	margin: 0 auto;
	padding: 0;
	width: 917px;
}
#up-left {
	background-image: url(../imagenes/up-left.gif);
	float:left;
	height: 33px;
	margin: 0;
	padding:0;
	width: 63px;
}
#up-middle{
	background-image: url(../imagenes/up-middle.gif);
	background-repeat: repeat-x;
	float:left;
	height: 33px;
	margin: 0;
	padding:0;
	width: 791px;
}
#up-rigth{
	background-image: url(../imagenes/up-right.png);
	float:left;
	height: 33px;
	margin: 0;
	padding:0;
	width: 63px;
}
#center-left{
	background-image:url(../imagenes/center-left.gif);
	float:left;
	height:460px;
	margin: 0;
	padding:0;
	width:165px;
}
#lecture {
	background-color:#4F2618;
	float: left;
	height:460px;
	margin:0;
	padding:0 0 0 6px;
	width:674px;
}
#center-rigth {
	background-image:url(../imagenes/center-rigth.jpg);
	float:left;
	height:460px;
	margin: 0;
	padding:0;
	width:72px;
}
#bottom-left{
	background-image:url(../imagenes/bottom-left.jpg);
	float:left;
	height:50px;
	margin:0;
	padding:0;
	width:63px;
}
#bottom-middle{
	background-image:url(../imagenes/bottom-middle.jpg);
	float:left;
	height:50px;
	margin:0;
	padding:0;
	width:791px;
}
#bottom-rigth {
	background-image:url(../imagenes/bottom-rigth.jpg);
	float:left;
	height:50px;
	margin:0;
	padding:0;
	width:63px;
}
.spacer {
	height:0;
	margin: 0;
	padding:0;
	width: 100%;
}
#page, #lecture-content{
	color:#C7B299;
	background-color: #4F2618;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	height: 400px;
	margin:0;
	padding:4px 25px 4px 4px;
	overflow-y:auto;
	text-align: justify;
}

#navlinks{
	margin:0;
	padding:30px 9px 0 5px;
}
#navlinks h1{
	color:#C75F3C;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin:14px 0;
	padding:0;
	text-align: center;
}
#navlinks a, #navlinks p{
	color:#C7B299;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:14px 0;
	padding:0;
	text-align:center;
}
#page h1, #lecture-content h1{
 	color:#727705;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0;
	text-align:center;
}
#page h2, #lecture-content h2{
	color:#3C7DC7;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
}
#page h3, #lecture-content h3{
	color:#C7B299;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 8px 0;
	padding:0;
}
#page p, #lecture-content p{
	margin:0 0 15px;
	padding:0;
}
#page a{
 	color:#C75F3C;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
	text-align:center;
}
.contentslide{
border: 10px solid #4F2618;
border-bottom-width: 6px;
float:left;
padding: 8px;
width: 600px;
height: 400px;
}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #4F2618;
border: 10px solid #4F2618;
border-width: 0 50px; /*Left/ right border width of pagination DIV.*/
padding: 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
	color: #C75F3C;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 4px;
	text-decoration: none; 
	background-color: #4F2618;
}

.pagination a:hover, .pagination a.selected{
color:#C7B299;
background-color: #3B1C12;
}