/** HTML Object Styles **/
body {
	margin: 0px;
	padding: 0px;
	background-color: #3D4674;
}
div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/** layout styles **/
head{margin-bottom: 0px;}

#frontpage{
	width: 689px;
}

#publicheader{
	width: 900px;
	height: 40px;
	padding-right: 5px;
	
}
#hdr {
	background:url(../images/head-edge.gif) no-repeat 100%;
	background-position: right;
	width: 500px; 
	height: 40px; 
	float: left;
	background-color: #FFFFFF;
	}

#hdr2 {
	width: 160px; 
	height: 40px; 
	float: right;
	background-color: #3d4674;
}
#hdrsignin{
	margin-top: 2px;
	width: 125px; 
	height: 36px; 
	float: left;
	background-color: #3d4674;
}

#hdrsignin a:link{
	text-decoration: none;
}


#pccomenu {
	width: 900px;
	clear: both;
	}

#headnav{
	background:url(../images/headnav.gif) no-repeat 100%;
	background-position: right;
	float: left;
	border-top: solid #3D4674 2px;
	background-color: #A4A9B9;
	height: 18px;
	width: 600px;
}

#headnav a:link {
	text-decoration: none;
	color: #000000;
}

#headnav a:visited {
	text-decoration: none;
	color: #000000;
}

#headnav a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#clock {
	float: right;
	height: 22px;
	width: 230px;
	text-align: right;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #3D4674;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;	
}
#pccosubmenu {
	background:url(../images/submenu-edge.gif) no-repeat 100%;
	background-position: right;
	width: 900px;
	height: 18px;
	background-color: gray;
	border-left: solid gray 2px;
	}
	
#pccosubmenu a:link {
	text-decoration: none;
	color: #FFFFFF;
}

#pccosubmenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#pccosubmenu a:hover {
	text-decoration: none;
	color: #000000;
}


#webcontent {
	width: 900px;
}
#column1 {
	width: 710px;
	height: 650px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 10px;
	float: left;
	background-color: #FFFFFF;
	border-left: solid gray 2px;
	border-right: solid gray 3px;
	border-bottom: solid gray 8px;
}

#indexcolumn1 {
	width: 710px;
	height: 650px;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 10px;
	float: left;
	background-color: gray;
	border-left: solid gray 2px;
	border-right: solid gray 3px;
	border-bottom: solid gray 8px;
}


#banner {
	width: 500px;
	float: left;
	clear: both;
}

#banner2{
	width: 185px
	color: #FFFFFF;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
}
#pagecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 20px;
	}
#embeddednewsclip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 25px;
}

#column2 {
	width: 190px;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	float: right;
	background-color: #808080;
	border-right: solid #808080 5px;
}

#footer {
	width: 900px;
	background-color: #E1E3EA;
	color: gray;
	text-align: center;
	margin-bottom: 15px;
}
#bottomnav{
	width: 390px;
	float: left;
	padding: 5px;
	font-size: 10px;
}

#copyright{
	width: 235px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px; 
}

#developer {
	width: 194px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	background-color: #3D4674;
}

#bottomnav a:link {
	text-decoration:none;
	color: #999999;
}
#bottomnav a:hover {
	text-decoration:underline;
	color: #555555;
}
#bottomnav a:visited {
	text-decoration:none;
	color: #999999;
}



/** section formatting styles **/
#search {
	background-color:#000033;
	color: white;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
}
#search label{
	font-size: 150%;
	font-weight: bold;
	clear: both;
}
#search form {
	margin: 0px;
	padding: 0px;
}
#login {
	background-color: #DADEDA;
	padding: 3px;
	margin-bottom: 10px;
	font-size: 80%;
	width: 70%;
}
#cvlogin {
	background-color: #FFFFCC;
	padding: 3px;
	margin-bottom: 10px;
	font-size: 80%;
	width: 70%;
}
#authorizedlogin {
	background-color: #CACEE3;
	padding: 3px;
	margin-bottom: 10px;
	font-size: 80%;
	width: 70%;
}

#login label {
	font-size: 150%;
	font-weight: bold;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
#login form {
	margin: 0px;
	padding: 0px;
}
#news #newshead {
	
	background:url(../images/news-edge.gif) no-repeat 100%;
	background-position: right;
	background-color:#933241;
	color:#FFFFFF;
	font-size:110%;
	font-weight: bold;
	padding: 8px;
	margin: 1px;
	
}

#postithead {
	background:url(../images/post-it-head.gif) no-repeat 100%;
	background-position: right;
	background-color:#FFF76B;
	color:#000000;
	font-size:110%;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	margin: 0px;
}

#postitbottom {
	background:url(../images/post-it-bottom.gif) no-repeat 100%;
	background-position: right;
	background-color:#FFF76B;
	color:#FFF76B;
	font-size:80%;
	padding: 4px;
	margin: 0px;
}
#post{
	background:url(../images/post-it-side.gif) no-repeat 100%;
	background-position: right;
	background-color: #FFF76B;
	color: #000000;
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-right: 10px;
	font-size: 80%;
	margin: 0px;
}
#news #newslist {
	background-color: #FFFFFF;
	color: #000000;
	border: solid #933241 1px;
	padding: 8px;
	font-size: 80%;
	margin: 1px;
}
#news #newslist p {
	margin: 0px 0px 20px 0px;
}
#news #reghead {
	background:url(../images/register-edge.gif) no-repeat 100%;
	background-position: right;
	background-color: #4a4a8c;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	padding: 4px;
}
#news #cv {
	background-color: #FFFFCC;
	color: #4a4a8c;
	font-size: 80%;
	padding: 8px;
	border-bottom: solid #4a4a8c 1px;
}
#news #cv h1 {
	font-size: 18px;
	font-weight:bold;
	margin-top: 10px;
	padding-top: 10px;
	margin: 0px 0px 10px 0px;
}
#right {
	float: right;
	width: 30%;
}
#content {
}
#pagecontent p {
	margin: 0px;
	padding-bottom: 12pt;
}
#pagecontent h1 {
	font-size: 18px;
	font-weight: bold;
	color: gray;
	border-bottom: solid gray 1px;
	margin-top: 10px;
	padding-top: 10px;
	margin: 0px 0px 10px 0px;
}

#webcontent h1 {
	font-size: 18px;
	font-weight: bold;
	color: #3d4674;
	border-bottom: solid gray 1px;
	padding-top: 10px;
	margin-top: 10px;
}
#pagecontent span.step {
	color: #A72330;
	font-weight: bold;
}
#pagecontent td.label {
	color: #000033;
	font-weight: bold;
	width: 150px;
	font-size: 10pt;
	text-align: right;
}
#pagecontent td {
	color: #000033;
	font-size: 10pt;
}

/** style classes **/
.current {
	background:url(../images/pccomenu-active.gif) no-repeat 100%;
	background-position: right;
	border-top: solid #A4A9B9 2px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: gray;
}

.current_s {
	background:url(../images/pccosubmenu-active.gif) no-repeat 100%;
	background-position: right;
	border-top: solid gray 2px;
	padding-left: 7px;
	padding-right: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3D4674;
	background-color: #FFFFFF;
}

.nav {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #A4A9B9;
}

.subnav {
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: gray;
}

.subblank {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #ffffff;
	margin: 1px;
	padding: 2px;
	text-align: center;
	width: 20%;
	border: solid #ffffff 1px;
}
.subnavover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #933241;
	background-color: #FFFFCC;
	margin: 1px;
	padding: 1px;
	text-align: center;
	width: 20%;
}
.right {
	float: right;
}
.left {
	float: left;
}
/** form styles **/
.go {
	font-weight:bold;
	font-size:90%;
	padding: 3px;
	margin-left: 6px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.sign {
	font-weight:bold;
	font-size:80%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.text {
	font-size:78%;
	color: #990033;
	border: solid #000000 1px;

}
.errtext {
	font-size:78%;
	color: #990033;
	margin-left: 30px;
}
.help {
	font-size: 70%;
	vertical-align: top;
	text-align: right;
}
.help a:link {
	color: #0000ff;
}
.help a:visited {
	color: #0000ff;
}
.help a:hover {
	color: #0000ff;
}
td.formlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: right;
	padding-right: 3px;
	padding-bottom: 3px;
}

#quicklinksboxtitle {
	background-color: #FFFFFF;
	margin: 2px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	color: gray;
}

#quicklinksbox {
	text-decoration: none;
	border: solid #FFFFFF 1px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 5px;
}

#quicklinks p {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#quicklinks a:link {
	text-decoration: none;
	color: #3D4674;
}
#quicklinks p a:hover {
	text-decoration: underline;
}
#quicklinks a:visited {
	text-decoration: none;
	color:#3D4674;
}
#counter {
	width: 80px;
	float: right;
	background-color: gray;
	border: solid #FFFFFF 1px;
	padding: 2px;
	color: #FFFFFF;
	font-size: 85%;
}
.count {
	background-color:#F5F5FA;
	color:#4a4a8c;
	font-weight:bold;
	font-size: 120%;
	font-family: "Courier New", Courier, mono;
	text-align: right;
	padding: 2px;
}

.contentbox {
	background-color:#FFFFFF;
	border-top: solid #A19974 1px;
	border-left: solid #A19974 1px;
	color:#000000;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 5px;
}
.contentboxtitle {
	background-color:#FFFFFF;
	border-bottom: solid #DADAFE 1px;
	border-left: solid #A19974 1px;
	color:#000000;
	font-size: 100%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 5px;
}
.contentboximage {
	background-color:#FFFFFF;
}

.image {
	border: none;
}

.image a:link{
	border: none;
}

.image a:visited{
	border: none;
}
.image a:hover{
	border: none;
}


.textL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #990033;
	padding-top: 1px;
	padding-bottom: 1px;
}
.navsign {
	color: #A72330;
	background-color: #FFCC66;
	border: solid #FFCC66 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 1px;
	padding: 1px;
	text-align: center;
	width: 20%;
}
a.reg {
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: underline;
}
a:hover.reg {
	text-decoration: none
}
span.oppposttime {
	color: #990000;
}
span.opplabel {
	font-weight:bold;
}
a.opp {
	color: #990000;
	font-size: 120%;
}
a:hover.opp {
	color: #CC6600;
}
#pagecontent ul {
	margin-top: 0px;
	margin-left: 8px;
	text-indent: 10px;

}
#pagecontent li2 {
	list-style-image: url(../images/bullet.gif);
	padding-bottom: 10px;
}
	
}
#pagecontent li {
	/** 
	list-style-image: url(../images/bullet.gif);
	**/
	padding-bottom: 10px;
}

}
#pagecontent2 li {
list-style-image: url(../images/bullet.gif);
padding-bottom: 10px;
}

#pagecontent ol {
	margin-left: 10px;
	font-weight: normal;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #990000;
	font-weight: bold;
}

#imglink {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 9pt;
	background-color: #DFE0D6;
	border-top: solid #FFFFFF 1px;
	border-bottom: solid #ABA999 1px;
}
#imglink a:link {
	text-decoration: none;
	color: #707357;
	margin-left: 15px;
	margin-right: 15px;
}

#imglink a:visited {
	text-decoration: none;
	color: #707357;
	}
	
#imglink a:hover {
	text-decoration: none;
	color:#0099FF;
	
}

#whitebackground
{
	margin: 20px 20px 0px 20px;
	width: 95%;
	height: 95%;
	background-color: #FFFFFF;
}
#whiteportrait
{       
	width: 100%;
	height: 100%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #FFFFFF;

}
#footersecured {
	width: 100%;
	font-size: 10px;
	background-color: #E1E3EA;
	color: gray;
	text-align: center;
	float:none;
}

#pagecontentcolumn1
{
	width: 290px;
	font-size: 12px;
	color: #3D4674;
	float: left;
	margin-right: 25px;
}

#pagecontentcolumn2
{
	width: 625px;
	font-size: 12px;
	color: #3D4674;
	float: right;
	margin-right: 25px;
}

.newstitle
{
	width: 625px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	font-size: 17px;
	color: #FFFFFF;
	background-color: #3D4674;
	border-top: solid #FFFFFF 5px;
	margin-bottom: 15px;
	margin-top: 20px;
	text-align: center;
}

.subnewstitle
{
	width: 625px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	font-size: 13px;
	color: #3D4674;
	background-color: #FFFFFF;
	margin-bottom: 15px;
	margin-top: 20px;
	text-align: center;
	border-top: solid #3D4674 3px;
	border-bottom: solid #3D4674 1px;
}

.contentslist
{
	width: 400px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

.leftfloat150px
{
	width: 150px;
	float: left;
}

.contentslistrightimage
{
	width: 150px;
	font-size: 11px;
	color: #39859F;
	padding: 2px 10px 2px 20px;
}


.contentslist a:link
{
	text-decoration: none;
	color: #39859F;
}

.contentslist a:visited
{
	text-decoration: none;
	color: #39859F;
}

.contentslist a:hover
{
	text-decoration: none;
	color: #3D4674;
}

.newstop
{
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin-top: 2px;
}

.newstop a:link
{
	text-decoration: none;
	color: #3D4674;
}

.newstop a:visited
{
	text-decoration: none;
	color: #3D4674;
}

.newstop a:hover
{
	text-decoration: underline;
	color: #39859F;
}


.top
{
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
}

.top a:link
{
	text-decoration: none;
	color: #3D4674;
}

.top a:visited
{
	text-decoration: none;
	color: #3D4674;
}

.top a:hover
{
	text-decoration: underline;
	color: #39859F;
}

#newsboxtitle
{
	width: 620px;
	border-bottom: solid #39859F 3px;	
}

.newsboxtitle1
{
	background-color: #39859F;
	color: #FFFFFF;
	float: left;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 11px;
}

.newsboxtitle1 a:link
{
	text-decoration: none;
	color: #FFFFFF;
}
.newsboxtitle1 a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

.newsboxtitle1 a:hover
{
	text-decoration: underline;
}



#newsboxtitle2
{
	float: left;
	background:url(../images/facilitybox.gif) no-repeat 100%;
	background-position: left;
	padding-top: 4px;
	padding-left: 45px;
}

#newsboxcontent
{
	width: 650px;
	border: solid #39859F 1px;
	background-color: #FFFFCC;
}

#newsboxcontent1
{
	font-size: 12px;
	float: left;
	padding: 4px;
	background-color: #FFFFFF;
}

#newsboxcontent2
{
	font-size: 11px;
	float: left;
	padding: 15px;
	color: #000000;
	background-color: #FFFFCC;
}

/**  **/

#staffcolumn
{
	float: left;
	margin-right: 20px;
}

#staffboxtitle
{
	width: 300px;
	border-bottom: solid #74632D 3px;
	border-right: solid #74632D 1px;	
}

#staffboxtitletop
{
	width: 300px;
	border-bottom: solid #74632D 3px;	
}

#feedbackboxtitle
{
	width: 320px;
	border-bottom: solid #74632D 3px;	
}


.staffboxtitle1
{
	background-color: #74632D;
	color: #FFFFFF;
	float: left;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 11px;
}

#staffboxtitle2
{
	float: left;
	background:url(../images/staffbox.gif) no-repeat 100%;
	background-position: left;
	padding-top: 4px;
	padding-left: 45px;
}

#staffboxcontent
{
	width: 300px;
	border-top: solid #74632D 1px;
	border-left: solid #74632D 1px;
	background-color: #FFFFCC;
	border-right: solid #74632D 1px;
}

#staffboxcontentbottom
{
	width: 300px;
	border-top: solid #74632D 1px;
	border-left: solid #74632D 2px;
	background-color: #FFFFCC;
	border-right: solid #74632D 1px;
	border-bottom: solid #74632D 1px;	
}

#feedbackboxcontent
{
	width: 320px;
	border-top: solid #74632D 1px;
	border-left: solid #74632D 3px;
	background-color: #FFFFCC;
	border-right: solid #74632D 1px;
	border-bottom: solid #74632D 1px;	
}


#staffboxcontent1
{
	font-size: 12px;
	float: left;
	padding: 4px;
	background-color: #FFFFFF;
}

#staffboxcontent2
{
	font-size: 11px;
	float: left;
	padding: 15px;
	color: #00000;
}

#bayanihancolumn1
{
	width: 150px;
	height: 300px;
	float: left;
	color: #3D4674;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

#bayanihancolumn2
{
	width: 460px;
	margin-left: 10px;
	height: 300px;
	float: left;
	color: #3D4674;
	font-size: 11px;
}

#bayanihancolumn2 h2
{
	width: 430px;
	font-size: 15px;
	font-weight: bold;
	color: #39859F;
	padding-top: 5px;
	border-top: solid #39859F 10px;
	margin-top: 25px;
}

.bayanihancontentslist
{
	width: 148px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}
.bayanihancontentslist a:link
{
	text-decoration: none;
	color: #39859F;
}

.bayanihancontentslist a:visited
{
	text-decoration: none;
	color: #39859F;
}

.bayanihancontentslist a:hover
{
	text-decoration: none;
	color: #3D4674;
}