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

html {
	padding: 0px;
	margin: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	font-family: Lucida Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #f3b440;
}

/* FORMATTING CLASSES */

.img {
	border: none;
}

.date {
	font-size: 10px;
	color: #232323;
}

.date a {
	color: #232323;
	text-decoration: none;
}

.date a:hover {
	color: #232323;
	text-decoration: underline;
}

.title {
	font-size: 14px;
	font-weight: bold;
	color: #232323;
}

.title a {
	color: #232323;
	text-decoration: underline;
}

.title a:hover {
	color: #232323;
	text-decoration: none;
}

.bodytext {
	font-size: 12px;
	color: #232323;
}

.bodytext a {
	font-weight: bold;
	text-decoration: underline;
	color: #232323;
}

.bodytext a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #232323;
}

.readmore {
	font-size: 12px;
	color: #232323;
	text-align: right;
}

.readmore a {
	font-weight: bold;
	text-decoration: underline;
	color: #232323;
	text-align: right;
}

.readmore a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #232323;
	text-align: right;
}

.smallred {
	font-size: 10px;
	color: #000000;
	line-height: 1.7em;
}

html>body .smallred {
	font-size: 10px;
	color: #000000;
	line-height: 1.5em;
}

.smallred a{
	color: #000000;
	text-decoration: none;
}

.smallred a:hover{
	color: #000000;
	text-decoration: underline;
}

/* IE FIX */

#btnlasts {
	float: left;
	width: 205px;
	height: 54px;
}

#teamright {
	float: left;
	width: 467px;
	height: 180px;
}

#area1right {
	float: left;
	width: 510px;
	height: 148px;
}

#area2right {
	float: left;
	width: 383px;
	height: 82px;
}

#areabig {
	float: left;
	width: 763px;
	height: 148px;
}

#blogcolright {
	float: left;
	width: 509px;
	height: auto;
}

#blogbig {
	float: left;
	width: 972px;
	height: auto;
	background-image: url(../../images/blogmainbg.jpg);
	background-repeat: repeat-y;
}

#navmain {
	float: left;
	width: 668px;
	height: 54px;
}

#headermaintop {
	float: left;
	width: 972px;
	height: 54px;
}


/* MAIN DIVS*/

#container {
	margin-left: auto;
	margin-right: auto;
	width: 972px;
	height: auto;
}

#containerfooter {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	position: relative;
	width: 100%;
	height: 108px;
	background-image: url(../../images/footer.jpg);
	background-repeat: repeat-x;
}

#wrap {
	float: left;
	width: 972px;
	height: auto;
}

#footer {
	float: left;
	width: 972px;
	height: 108px;
	background-image: url(../../images/footer.jpg);
}

/*#leftdiv {
	float: left;
	width: 47px;
	height: 683px;
	background-image: url(../../images/left-div.jpg);
}

#middiv {
	float: left;
	width: 972px;
	height: auto;
}

#rightdiv {
	float: left;
	width: 42px;
	height: 683px;
	min-height: 1200px;
	background-image: url(../../images/right-div.jpg);
}
*/
#header {
	float: left;
	width: 972px;
	height: 388px;
}

#teamvillar {
	float: left;
	width: 972px;
	height: 180px;
}

#areas {
	float: left;
	width: 972px;
	height: 297px;
}

html>body #blog {
	float: left;
	width: 972px;
	height: auto;
	margin-top: 0px;
}

#blog {
	float: left;
	width: 972px;
	height: auto;
	margin-top: -55px;
}

/* HEADER */

#headertop {
	float: left;
	width: 972px;
	height: 54px;
}

#villarlogo {
	float: left;
	width: 304px;
	height: 54px;
	background-image: url(../../images/logo-villar.jpg);
}

#btnav {
	float: left;
	width: 93px;
	height: 54px;
}

#btnnews {
	float: left;
	width: 96px;
	height: 54px;
}

#btnman {
	float: left;
	width: 93px;
	height: 54px;
}

#btnspeeches {
	float: left;
	width: 93px;
	height: 54px;
}

#btnrecord {
	float: left;
	width: 88px;
	height: 54px;
}

#btngallery {
	float: left;
	width: 90px;
	height: 54px;
}

#btncontactus {
	float: left;
	width: 115px;
	height: 54px;
}

#headermid {
	float: left;
	width: 972px;
	height: 45px;
	background-image: url(../../images/header-top.jpg);
}

#headerbottom {
	float: left;
	width: 972px;
	height: 288px;
}

#headerbottomleft {
	float: left;
	width: 505px;
	height: 288px;
	background: url(../../images/bg_bigbill.jpg) no-repeat;
}

#headerbottomright {
	float: left;
	width: 467px;
	height: 108px;
	background-image: url(../../images/header-below-right.jpg);
}

/* TEAM VILLAR */

#team1 {
	float: left;
	width: 253px;
	height: 180px;
	background-image: url(../../images/team1.jpg);
}

#team2 {
	float: left;
	width: 252px;
	height: 180px;
	background-image: url(../../images/team2.jpg);
}

#team3 {
	float: left;
	width: 239px;
	height: 180px;
	background-image: url(../../images/team3.jpg);
}

#team4 {
	float: left;
	width: 225px;
	height: 88px;
	padding-top:92px;
	background-image: url(../../images/team4.jpg);
}

/* AREAS */

#mainarea1 {
	float: left;
	width: 763px;
	height: 297px;
}

#mainarea2 {
	float: left;
	width: 200px;
	height: 297px;
}

#area1 {
	float: left;
	width: 763px;
	height: 148px;
}

#area2 {
	float: left;
	width: 763px;
	height: 82px;
}

#area3 {
	float: left;
	width: 763px;
	height: 66px;
	background-image: url(../../images/area-mannyblog-header.jpg);
}

#ofw {
	float: left;
	width: 253px;
	height: 148px;
	background-image: url(../../images/area-ofw.jpg);
}

#invite {
	float: left;
	width: 252px;
	height: 148px;
	background-image: url(../../images/area-invite.jpg);
}

#villaronline {
	float: left;
	width: 258px;
	height: 62px;
	padding:86px 0 0 0px;
	background-image: url(../../images/area-villaronline.jpg);
}

#villaronlinemain {
	padding-top: 15px;
	padding-left: 200px;
}

#housing {
	float: left;
	width: 380px;
	height: 82px;
	background-image: url(../../images/area-housing.jpg);
}

#livelihood {
	float: left;
	width: 383px;
	height: 82px;
	/*background-image: url(../../images/area-livelihood.jpg);*/
}

#environment {
	float: left;
	width: 258px;
	height: 82px;
	background-image: url(../../images/area-environment.jpg);
}

#membersheader {
	float: left;
	width: 209px;
	height: 60px;
	background-image: url(../../images/area-members-header.jpg);
}

#members {
	float: left;
	width: 186px;
	height: 236px;
	padding-left:22px;
	background-image: url(../../images/area-members.jpg);
}

/* BLOG AREA */

#blogleft {
	float: left;
	width: 763px;
	height: auto;
}

#blogright {
	float: left;
	width: 209px;
	height: auto;
}

#blogmainheader {
	float: left;
	width: 763px;
	height: 15px;
	background-image: url(../../images/blogmainheader.jpg);
	background-repeat: no-repeat;
}

#blogmain {
	float: left;
	width: 763px;
	height: auto;
	
}

#blogcol1 {
	float: left;
	width: 254px;
	height: auto;
}

#blogcol2 {
	float: left;
	width: 254px;
	height: auto;
}

#blogcol3 {
	float: left;
	width: 255px;
	height: auto;
}

#blogcol1main {
	padding-left: 20px;
	padding-right: 10px;
}

#blogcol2main {
	padding-left: 10px;
	padding-right: 10px;
}

#blogcol3main {
	padding-left: 10px;
	padding-right: 15px;
}

#blogmainbottom {
	float: left;
	width: 763px;
	height: 6px;
	background-image: url(../../images/area-mannyblog-bottom.jpg);
}

#blogbottom {
	float: left;
	width: 972px;
	height: 24px;
	background-image: url(../../images/blogbottom.jpg);
	background-repeat: no-repeat;
}

/* FEATURES */

#featuresheader {
	float: left;
	width: 209px;
	height: 57px;
	background-image: url(../../images/area-features-header.jpg);
}

#featuresmain {
	float: left;
	width: 209px;
	height: auto;
}

#featuresproper {
	padding-left: 25px;
	padding-right: 25px;
}

/* FOOTER PROPER */

#footerproper {
	padding-top: 50px;
}

html>body #footerproper {
	padding-top: 59px;
}


/*added css*/
#topleft { width:505px; height:288px; float:left; }
#topright { width:467px; height:288px; float:left; }
#members ul { padding:0; margin:0; list-style:none; }
#members li { padding:0; background:url(../../images/arrow.gif) center left no-repeat; padding-left:11px; margin:0; } 
#members a:link, #members a:visited { color:#e9a639; font-size:12px; text-decoration:none; }
#members a:hover { text-decoration:underline; }
.blogcol { float: left;width: 254px;height: auto; }
.blogcolmain { padding-left: 20px;padding-right: 10px; }
.blogcolmain p { font-size: 12px;color: #232323; }
.inputcont { float:left; width:239px; padding:0 0 4px 0; margin:0; }
.inputcont3 { float:left; width:140px; padding:0 0 4px 0; }
.inputcont2 { float:left; width:258px; }
.inputcont input, .inputcont3 input { width:140px; height:12px; font-size:11px;margin:0; }
.inputcont2 input { width:130px; height:12px; font-size:11px;margin:0; margin-left:13px; }
.inputcont select { height:16px; font-size:11px; margin:0; }
.inputcont label { float:left; width:80px; margin-right:0.5em; padding-top:0.2em; text-align:left; font-size:11px; color:#fff; }
.location {float:left;}
.label01 { font-size:12px; color:#e9a639; }
.error { font-size:11px; color:#fff;}

.labelsmall {font-size: 10px; color: #FFFFFF;}
.labelsmall a{font-size: 10px; color: #FFFFFF;text-decoration: underline;}
.labelsmall a:hover{font-size: 10px; color: #FFFFFF;text-decoration: none;}

#nagingmahirap {padding-left: 624px; padding-top: 10px;}

img, div, a, input { behavior: url(../../iepngfix.htc) }