/* Default CSS Stylesheet for a new Web Application project */

BODY {
	background-color: white;
	color:#002040;
	font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
}

/*
.MenuItem:hover {
	background-color: yellow;
	color: red;
}
*/

A:link {
	text-decoration: none;
	color: #002040;
}

A:visited {
	text-decoration: none;
	color: brown;
}

A:active {
	text-decoration: none;
	color: crimson;
}

A:hover {
	color: red;
	background-color: yellow;
}

/*
.container {
	position: relative;
	text-align: center;
	color: white;
}

.parent {
	position: relative;
	top: 0;
	left: 0;
}
*/



.imgPrecinctPLan {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:-1;
	width:600px;
	height:320px;
	border:none;
}

/*.imgFerrari {
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 1;
	border: 1px green solid;
}*/

/* top Centre text */
/*.top-centre {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(0%, -100%);
}*/

/* Bottom left text */
/*.bottom-left {
	position: absolute;
	bottom: 8px;
	left: 16px;
}*/

/* Top left text */
/*.top-left {
	position: absolute;
	top: 8px;
	left: 16px;
}*/

/* Top right text */
/*.top-right {
	position: absolute;
	top: 8px;
	right: 16px;
}*/

/* Bottom right text */
/*.bottom-right {
	position: absolute;
	bottom: 8px;
	right: 16px;
}*/

/* Centered text */
/*.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

#divWrapper {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 1080px;
	height: 1800px;
	background-color: #720000;
	color:white;
}

#divTopLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 140px;
	border: 3px;
	padding-top:10px;
	border-color: #112d5b;
	background-color: #2d6b80;
	color: #ff7d26;
	text-align: center;
	float: left;
}

#divTopMiddle {
	position: absolute;
	top: 0px;
	left: 400px;
	float: left;
	text-align: center;
	width: 680px;
	height: 135px;
	padding-top:20px;
	border-color: #112d5b;
	background-color: #2d6b80;
}

#divTopRight {
	position: absolute;
	left: 1175px;
	top: 8px;
	width: 271px;
	height: 135px;
	background-color: white;
	text-align: center;
	padding-top: 30px;
	padding-left: 30px;
	color: yellow;
	float: left;
}

#divMiddleLeft {
	position: absolute;
	left: 0px;
	top: 230px;
	width: 320px;
	height: 1510px;
	padding: 0px;
	background-color: #adcedc;
	color:#640000;
}

#divMiddleMiddle {
	position: absolute;
	left: 395px;
	top: 230px;
	width: 685px;
	height: 1308px;
	background-color: #adcedc;
	/*border: solid 3px #de8327;*/
}

#divWideLower {
	position: absolute;
	left: 0px;
	top: 1630px;
	float: left;
	width: 1080px;
	height: 210px;
	background-color: #0e4363;
	float: left;
}


#lblEditorial {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 635px;
	height: 1475px;
	font-family: Verdana;
	font-size: 14px;
	text-align: left;
	color: #112d5b;
	line-height: 22px;
	padding: 25px;
	padding-top: 10px;
	background-color: #adcedc;
}



#divMiddleRight {
	position: absolute;
	left:1175px;
	top:188px;
	width:380px;
	height:751px;
	background-color: darkorange;
	float:left;
}

#mnuMain {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 280px;
	height: 1160px;
	background-color: #adcedc;
	font-size: 14px;
	padding-left: 5px;
	border: none;
	color: #112d5b;
	line-height: 24px;
}



#imgLogo {
	left: 0px;
	top: 10px;
	width: 680px;
	height: 50px;
	border: none;
	z-index: 3;
}


#lblWinners {
	position: absolute;
	width: 540px;
	left: 110px;
	top: 70px;
	height: 36px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color:#ff7d26;
}

#lblMenu {
	position: absolute;
	width: 140px;
	left: 80px;
	top: 180px;
	height: 36px;
	padding-top: 0px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #adcedc;
}

ul.MenuList {
	position: absolute;
	width: 140px;
	left: 80px;
	top: 210px;
	height: 36px;
	padding-top: 0px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #002040;;
}


ul {
	list-style-type: disc;
	margin: 0px;
	padding: 0;
	color:#002040;
}


#lblTrust {
	position: absolute;
	width: 540px;
	left: 500px;
	top: 180px;
	height: 36px;
	padding-top: 0px;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #adcedc;
}

#imgBottomPicture {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1100px;
	height: 600px;
	z-index: 1;
	padding-top: 0px;
}
#lblWebsiteName {
	position: absolute;
	left: 200px;
	top: 20px;
	width: 600px;
	height: 18px;
	padding-top: 5px;
	font-family: "Verdana";
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
	z-index: 8;
	color: blue;
	float: left;
}

#lblComingSoon {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 600px;
	height: 18px;
	padding-top: 0px;
	font-family: "Verdana";
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	z-index: 10;
	color: blue;
	float: left;
}
#imgPrecinctPlan {
	position: absolute;
	left: 0px;
	top: 00px;
	width: 1172px;
	height: 607px;
	z-index: 1;
	padding-top: 0px;
}



#imgFerrariPlan {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 517px;
	height: 333px;
	opacity: 0.5;
	z-index: 2;
	padding-top: 0px;
}

#img01 {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 255px;
	height: 188px;
	float: left;
}

#img02 {
	position: absolute;
	left: 278px;
	top: 10px;
	width: 255px;
	height: 188px;
}

#img03 {
	position: absolute;
	left: 546px;
	top: 10px;
	width: 255px;
	height: 188px;
	
}

#img04 {
	position: absolute;
	left: 814px;
	top: 10px;
	width: 255px;
	height: 188px;
}

#img05 {
	position: absolute;
	left: 1080px;
	top: 10px;
	width: 255px;
	height: 188px;
	
}

#lblWelcome {
	top: 30px;
	width: 250px;
	height: 210px;
	font-size: 14px;
	color: #ff7d26;
	text-align: center;
}


#lblThought {
	width: 250px;
	height: 140px;
	text-align: center;
	font-size: 16px;
	color: #640000;
	float: left;
}