body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*background-color: #879AB3;*/
	/*background-color: #24214c;*/
	/*background-color: #000000;	 */
	background-color: #403A25;
	width:755px;
	padding-top:0;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
/*	text-align:center; */		/* should only be included within [if IE] code, not here!
												otherwise, it centers ALL html text elements not explicitly
												aligned different from center. Thus, to center the header,
												see header.html */
	}
.leftsash {
	width:155px;
}

	/* FONTS, GENERAL APPEARANCE */
/* P, UL, OL, LI, a, table, h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif} */
P, UL, OL, LI, blockquote { font-size: 10pt } /* still necessary? */

H1 { font-size: 14pt; font-weight: normal;}
h2 { font-size: 10pt; font-weight: heavy;}
h3 { font-size: 14pt;}
h4 { font-size: 15pt; font-weight: heavy;}
h7 { font-size:  8pt; font-weight: normal}
.smalltext { font-size: 8pt}
.smallertext { font-size: 7pt}
.smallestext { font-size: 6pt}
.bodytext { font-size: 10pt }
.caps1stline:first-line {text-transform:uppercase}


	/* LINKS */
a {
	text-decoration: none;
	color:#131360
	}
a:hover {color:#FF0000}
			/* classless a link will be deleted in the future */

a.blue02:link, a.blue02:visited, a.blue02:active { text-decoration: none; color:#6699ff }
a.blue02:hover {color:#FF0000}  /* used in special section column, home page */

a.pwb:link, a.pwb:visited, a.pwb:active { text-decoration: none; color:#000000 }
a.pwb:hover {color:#666333}
		/* FOOTER */

.fm {
	font-size: 7pt;
	text-decoration: none;
	color: #f9f8f7;
}

.ft {
	background-color: black;
	font-size: 7pt;
	color: #f9f8f7;
}

.linspace {
	line-height: 12pt;
}

	/* LISTS */
ul { list-style-type: square }

table.main {					/* used by nearly all text-intensive and perl-generated pages */
	background-color: #f9f8f7;
	width: 755px;
	padding: 0px;
	align:center;
	/*border: solid 1px #dddddd;	 color though defined, can be manipulated further in html */
	border-collapse:collapse;   /* visually, though not intrinsically, removes shades of borders, at least for opera and IE */
	border-spacing:0px;			/* border though defined, can be manipulated further in html */
	}							/* borders, because collapsed, mostly refer to inside lines when manipulated in html */

.tl { height:30px; border-bottom: solid 1px #cccccc }
/*table line: wide vert spacing + provides line separating table cells; used by home page menu */

.tz { border:0; padding:0; margin:0 }
/* table zeros; doesn't do much, better if you specify inline */

.text {display:block; margin-left:100px}

	/* HEADER */

.imlbox {
	background-image: url("../themes/current/1_1.gif");
	background-repeat: no-repeat;
	height: 100%
	}

.txbox {
	font-size:7pt;
	background-color: #3E3D3D;
	text-align:center;
	height: 100%
	}
.imlboxe {
	background-image: url("../themes/current/1_5.gif");
	background-repeat: no-repeat;
	height: 100%
	}

a.hlink:link, a.hlink:visited, a.hlink:active {  text-decoration: none; color:#CCCCCC; font-size: 8pt }
a.hlink:hover {color:#000000; font-weight:bold }

#headsu {
/*	width:400px; */
	font-family:arial;
	text-align:right;
	position: absolute;
	top:23px;
	right:-1em;
	font-size:11px;
	background-color:#000000;
/*	color:#86889D;	*/
	color:#f9f8f7;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-right: 10px;
	line-height:1.7em;
	letter-spacing:.3em
	}
#headsu a {
	text-decoration:none;
	color:#86889D}
#headsu strong {
	letter-spacing:0.1em;
	font-size:11px;
}
/* #headsu a:hover {text-decoration:underline}*/


/* *******************drop down navigation menu ************************/

body #prwcheader, #prwcheader {
	text-align:center;
	position:relative;
	width:755px;
	height:140px;
	background:url('../images/front/banner.gif') left top  no-repeat;
}

#nav {
	position:absolute;
	left:0;
	right:0;
	margin-right:auto;
	margin-left:auto;
	width:100%; /* for windows only */
	bottom:0;
	z-index:20;
	padding:0px;
	text-align:center;
	/* background-color:#D4D7F7;*/
	/*background-color:#D5EAFF;*/
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {display: block}

#nav li a, #nav a {
	margin:0;
	margin-right:0px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:4px;
	padding-top:4px;
	font-size:10px;
	letter-spacing:.07em;
	text-align:left;
/*	color:#408080;*/		/* letters of upper1.jpg */
	color:#f9f8f7;
/*	color:#577D80; 	*/
/*	text-transform:lowercase;*/
	}


#nav li:hover, #nav li.sfhover {
	background-color: #000000; /* #5078ad; */ /* #6096B7; */ /*#6694BD;*/ /* #CECECE;*/
	color:#E0C39E;
}

#nav li:hover>a, #nav li a:hover, #nav li a.sfhover  {
	color:white;
}
					/* "#nav li:hover>a" is needed to keep hover color when traversing downwards to submenu items;
							this however works only for fireworks
							these have failed in Idiot Explorer:
								"#nav li.sfhover a" (even removed hover color of letters)
								"#nav li.sfhover>a" (also removed hover color of letters)
								both above as selectors in prvious block
								"#nav li.sfhover a.sfhover" */

#nav li {
	float: left;
	padding:0;
}

#nav, #nav li {
/*	background-color:#6D99C0;*/
/*	background-color:#D4D7F7; */
	background-color: #000000;
}
	/* box under each main menu item */
#nav li ul {
	position: absolute;
	left: -999em;
	text-align:left;
	/*border-top: 3px solid #55607E;*/ /* #bbbbbb; */
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto
}

/* default values end here, below are settings particular to prwc menu, see manops */

#nav {margin-top:3px}			/* gap between menu and header image */

#nav ul li, #nav li {
	margin-left:0;
	margin-right:0;
}

#nav ul li {
	font-size:10px;
	border-left:1px solid #ACACAC;
	border-bottom:1px solid #E0E0E0;
	border-right:1px solid #ACACAC;
	background-color:white;
}

#nav ul li a {
	display: block;
	width:9em;
	w\idth: 10em;
	padding:3px 4px 2px 5px;
	font-size:10px;
	font-weight:normal;
	color:#727272;
	background-color:white;
	border-left: 5px solid #eeeeee;
	margin-right:0px;			/* needed to remove excess/bleeding background */
	text-transform:none;
}

#nav ul li a:hover, #nav ul li a.sfhover {
	color:black;
	background-color:#eeeeee;
	border-left: 5px solid #CACACA;
}

	/* width of each individual submenu box */
				/* NOTES FOR #nav #n__ ul {}:
					necessary to ensure vertical arrangement of submenu items
					value may not be exact as long as it is positive
						and actual visible width is slightly narrower
					EXCEPT if submenu contains non-<a href> text
						(see setting for #nav #npu ul {} */

/* to check the values, change the color of either the border-top of 'nav li ul' or bottom-border of prwcheader */
#nav #ncp ul {width:8.5em}
#nav #ncp ul a {width:9.8em}

#nav #nnp ul {width:15.4em}
#nav #nnp ul a {width:19em}

#nav #nnd ul {width:14.6em}
#nav #nnd ul a {width:18em}

#nav #nab ul {width:7.9em}
#nav #nab ul a {width:9em}

#nav #nkr ul {width:12.8em}
#nav #nkr ul a {width:15.5em}

#nav #npi ul {width:10.2em}
#nav #npi ul a {width:12em}

#nav #npu ul {width:15.9em}
#nav #npu ul a {width:15em}

#nav #nku ul {width:4.5em}
#nav #nku ul a {width:5em}


#nav #nsp ul {width:10.9em}
#nav #nsp ul a {width:13em}

#nav #nli ul {width:12em}
#nav #nli ul a {width:14.5em}

#nav #nmu ul {width:4em}
#nav #nmu ul a {width:7em}


	/* strictly for lame browsers like i.e.; their version of #nav>li>a{} */

	/* this next section causes uniform color for both main and sub menus. */
/*
#nav #nho a, #nav #ncp a, #nav #nnp a, #nav #nnd a, #nav #nab a, #nav #nkr a, #nav #npi a, #nav #npu a, #nav #nku a, #nav #nsp a, #nav #nph a, #nav #nli a, #nav #nhe a {
	font-size:10px;
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:2px;
	color:#B4B4B4;
	background-color:#436292;
	}
*/

#nav ul li a.nolink, a.nolink, #nav li a.nolink {
	font-weight:bold;
}
#nav ul li a.nolink:hover, #nav ul li a.nolink:sfhover  {
	background-color:white;
}

/* added 070122; sa patuloy na pagsisikap na habang ginagawang mas consistent ang hitsura ng mga pahina ay gawin ding mas simple ang codes such that parepareho ang 'frames' (both sa output at sa code) at ang mag-iiba-iba na lamang ay ang mga partikular/ pekulyar na laman ng bawat seksyon/pahina (sa anyo ng in-line na particulars sa page or sa anyo ng includes).*/


/*PHOTO CAPTION*/

.caption {
	color:#E2D8CB;
	font-size: 7.5pt;
	font-family: arial;
	letter-spacing:.09em;
	line-height:10pt;
	padding-bottom:25px;
	}

/*TABLES*/
	
.mainbg {
	background-color:#000000;
	}

.panel {
 padding:10px;
 padding-top:0px;
 border:0px;
 }
 
.rightpanel {
 background-color:#ffffff;
 padding:20px;
 background:#ffffff url('/images/front/right.gif') no-repeat bottom right;
 }

#midpanel {
	overflow:hidden;
	padding:20px; 
	border:0px; 
	background-color:#F9F3EC;	
	}

/*SECTIONS*/

.snframe {
 padding:30px;
/* background:url('../images/sectnpics/cppback.jpg'); /*added to this sectn*/
 }

.snhead {
 font-size:15pt;
 font-family:Verdana;
 text-align:left;
 padding-bottom:25px;
 }
 
.sndesc {
	text-align:center; 
	line-height:13pt; 
	color:#f9f8f7; 
	font-size:8pt; padding-top:25px;
	padding-bottom:25px;
 }
#links img {

}