body {
background: url(images/background.gif) top center repeat-y;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}

p {
	margin-bottom: 1.2em;
	padding:1px 3px 1px 3px;
}

ul {
	margin: 0 0 10px 15px;
}
ol {
	margin: 0 0 10px 15px;
}

/* ----------container to center the layout-------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background: url(images/bgbanner.gif) repeat-x;
padding: 0px;
margin: 0px; }

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 160px #FAFAFA; /* color of the left column  */ 
border-right: solid 150px #ffffff;; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
float: left; min-height: 415px; margin: 0px; padding: 0px;  
/* -- added -- */
} 

* html #outer { /* -- Y auto stretch... -- */
	height: 415px;
} 

/* for content pages */
#content_outer{ 
border-left: solid 160px #FAFAFA; /* color of the left column  */ 
background-color: #ffffff;  /* color of the content column */
float: left; min-height: 415px; margin: 0px; padding: 0px;  
/* -- added -- */
} 

* html #content_outer { /* -- Y auto stretch... -- */
	height: 415px;
} 

#inner{margin:0; width:100%; } 

/* -------------- left and right navigation ------------- */
#left {
 width:120px; 
 float:left; 
 position:relative; 
 margin-left:-200px;
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
text-align: right; 
background: url(images/bar.jpg) repeat-x;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000066;
font-size:9px;
font-weight:bold;
padding:5px 15px;
margin:0px } 


/* menu */
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

/* left navigation */
#leftnav {
margin-left: 40px;
margin-top: 13px;
width: 160px;
clear: left;
padding: 0;
font-size: 0.9em;
}

#leftnav ul {	
list-style: none;
width: 160px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#leftnav li {
margin-bottom: 2px;
}

#leftnav li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: url(images/nav1.gif) repeat-x;
border-left: 4px solid #666666;
}	
	
#leftnav li a:hover {
color: #0080DD;
background: url(images/nav2.gif) repeat-x;
border-left: 4px solid #0080DD;
}


/* side box */

#sidebox {
width: 145px; 
margin: 0px 0px 1.0em 0px; 
padding: 1px 1px 1px 1px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
/* border: solid 1px rgb(200,200,200); */
font-size:11px;
}

#sidebox-title {
display: block; 
margin: 0px 0px 0.5em 0px; 
padding: 2px 5px 2px 5px; 
background-color: #5086CC; 
font-weight: bold; 
font-size: 9px;
color: #FFFFFF;
text-align:center;
}

#content_nav {
width: 622px;
height: 15px; 
font-size:11px;
background-color: #143D55;
margin: 0px 0px 0px 5px; 
padding: 1px 1px 1px 1px;
text-align: center;
}

#content_nav a{
text-decoration:none;
font-weight:bold;
color: #FAFAFA;
}
#content_nav a:hover{
text-decoration:underline;
font-weight:bold;
color: #FFF601;
}

/* content */
#content{
width:480px;
padding: 0px 0px 0px 3px;

}

*html #content{ /* hack na naman... IE talaga oh */
width:480px;
padding: 0px 0px 0px 0px;
}

#content_body{
font-size: 11px;
text-align: justify;
padding: 5px 1px 15px 1px; 

}

#content_body ul {
	list-style-image: url(images/li.gif);
	margin: 0 0 3px 15px;
}

#news_index {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

#title{
	color: #004080;
	padding: 1px 1px 0px 1px;
	font-size:14px;
	font-weight: bold;
}

#subtitle{
	color: #004080;
	padding: 1px 1px 0px 1px;
	font-size:11px;
	font-weight: bold;
}
/* for content pages */

#content_box{
width: 473px; 
margin: 0px 0px 1.0em 0px; 
padding: 1px 1px 1px 1px; 
border: solid 0px rgb(200,200,200);
font-size:10px;

}

form {
	padding: 0 0 6px 8px;
}
.textbox {
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	width:100px;
	border: 1px solid #DDD;
	padding: 4px;
}

/* -- FOR INTERNAL PAGES -- */
#outer1{ 
border-left: solid 160px #FAFAFA; /* color of the left column  */ 
border-right: solid 150px #ffffff;; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
float: left; min-height: 415px; margin: 0px; padding: 0px;  
/* -- added -- */
} 

#content_outer{ 
border-left: solid 160px #FAFAFA; /* color of the left column  */ 
background-color: #ffffff;  /* color of the content column */
float: left; min-height: 415px; margin: 0px; padding: 0px;  
/* -- added -- */
} 

#content_content{
width:620px;
padding: 0px 0px 0px 3px;
}

*html #content_content{ /* hack na naman... IE talaga oh */
width:620px;
padding: 0px 0px 0px 0px;
}

#content_content_box {
	background: #F0F0F0 url(images/content_box.png) repeat;
	border: 1px solid #EEE;
	border-color: #EEE #EEE #DDD #EEE;
	margin: 0px 0px 1.0em 5px; 
	padding: 1px 1px 1px 1px; 
	width: 620px;
	color: #333;
}

#body_link {
text-decoration:none;
font-weight:bold;
color: #000000;
}

#body_link:hover {
text-decoration:underline;
font-weight:bold;
color: #0000CC;
}

#readmore {
text-decoration:none;
font-weight:bold;
font-size:10px;
color: red;
}

#readmore:hover {
text-decoration:underline;
font-weight:bold;
font-size:10px;
color: #0000CC;
}

#breadcrumb {
text-decoration:none;
font-weight:bold;
font-size:9px;
color: navy;
}

#breadcrumb:hover {
text-decoration:none;
font-weight:bold;
font-size:9px;
color: #FF6600;
}

#news_date {color:#FF6600; font-weight:bold}

#box1 {
	float: left;
	padding: 5px;
	margin: 0px;
	background: #435138;
	border: 2px solid #666666;
	width: 160px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
	text-align:center;
	color:#FFFFFF;
	}
html>body #box1 {
	width: 130px; /* ie5win fudge ends */
	}


	#pixwrapper {
		position: relative;
		float: left;
		width: 450px;
		margin-top: 10px;
		}
	#f_pix {
		width: 110px;
		position:relative;
		float: left;
		padding-right: 5px;
		
		}
	#f_text {
		position:relative;
		text-align: justify;
		
		
	}
	
	#newspix {
		width: 100%;
		position:relative;
		float: left;
		padding-right: 5px;
		
		}

	#newspagemain {
		position: relative;
		width: 500px;
		float: left;
		margin-bottom: 20px;
	}
	
	#newspagepix {
		position: relative;
		width: 500px;
	}