@charset "utf-8";
/* CSS Document */

html, body {
	font: 12px Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	padding-top: 0;
	top: 0;
	height:100%;
	background-image:url(images/bg.jpg);
}

.size10 {
	font-family: Arial, sans-serif;
	font-size: 10px;
}

.size12 {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	color: #FFFFFF;
}

a, a:link, a:visited {
	color: #B84705;
	text-decoration: none;
	font-weight:bold;
}

a:hover, a:active {
	color: #006666;
	text-decoration: none;
	font-weight:bold;
}

.watermark {
	background-attachment: scroll;
	background-image: url(../images/bg_watermark.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

img {
border: 0;
}

.pad {
padding: 5px;
}

/* List With Image */
ul {
	list-style: none inside;
	margin-left: 0;
	padding-left: 0.75em;
	text-indent: -1em;
}

ul.WI {
	margin-left: 0;
	padding-left: 3em;
	text-indent: -2.2em;
	list-style-position: inside;
	list-style-image: url(images/bullets.gif);
}

#content1-title:active {
	background: #fff;
}

/* Careers nav */

a.careers, .careers:link, .careers:visited {
	background: #c9e287;
	border-right: 1px dotted #a08258;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;     
	letter-spacing: 1px;
	cursor:hand;
	cursor:pointer;
	color: #093b4a!important;
}

.careers:hover {
	background: #effb9f;
	color: #087289!important;
}

.careers:active {
	background: #fff!important;
	color: #b51568!important;
}

/* Roadshow Nav */
.rs:link, .rs:visited {
	background: #7791ac;
	border-right: 1px dotted #cfd9e3;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #fff9cd!important;
}

.rs:hover {
	background: #f5edc0;
	color: #583615!important;
}

.rs:active {
	background: #fff!important;
	color: #9d2906!important;
}

/* Contact Us nav */

a.contactus, .contactus:link, .contactus:visited {
	background: #debe8a;
	border-right: 1px dotted #a08258;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;     
	letter-spacing: 1px;
	cursor:hand;
	cursor:pointer;
	color: #573908!important;
}

.contactus:hover {
	background: #f2ebb1;
	color: #905d0b!important;
}

.contactus:active {
	background: #fff!important;
	color: #b51568!important;
}

/* Roadshow DIVs */
div.rsdiv {
	width: 90%;
	padding: 0.5em;
	margin: 1.5em 0.5em;
	text-align: left;
	color: #f3edb9;
}

div.rsdiv H1 {
	font: bold 16px Tahoma Arial, Helvetica, sans-serif;
	color: #f7d54e;
}

ul.rsul {
	list-style: url(../images/bullet4.gif) inside;
}

div#rspc {
	background: #4f433c;
}

div#rswt {
	background: #635851;
}

div#rsrem {
	background: #74645e;
}

.rsdiv a, .rsdiv a:link {
	color: #fff;
}

.rsdiv a:visited, .rsdiv a:hover {
	color: #ffdd81;
}


/* NBC nav */

a.nbc, .nbc:link, .nbc:visited {
	background: #78A0D1;
	border-right: 1px dotted #fff;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;     
	letter-spacing: 1px;
	cursor:hand;
	cursor:pointer;
	color: #000000!important;
}

.nbc:hover {
	background: #BACDE9;
	color: #0A740F!important;
}

.nbc:active {
	background: #fff!important;
	color: #000000!important;
}

/* TM at NBC nav */

a.tmnbc, .tmnbc:link, .tmnbc:visited {
	background: #286955;
	border-right: 1px dotted #fff;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;     
	letter-spacing: 1px;
	cursor:hand;
	cursor:pointer;
	color: #FFFFFF!important;
}

.tmnbc:hover {
	background: #306B82;
	color: #B1E11C!important;
}

.tmnbc:active {
	background: #fff!important;
	color: #000000!important;
}

/* WWR at NBC nav */

a.wwrnbc, .wwrnbc:link, .wwrnbc:visited {
	background: #2F1C08;
	border-right: 1px dotted #fff;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;     
	letter-spacing: 1px;
	cursor:hand;
	cursor:pointer;
	color: #E3C8AE!important;
}

.wwrnbc:hover {
	background: #7C4E1F;
	color: #000000!important;
}

.wwrnbc:active {
	background: #fff!important;
	color: #000000!important;
}

/* Eton City nav */

.ec:link, .ec:visited {
	background: #f3f4bd;
	border-right: 1px dotted #697e47;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #4b4014!important;
}

.ec:hover {
	background: #f1e583;
	color: #1b176e!important;
}

.ec:active {
	background: #fff!important;
	color: #228304!important;
}

/* WWR at EC nav */

a.wwrec, .wwrec:link, .wwrec:visited {
	background: #802025;
	border-right: 1px dotted #fff;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;     
	letter-spacing: 1px;
	cursor:hand;
	cursor:pointer;
	color: #FFCC00!important;
}

.wwrec:hover {
	background: #E2C7CC;
	color: #571619!important;
}

.wwrec:active {
	background: #fff!important;
	color: #000000!important;
}

/* West Wing Villas nav */

.wwvnbc:link, .wwvnbc:visited {
	background: #AD1381;
	border-right: 1px dotted #697e47;
	display: block;
	text-align: center;
	padding: 0.75em 0.3em;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1px;
	color: #FFFFFF!important;
}

.wwvnbc:hover {
	background: #CE6CAE;
	color: #AFFA03!important;
}

.wwvnbc:active {
	background: #fff!important;
	color: #228304!important;
}

/* News Items */
div.NI1 {
	padding: 0.85em;
	color: #000;
	background: #EAEFF2 url(images/dot.gif) repeat-x bottom;
}

div.NI1:hover, div.NI2:hover {
	background: #F5F9FA;
	color: #66310e;
}

.NI1 a:hover, .NI2 a:hover {
	color: #b81f06;
}

div.NI2 {
	padding: 0.85em;
	color: #000;
	background: #CFDADE url(images/dot.gif) repeat-x bottom;
}

.NIptd {
	background: url(images/dot.gif) repeat-x bottom;
	width: 170px;
}

.NIptd2 {
	background: url(images/dot.gif) repeat-x bottom;
	width: 170px;
}

div.newsCont {
	height: 45px;
	overflow: hidden;
	padding: 1em 0;
}

/* IDs */

.NOWcell {
	border: 1px solid #fff;
	background: #e3f1ff;
}

/* Text Styles */

.H1 {
	font-weight: bold;
	color: #711429;
}

.boldDD {
	background: #E6F1F9;
	color: #333333;
	font-weight: bold;
}

.borderBot {
	background: #EAEFF2;
	padding: 1.5em;
	border-bottom: dotted 1px #987346;
}

.borderBot2 {
	background: #CFDADE;
	padding: 1.5em;
	border-bottom: dotted 1px #987346;
}

.borderBot:hover, .borderBot2:hover {
	background: #ffffe7;
}

.watermark_id {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(http://www.eton.com.ph/images/bg_watermark_id.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#button {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	position: relative;
	top: 0;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: -1.5em;
}

#button li a {
	display: block;
	padding: 0.5em 0.5em 0.5em 2em;
	color: #832b04;
	text-decoration: none;
	width: 100%;
	background: url(images/dot.gif) bottom repeat-x;
}

html>body #button li a {
	width: auto;
}

#button li a:hover {
	background: #660000 url(images/dot.gif) bottom repeat-x;
	color: #FFFFFF;
}