a { color: #3b95e9; }

a:hover{ text-decoration: none; }

body{ background: #8f4e14; }

html, input, textarea, select{
	font-family: Verdana;
	font-size: 12px;
	color: #86aad1;
	line-height: 14px;
}

img { border: 0; vertical-align: top; text-align: left; }

/*in_line*/
input, select { vertical-align: middle; font-weight: normal; }

li{ list-style: disc; }

p, li{ line-height: 1.5; }

textarea {
	width: 291px;
	height: 152px;
	background: #FFFFFF;
	overflow: auto;
	margin-bottom: 7px;
	border: 0px;
	color: #000000;
}

ul { list-style: none; }

ul#navlist {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width:100%;
	font-size: 1em;
	float: right;
}

ul#navlist li {
	display: block;
	float: left;
	width: 12%;
	margin: 0;
	padding: 0;
	float: right;
}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.5em;
	border-width: 1px;
	border-color: gray;
	border-style: dotted;
	color: #fff;
	text-decoration: none;
	background: #133B67;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #fff;
	background: transparent;
	border-color: gray;
}

ul#navlist li#active a { background: #f0e7d7; color: white; }

/*==================list====================*/
.block { width: 294px; background: #0d469d; }

.block .ind { padding: 14px 23px 11px 21px; }

.block1 { color: #FFFFFF; width: 305px; }

.block1 .bgd {
	background: url(images/block1_bgd.gif) left top repeat-y;
}

.block1 .ind { padding: 16px 0 26px 90px; }

.clear { clear: both; }

.fleft { float: left; }

.form { height: 29px; }

.form input {
	width: 291px;
	height: 20px;
	background: #FFFFFF;
	border: 0px;
	color: #000000;
}

.fright { float: right; }

.img_indent { margin: 0 15px 0 0; float: left; }

.input1 {
	width: 247px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #092447;
	color: #0a274b;
	font-size: 11px;
	padding-top: 2px;
}

.link1 {
	font-size: 18px;
	color: #317fca;
	font-weight: bold;
	line-height: 22px;
}

.link2 { color: #317fca; }

.link3 { font-size: 11px; }

.spacer_bottom{ line-height: 12px; }

.tall_bottom {
	background: url(images/tall_bottom.gif) left bottom repeat-x;
}

.tall_top {
	background: url(images/tall_top.gif) left top repeat-x #ffbb00;
}

.title { margin: 0 0 21px 0; }

.txt1 { font-size: 12px; color: #FFFFFF; font-weight: bold; }

.txt2 { color: #ced4db; font-family: Arial; font-weight: bold; }

.ul1 li {
	background: url(images/marker.gif) no-repeat 0 1px;
	padding-left: 23px;
}

.ul1 li a { color: #317fc9; font-size: 11px; }

.ul2 li a {
	color: #296db0;
	font-weight: bold;
	line-height: 24px;
	font-size: 11px;
}

/*content*/
#content .indent { padding: 30px 0 32px 0; }

#fcf2 {
	font-family: arial;
	font-size: 11px;
	margin: 5px;
	width: 440px;
	
}

#fcf2 .req { font-weight: bold; }

#fcf2 div.r {
	clear: both;
	padding-top: 5px;
	background-color: #143E6C;
}

#fcf2 div.sp { clear: both; }

#fcf2 em { color: #FFFF00; }

#fcf2 h3 {
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	margin: 0px;
}

#fcf2 input, #fcf2 textarea {
	background: #FFF;
	border: 1px solid #000;
	padding: 2px;
	color: black;
	!important: ;
}

#fcf2 input:focus, #fcf2 textarea:focus {
	background: #f2f2f2;
	border: 1px solid #3D5686;
	color: black;
	!important: ;
}

#fcf2 label { float: left; width: 100px; text-align: right; }

#fcf2 p { text-align: center; padding: 8px; }

#fcf2 span.f { float: right; width: 335px; text-align: left; }

#flush{ padding-left: 105px; color: black; }

/*footer*/
#footer {
	background: url(images/footer_bgd.gif) left top repeat-x #340C0A;
	color: #FFFFFF;
	font-size: 13px;
}

#footer .indent { padding: 19px 19px 0 35px; }

#footer a { color: #FFFFFF; }

/* forms */
#formholder{ width: 450px; }

#header .contact {
	height: 267px;
	background: url(images/makati_skyline2.jpg) left top no-repeat;
}

#header .home {
	height: 257px;
	background: url(images/home.jpg) left top no-repeat;
	padding-top: 25px;
}

#header .library {
	height: 267px;
	background: url(images/library.jpg) left top no-repeat;
	
}
#header .services {
	height: 267px;
	background: url(images/services.jpg) left top no-repeat;
}

#header .team {
	height: 267px;
	background: url(images/team.jpg) left top no-repeat;
}

#header .iplinks{
	height: 267px;
	background: url(images/iplinks.jpg) left top no-repeat;
}
#header .downloadforms{
	height: 267px;
	background: url(images/downloadforms.jpg) left top no-repeat;
}
#header .random{
	height: 267px;
	background-color:#fff;
}
/*header*/
#header .row_1 {
	height: 147px;
	background: url(images/header_bgd1.gif) left top repeat-x;
}

#header .row_1 .col_1 { width: 335px; }

#header .row_1 .col_1 .indent { padding: 53px 0 0 14px; }

#header .row_1 .col_2 { width: 638px; }

#header .row_2 {
	height: 267px;
	background: url(images/header_bgd2.jpg) left top no-repeat;
}

#header .row_2 img { margin: 212px 0 0 20px; }



/*==========================================*/
/*- Menu --------------------------- */
#navcontainer {
	background: #092648;
	margin: 0 auto;
	padding: 0;
	text-transform: lowercase;
	position: relative;
	top: 35px;
	padding-bottom: 5px solid white;
	width: 100%;
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

#navcontainer>ul#navlist li a { width: auto; }

/*================== index.html ==================*/
#page1 #content .col_1 .row_1 { background: url(images/bgd_content.gif) left top; }

#page1 #content .col_1 .row_1 .indent { padding: 28px 0 37px 32px; }

#page1 #content .col_1 .row_2 .indent {
	padding: 41px 0 30px 32px;
	font-size: 12px;
	line-height: 15px;
}

#page1 #content .col_2 { font-size: 12px; color: #ced4da; line-height: 15px; }

#page1 #content .col_2 .indent { padding: 29px 0 68px 31px; }

#page1 #content .col_2 .indent1 { padding: 0 0 0 27px; }

#page1 #content .col_2 .indent2 { padding: 10px 0 0 16px; }

#page1 #content .col_2 .title { margin: 0 0 30px 0; }

#page2 #content .col_1 { font-size: 12px; line-height: 15px; }

#page2 #content .col_1 .indent { padding: 28px 20px 20px 32px; }

#page2 #content .col_1 .title { margin-bottom: 13px; }

#page2 #content .col_1 .title1 { margin: 78px 0 20px 0; }

#page2 #content .col_2 {
	background: url(images/bgd_content.gif) left top;
	font-size: 12px;
	color: #ced4da;
	line-height: 15px;
}

#page2 #content .col_2 .img_indent { margin: 0 14px 0 1px; }

#page2 #content .col_2 .indent { padding: 29px 16px 30px 33px; }

#page2 #content .col_2 .title { margin-bottom: 22px; }

/*================== index-1.html ==================*/
#page2 #content .indent { padding-bottom: 33px; }

#page3 #content .col_1 .row_1 .img_indent { margin-right: 14px; }

#page3 #content .col_1 .row_1 .indent {
	padding: 0 0 40px 33px;
	font-size: 12px;
	line-height: 15px;
}

#page3 #content .col_1 .row_2 { background: url(images/bgd_content.gif) left top; }

#page3 #content .col_1 .row_2 .indent { padding: 28px 0 37px 32px; }

#page3 #content .col_2 { font-size: 12px; color: #ced4da; line-height: 15px; }

#page3 #content .col_2 .indent { padding: 0 0 0 30px; }

#page3 #content .col_2 .link2 { color: #296daf; }

#page3 #content .col_2 .title { margin-bottom: 30px; }

#page3 #content .col_2 .title1 { margin: 78px 0 30px 0; }

/*================== index-2.html ==================*/
#page3 #content .indent { padding: 59px 0 34px 0; }

#page4 #content .col_1 { background: url(images/bgd_content.gif) left top; }

#page4 #content .col_1 .indent { padding: 28px 20px 26px 33px; }

#page4 #content .col_1 .title { margin-bottom: 30px; }

#page4 #content .col_2 .indent { padding: 28px 20px 20px 32px; }

#page4 #content .col_2 .title { margin-bottom: 22px; }

#page4 #content .col_3 { background: url(images/bgd_content.gif) left top; }

#page4 #content .col_3 .img_indent { margin: 0 14px 0 0; }

#page4 #content .col_3 .indent { padding: 29px 14px 25px 36px; }

#page4 #content .col_3 .title { margin-bottom: 23px; }

/*================== index-3.html ==================*/
#page4 #content .indent {
	padding: 30px 0 34px 0;
	font-size: 12px;
	color: #ced4da;
	line-height: 15px;
}

#page5 #content .col_1 { background: url(images/bgd_content.gif) left top; }

#page5 #content .col_1 .indent { padding: 28px 20px 28px 32px; }

#page5 #content .col_2 { font-size: 12px; color: #ced4da; line-height: 15px; }

#page5 #content .col_2 .indent { padding: 28px 10px 16px 32px; }

#page5 #content .col_2 .title { margin-bottom: 30px; }

#page5 #content .col_2 .title1 { margin: 75px 0 30px 0; }

#page5 #content .col_2 .ul2 li a { color: #235f9c; }

/*================== index-4.html ==================*/
#page5 #content .indent { padding: 30px 0 34px 0; }

#page6 #content .col_1 { background: url(images/bgd_content.gif) left top; }

#page6 #content .col_1 .indent { padding: 28px 16px 30px 34px; }

#page6 #content .col_1 .title { margin-bottom: 30px; }

#page6 #content .col_2 .img_indent { margin-right: 14px; }

#page6 #content .col_2 .indent { padding: 28px 10px 16px 31px; }

#page6 #content .col_2 .title { margin-bottom: 30px; }

#page6 #content .col_2 .title1 { margin: 81px 0 29px 0; }

/*================== index-5.html ==================*/
#page6 #content .indent {
	padding: 30px 0 34px 0;
	font-size: 12px;
	color: #ced4da;
	line-height: 15px;
}

#page7 #content .col_1 .indent { padding: 0 46px 0 0; }

#page7 #content .col_1 .title { margin-bottom: 22px; }

/*================== index-6.html ==================*/
#page7 #content .indent {
	padding: 58px 0 34px 34px;
	font-size: 12px;
	color: #ced4da;
	line-height: 15px;
}
#philam{
	position: relative;
	top: -400px;
	left:440px;
	height:350px;
	width:140px;
	background:url(images/philam.jpg) no-repeat top left;
}