@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: 214px;
}

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

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

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

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

#contentbottombig {
	float: left;
	width: 972px;
	height: 25px;
}


/* 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: 99px;
}

#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: 108px;
}

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

#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: 228px;
	height: 180px;
	background-image: url(../../images/team4.jpg);
}

/* AREAS */

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

#mainarea2 {
	float: left;
	width: 209px;
	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: 148px;
	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: 209px;
	height: 236px;
	background-image: url(../../images/area-members.jpg);
}

/* BLOG AREA */

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

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

#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: 5px;
	padding-right: 5px;
}

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

#blogcol3main {
	padding-left: 5px;
	padding-right: 5px;
}

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

/* 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: 10px;
}

/* FOOTER PROPER */

#footerproper {
	padding-top: 50px;
}

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



/* INSIDE PAGE */

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

#contenttop {
	float: left;
	width: 972px;
	height: 25px;
	background-image: url(../../images/inside-content-top.jpg);
	background-repeat: no-repeat;
}

#contentmain {
	float: left;
	width: 972px;
	height: auto;
	background-color: #FFFFFF;
}

#contentbottom {
	float: left;
	width: 972px;
	height: 25px;
	background-image: url(../../images/inside-content-bottom.jpg);
	background-repeat: no-repeat;
}



#contentleft {
	float: left;
	width: 743px;
	height: auto;
}
#contentleftc5 {
	float: left;
	width: 962px;
	height: auto;
}
#sidebar {
	float: left;
	width: 219px;
	height: auto;
}

#sidebartop {
	float: left;
	width: 219px;
	height: 43px;
	background-image: url(../../images/sidebar-top.jpg);
}

#sidebarbg {
	float: left;
	width: 219px;
	height: auto;
	background-image: url(../../images/sidebar-bg.jpg);
	background-repeat: repeat-y;
}

#sidebarbottom {
	float: left;
	width: 219px;
	height: 21px;
	background-image: url(../../images/sidebar-bottom.jpg);
}

#contentleftmain {
	padding-left: 15px;
	padding-right: 30px;
}

#sidebarbgmain {
	padding-left: 15px;
	padding-right: 30px;
}

.error { font-size:11px; color:#990000;}
#sidebarbgmain ul { margin:0; padding:0 0 0 14px; color:#fff; }
#sidebarbgmain a:link, #sidebarbgmain a:visited { font-size:12px; text-decoration:none; color:#fff; }
#sidebarbgmain a:hover { text-decoration:underline; }
#sidebarbgmain h3 { color:#fff; margin:0 0 8px 0; }
.lilink a:link, .lilink a:visited { text-decoration:none;font-size: 12px;color: #232323; }
a.navlinkselected { color:#e0641c; text-decoration:none; }
.lilink a:hover { text-decoration:underline; }
.videolink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.videolink a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #666666;}
.videolink a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #666666;}