/*------------------------------------*/ 
/*-- Stylesheet Name: style.css   
/*-- Created By: Myra S. Jocson, MIS
/*-- Date Created: 26 February 2009    
/*-- Last Modified: 24 April 2009  
--------------------------------------*/
@charset "utf-8";

body {background-color:#FFF; padding:0; text-align: justify;}
#wrapper { width: 100%; margin: 1.5em 1.5em .5em .5em;  }
#wrapper-scroll {width: 100%; margin: 1.5em .5em .5em .5em;}
h2, h3, h4, h5 {color: #036; font-family: Arial, Helvetica, sans-serif; }
h2 {margin-top:5em; text-align:center;}
h4 {text-align:left; font-weight:bolder;}
#left-nav { 
	float: left;
	width: 32%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 25%;
	height: 44em;
	background: url(../images/main_01.jpg) repeat;
	border-left: 20px solid #999;
	margin-top: -1em;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top:0;
	padding-top: 1em;
	_padding-top: 2em;
}

#right-nav{ 
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 68%;
	padding-left:1.52em;
	margin-right:1em;
	margin-top: 0 ;  /*1.2em; orig margin */
	padding-bottom: 1em;
}
#right-nav-scroll {
	float:right;
	width: 67%; 
	padding: .8em 1em 1em 1.2em;
	height:38em; overflow:scroll;
	margin-right: 0;
}

.statcounter{
	text-align:center;
	font: normal normal .8em Verdana, Arial, Helvetica, sans-serif;	
}
span.ctr-label {color:#003;}

.sub-head {
	font: normal bold .9em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 1.5em;}

.para-text, .noinfo-text, .view-link, .view-itblink {
	font: normal normal .7em Verdana, Arial, Helvetica, sans-serif ;
	margin-left: .3em; 
	text-align:justify;
	margin-right: 1em;} 

p.job-para {font: normal bold .9em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}
	
ul.para-text{font: normal normal .7em Verdana, Arial, Helvetica, sans-serif ;}

span.job-text, .job-qual {
	font: normal normal .7em Verdana, Arial, Helvetica, sans-serif ;
	display:block;
	}

.job-qual {
	font: normal normal .7em Verdana, Arial, Helvetica, sans-serif ;}
	
.job-title {
	font: bold normal .7em Verdana, Arial, Helvetica, sans-serif ;
}
	
.brdcrmbs {font:normal normal .8em "Arial Narrow", Helvetica, sans-serif;
	text-align:left;
	padding-left:1em;
}
	
.noinfo-text {
	margin:10em 6.5em;
	text-align:center;
}

.sublink-list {
	font: normal normal normal 10pt Verdana, Helvetica, sans-serif;
	list-style-type: none;
	list-style-position:outside;
	padding-left:1em;
	text-align:left;
}

.list-item, .complete-list-item {
	display: block;
	text-decoration: none;
	padding: 3px 5px;
	color: #FFF;
	}

.view-link {text-align:right;}
.list-header {color: #FFF; font: normal bold 10pt Verdana, Arial, Helvetica, sans-serif; padding-left: .5em;}
.list-text, .list-dwntext {padding-left: .5em; padding-right:1em;}	
li.list-text, .list-dwntext1, .list-item {font: normal normal 9pt Verdana, Arial, Helvetica, sans-serif ;}
.list-item {padding-bottom: .7em;}
.list-item {_margin-left: -2em;} 	/*workaround for IE6 */
.list-item {_padding-bottom: .2em;}	/*workaround for IE6 */
.list-dwntext {_margin-left: -2.5em; margin-left: 0; list-style:none; text-align:left; font-size:.75em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.list-dwntext1 {margin-left: 2em; _margin-left: 1em; padding-left: .5em; padding-right:1em;}
#left-nav li a:link { color:#FFF; text-decoration:none; }
#left-nav li a:visited { color: #FFF; text-decoration: none; }
#left-nav li a:hover, #page-active {
  color: #FFF;
  text-decoration:none;
  font-weight:bolder;
}

/*AboutOfficers.html MODIFIED (PICS DELETED)*/

img.image, img.joey-rina {
	width: 100px; 
	height: 95px;
	border: 5px solid #CCC;
	padding: 3px;}

img.joey-rina {
	width: 150px; 
	height: 145px;
	border: 5px solid #CCC;
	padding: 3px;}

.joey-rina {margin-right: 15px; text-align: right;}	
.image-grp {margin-left:1%;}
.image-duo	{float: left; width: 200px; margin: 0 15px 15px 55px; _margin:0 10px 10px 35px;}
.image-row2, .image-row3 {float: left; width: 170px; margin: 5px 10px 15px 5px;}
.image-row2, .image-row3 {_margin: 5px 0 15px 5px;}
.image-jac{float: left; width: 190px; margin: 5px 7px 15px 5px;}
.image-jmjp{float: left; width: 180px; margin: 5px 7px 15px 5px;}
.image-duo, .image-jac, .image-row2, .image-row3, .image-jmjp {
	padding: 7px 3px ;
	text-align:center;
}

span.image-caption, #nxt-page {
	font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;
}
span.image-caption {
	text-align: center;
	display:block;
}	


span.ofcr-name, span.ofcr-detl {
	font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	display:block;
	l
}	

span.ofcr-name {font: normal bold .7em Verdana, Arial, Helvetica, sans-serif; }
#apo-grp, #tsg-grp {
	margin-left: 2em;
}

.clearboth {clear:both;}

/*---------For Data Tables-----------------*/
.title-txt, .cap-txt {text-align:center;
	font: normal bold .8em Verdana, Arial, Helvetica, sans-serif;
	color:#00324A; }
.title-txt {display:block;}

#table-proj-list, #table-dwnld-list {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: outset;
	/*overflow: scroll;
	height: 6em;*/
}

th.table-head1, th.table-head2, th.table-head3, th.table-head4, .table-header {
	font-size: .7em;
	font-weight:bold;
	text-align: center;
	padding: 3px 5px;
	background-color:#00496C;
	color:#FFF;
	height: 3em;
}	

.col-projname, .col-prop, .col-scheme, .col-cost, .dwnld-col-title, .dwnld-col-desc {
	font-size: .75em; 
	padding-left:.5em;
	height: 2em;
	border:inset;
	}

.dwnld-col-title {text-align:left;}
.dwnld-desc {font-style:italic;}
.col-projname{
	width: 24em; 	
	text-align:left;}

.col-prop{
	width: 11em;
	text-align:left;
	padding-right:.5em;
}

.col-scheme {
	width:2.5em;
	text-align:center;
}

.col-cost {
	width: 5em;
	text-align:right;
	padding-right:.5em;
	_padding-right:0; /*workaround for IE6*/
}

.table-head4 {width: 6em;}

.dwnld-col-title  {width: 20em; text-align: left; padding-right:.5em;}
.dwnld-col-desc  {width: 25em; padding-left:1em; text-align:left;}
#nxt-page {text-align:right; margin-right:2em;}
#nxt-page li{display:inline; width:5em; list-style:none;
	padding-left:.5em;}
#lst-active, #nxt-page a:active {
	text-decoration:underline;
	border-bottom:groove;
}
#de-active {color:#666;}

/*----------------News, Updates, Announcements -----*/

#container { width: 100%; margin: auto; height: 40em; overflow:scroll}
#content {margin-left: 2em; margin-right: 1em; padding-left: 1em;}
#news-content {margin-left: .2m; margin-right: .2em; background-color:#4FA7FF;} /*#C1E0FF lighter blue*/
#txt-leftcol {margin-left: 1em; padding-left: 1em; float: left; width: 56%; _width: 54%; text-align:justify;}
#bangladeshi-trng, #belgian-conf {margin-left: 1em; padding-left: 1em; float: left; width: 90%;}
img.news-img {width: 260px; height: 190px;}
p.caption, p.news-txt-ryt, span.news-date, .para-page {text-align:justify; }
p.caption {font:italic normal .75em Times, serif; text-align:justify;}
p.news-txt-ryt, p.news-txt-left, .para-page {font: normal normal .75em Verdana, Arial, Helvetica, sans-serif;}
p.news-title, .news-txt, span.news-date {font: normal normal .7em Verdana, Arial, Helvetica, sans-serif;}
p.news-title {font-weight:bold;}
p.news-txt-ryt {margin-top:0}
.clearboth {clear:both;}
.para-page {width: 100%;}
.view-itblink {text-align:left;}
.image-ryt {
	float: right; width: 280px; 
	border: 3px solid #CCC;
	padding: 10px 5px 10px; 
	text-align:center;
	margin: .5em .75em 1em; }
	
.image-left {
	float:left;
	width: 300px;
	border: 3px solid #CCC;
	padding: 3px;
	text-align:left;
	margin-right:.75em;
	_margin-right:1em; /*workaround for IE6*/
}	

.news-img-right {
 width: 280px;
 height: 200px;	
 }
 
.news-img-left {
	width: 300px;
	height: 230px;	
	}

/*----------------Downloads-----*/
.subhead-link {font: normal bold 10pt Verdana, Arial, Helvetica, sans-serif; }
a:link.subhead-link, a:link.span-line, a:link.text-link	{text-decoration:none; }
a:visited.subhead-link, a:visited.span-line, a:visited.text-link 	{text-decoration:none; color:#8B2525;}
a:hover.subhead-link, a:hover.span-line, a:hover.text-link 	{color:#000; text-decoration:underline; }
.span-line{padding-left: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:.8em; }
/*----------------Contact Us-----*/
.span-text, .span-label, .inquire-text, .webadmin-text, .sublist-item {
	display:block;
	font: normal normal .75em Verdana, Arial, Helvetica, sans-serif ;
	text-align:center;
	padding-left: .2em;
	padding-right: .2em;
	color:#FFF;
}

.span-label, .webadmin-text {font-weight:bold; }
.webadmin-text, .inquire-text { 
	padding-left: .5em;
	padding-right: .5em;
}

.webadmin-text {color:#00006F; font-size: .7em;}
#web-text {padding-top:10em;}
	
a:link.email-link  {
	color:#FFFF00;
	text-decoration:none;}
a:hover.email-link  {
	text-decoration:underline;
}

.input-txt, .input-label {
	font: normal normal .8em Verdana, Arial, Helvetica, sans-serif;
}
.input-label {text-align:left;}

/*----------------Program and Projects-----*/
.sublist-item {text-align:left; font-size: .8em;}

/*----Form---*/

#fill-form {margin-right: 2em; margin-left: 1.5em;}
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font: italic bold .8em Verdana, Arial, Helvetica, sans-serif;
}
form.cmxform label {
  display: -moz-inline-stack; /*workaround for FF*/
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  font: normal normal .8em Verdana, Arial, Helvetica, sans-serif;
}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform span.input-field, form.cmxform span.input-msge {
  font: italic bold .8em Verdana, Arial, Helvetica, sans-serif;
  color: #F00;
}
form.cmxform label {
  width: 14em; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 13em;  /*Width plus 3 (html space) */
  _margin-left: 14em; /*IE6 */
}  
 form.cmxform fieldset fieldset textarea {
  margin-left: 15em;  /*Width plus 3 (html space) */
  _margin-left: 11em; /*IE6 */
}  
.form-button {
  text-align:center;  
}  

form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}

/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */