@charset "utf-8";
/*** Color
	grey: #e7e7e7
	yellow: #ffff99
	type: #343434
	box: #a3aeca
	footer: #6277b0
***************/

/***Reset - do NOT edit***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	
}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}

/*****Generic Classes*****/
.left {float:left;}
.right {float:right;}
.clear {
 display:inline-block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}

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

/***Typography***/
p {color:#343434;}
a {color:#333333; outline:none;}
a:hover {color:#ff0000; outline:none;}
h1, h2 {text-transform:uppercase; color:#006699; font-weight:bold; font-size:14px; padding-bottom:10px;}
h1.newsHeader { margin: 0px; padding:0; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0px;}
h1.newsHeader2 { margin: 0px; padding:0; font-size:16px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;}
h2.newsSub { margin: 0px; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight: normal; }
h3.newsSub { margin: 0px; padding:0; font-size:12px; font-style:italic; font-weight:normal;}
.newsDate {color:#999999; font-size:12px; font-style:italic; padding: 5px 0 10px 0;}
sup.superscript { font-size: 12px; }

/***Layout***/
html {width:100%}
body {text-align:center; background:#e7e7e7 url(../images/bg-body.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif;font-size:11px;}

.container {width:800px; margin: 0 auto; text-align:left; background:#FFFFFF;}

#article { float:left; margin: 0 50px 0 0; width: 470px;}
#header {display:block; width:800px; height:128px; background:url(../images/bg-header.jpg) no-repeat top left;}
#newslist { border-left: solid thin; float: right; margin: 0 0 10px 15px; padding: 10px 0 40px 20px; width:200px;}

/***nav***/
.nav {display:block; width:800px; height:25px; background:url(../images/bg-nav.jpg) repeat-x top left;}
.nav a {text-transform:uppercase; font-weight:bold; text-decoration:none; color:#ffffff;}
.nav a:hover {color:#ffff99;}
.nav ul {display:inline;}
.nav li {display:inline-block; float:left; height:25px; line-height:25px;  padding-right:10px;}
.active a{color:#ffff99;}

.nav-main {display:inline;}
.nav-main li {display:inline-block; float:left; height:25px; line-height:25px; font-size:14px; padding:0 10px;}

#newslist ul li {list-style-type:circle; padding-bottom:5px;} 
/***content***/
#article p { padding: 5px 0 5px 0;}

#content-wrapper {padding:20px;}
.content {background:#FFFFFF; width:800px;}
.content img {float:left; padding:10px;}
.content .committeesimage { margin-left:60px;}
.content .column1 {float:left; width:380px; background:url(../images/bg-banner.jpg) repeat-y top left; padding-bottom:10px; padding-left:10px;}
.content .column2 {float:right; width:380px; padding: 0 10px 10px 10px;}
.content .text-box {float:left; font-size:12px; width:560px; background:url(../images/bg-banner.jpg) repeat-y top left; padding:10px 0 10px 10px;}
.content .text-box span {font-weight:bold; color:#FF0000;}

.partners .img {padding:0;}

.column1 ul, .column2 ul { list-style-type:disc; padding-left:20px; width: 300px;}
.text-box ul {width:300px; float:left; margin:10px; border:1px #CCCCCC solid; padding:2px;}

.title {text-transform:uppercase; color:#006699; font-weight:bold;}	

a.download-btn {display:block; background:url(../images/btn-memform.jpg) no-repeat; width:111px; height:60px; margin:10px 0; float:left;}
a.download-btn:hover {background:url(../images/btn-memform-hover.jpg) no-repeat;}
 
#up-hr {border-top:#e7e7e7 solid 10px; margin-bottom:10px;}

.box {background:#a3aeca url(../images/bg-head-news.jpg) no-repeat top right; height:148px; float:left; display:block; margin:10px 9px 0;}
.box h1 {text-transform:uppercase; font-size:11px; font-weight:bold; color:#FFFFFF; padding:3px 0 0 5px;}

#downloadForm {margin-left: 250px;}

#directors li{ padding: 15px 0 30px 80px; }
#directors li#item1 { background: url(../images/jcampos.gif) no-repeat 2px 1px; }
#directors li#item2 { background: url(../images/ealcaraz.gif) no-repeat 2px 1px; }
#directors li#item3 { background: url(../images/jsoliman.gif) no-repeat 2px 1px; }
#directors li#item4 { background: url(../images/mespina.gif) no-repeat 2px 1px; }
#directors li#item5 { background: url(../images/rfestin.gif) no-repeat 2px 1px; }
#directors li#item6 { background: url(../images/adoble.gif) no-repeat 2px 1px; }
#directors li#item7 { background: url(../images/ldeguzman.gif) no-repeat 2px 1px; }
#directors li#item8 { background: url(../images/frosales.gif) no-repeat 2px 1px; }
#directors li#item9 { background: url(../images/asaracho.gif) no-repeat 2px 1px; }
#directors li#item10 { background: url(../images/bracquelsr2.gif) no-repeat 2px 1px; }
#directors li#item11 { background: url(../images/ecuna.gif) no-repeat 2px 1px; }
#directors li#item12 { background: url(../images/medralin2.gif) no-repeat 2px 1px; }
#directors li#item13 { background: url(../images/lvalencia.gif) no-repeat 2px 1px; }

#events {width:337px; display:inline;}
#events ul {margin:10px 5px 5px;}
#events ul li {padding:5px 5px 5px 55px; margin-top:5px;}
#events ul li#item1 { background:#d3d8e6 url(../images/pr_congress.gif) no-repeat 2px 1px;}
#events ul li#item2 {  background:#d3d8e6 url(../images/eon.gif) no-repeat 2px 1px;}
#news {width:424px; display:inline;}
#news ul {margin-top:10px;}
#news ul li {padding:5px 0 5px 15px; background:#fff url(../images/arrow.gif) no-repeat 5px 5px; margin:5px;}
#news ul li span {color:#FF0000;}
#sponsors {background:url(../images/corporate.jpg) no-repeat top; display:block; height:120px; padding:20px 0; float:left;}

.newsimage { margin: 0 0 0 50px;}
.newsdownloadimage { float:left; margin-left: 150px; }
.yearstable tbody tr td {width: 10px; }

/***Sponsors link***/
#sponsors ul {display:inline; width:780px;}
#sponsors ul li {float:left; display:inline;}
#sponsors ul li a {background:url(../images/sprite.jpg) no-repeat top left; float:left;}
#sponsors ul li a:hover {background:url(../images/sprite.jpg) no-repeat top left; float:left;}
#sponsors ul li a#bayan {width:90px; height:70px; display:block;}
#sponsors ul li a#bayan:hover {background-position:0 -120px;}
#sponsors ul li a#globe {width:140px; height:70px; display:block; background-position:-90px 0;}
#sponsors ul li a#globe:hover {background-position:-90px -120px;}
#sponsors ul li a#gma {width:120px; height:70px; display:block; background-position:-230px 0;}
#sponsors ul li a#gma:hover {background-position:-230px -120px;}
#sponsors ul li a#meralco {width:120px; height:70px; display:block; background-position:-350px 0;}
#sponsors ul li a#meralco:hover {background-position:-350px -120px;}
#sponsors ul li a#pagcor {width:80px; height:70px; display:block; background-position:-470px 0;}
#sponsors ul li a#pagcor:hover {background-position:-470px -120px;}
#sponsors ul li a#abscbn {width:80px; height:70px; display:block; background-position:-550px 0;}
#sponsors ul li a#abscbn:hover {background-position:-550px -120px;}
#sponsors ul li a#unilab {width:60px; height:70px; display:block; background-position:-630px 0;}
#sponsors ul li a#unilab:hover {background-position:-630px -120px;}
#sponsors ul li a#unilever {width:90px; height:70px; display:block; background-position:-690px 0;}
#sponsors ul li a#unilever:hover {background-position:-690px -120px;}
#sponsors ul li a#b-mirror {width:150px; height:50px; display:block; background-position:0 -70px;}
#sponsors ul li a#b-mirror:hover {background-position:0 -190px;}
#sponsors ul li a#b-world {width:130px; height:50px; display:block; background-position:-150px -70px;}
#sponsors ul li a#b-world:hover {background-position:-150px -190px;}
#sponsors ul li a#mb {width:140px; height:50px; display:block; background-position:-280px -70px;}
#sponsors ul li a#mb:hover {background-position:-280px -190px;}
#sponsors ul li a#pdi {width:150px; height:50px; display:block; background-position:-420px -70px;}
#sponsors ul li a#pdi:hover {background-position:-420px -190px;}
#sponsors ul li a#star {width:110px; height:50px; display:block; background-position:-565px -70px;}
#sponsors ul li a#star:hover {background-position:-565px -190px;}
#sponsors ul li a#smart {width:110px; height:50px; display:block; background-position:-675px -70px;}
#sponsors ul li a#smart:hover {background-position:-675px -190px;}

#subHeader {margin: -12px 0 0 0; padding-top: 20px; width:800px;}
#titleImage {float:right; margin: 0 15px 0 0; padding:10px 0 0 0;}

/****footer****/
.wrap {background:#6277b0 url(../images/bg-footer-wrap.jpg) no-repeat top right; margin-top:-16px;}
#footer {background:#6277b0 url(../images/bg-footer.jpg) no-repeat top right; height:80px; color:#FFFFFF; padding:5px;}
#footer p {color:#CCCCCC; margin:0 10px; padding:0;}