/* 
 * CSS Document 
 *
 * Base - Title Screen
 *
 */

div#logo {
	position: absolute;
	top: 165px;
	left: 0px;
}

div#title {
	position: absolute;
	top: 105px;
	left: 100px;
	width: 850px;
	height: 30px;
	background-color: #C80000;
	color: #FFFFFF;
	text-align: left;
}

div#barLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 570px;
	background-image: url(../images/MenuBG.gif);
	background-repeat: repeat-y;
	background-position: right;
	text-align: left;
}

div#menuR {
	position: absolute;
	top: 18px;
	left: 770px;
	width: 170px;
	height: 70px;
	text-align: right;
	/* testing only 
	background-color: #FFFFAA; */
}


div#barTop {
	position: absolute;
	top: 0px;
	left: 268px;
	width: 682px;
	height: 105px;
	background-image: url(../images/fotos/topimage3.jpg);
	background-position: right;	
	/*background-color: #00FF99;*/
}


/*
 * Content areas
 *
 */
div#title p {
	margin: 0;
	margin-left: 190px;
	font-family: "Californian FB", "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
}

div#contentScroller {
	position: absolute;
	left: 540px;
	top: 165px;
	width: 400px;
	height: 380px;
	text-align: left;
	overflow: hidden;
	/* testing only 
	background-color: #009966; */
}

div#content {
	width: 380px;
	/* testing only 
	height: 1000px;
	background-color: #AA6633; */
}

div#contentSpecial1 {
	position: absolute;
	left: 290px;
	top: 415px;
	width: 220px;
	height: 145px;
	/* testing only 
	background-color: #009966; */
}

div#contentSpecial2 {
	position: absolute;
	left: 290px;
	top: 18px;
	width: 480px;
	height: 70px;
	/* testing only 
	background-color: #009966; */
}