/* CSS Document */
body {
margin:0 auto;
margin-left:2px;
_margin-left:0px;
padding:0;
background:#e8e8e8;
background:url(../images/body-bg-5.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

p {
font-size: 12px;
line-height:18px;
}

small  {
font-size: 10px; 
font-weight:normal; 
color:#777;
}

ul , li {
margin:0;
padding:0;
margin-left:8px;
margin-top:2px;
line-height:18px;
}

h2 {
font-size:18px;
}

table {
margin-bottom:3px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

table td, table th {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
/*padding:3px;*/
padding:0 2px 0 2px;
text-align:left
}

table th {
background:#f4f4f4;
text-align:center;
}

#container {
margin:0 auto;
width:800px;
background:#fff;
min-height:450px;
_height:450px;
border:2px solid #bcbcbc;
}

#header {
/* Edited by: Rex S. Sacayan - September 1, 2009
background: url(../images/header2.jpg) no-repeat;*/
height:230px;
width:800px; 
}

#content {
padding:5px 10px;
margin:0;
}

#gallery{
_width:520px;
_overflow: hidden;
}


.error {

border:1px solid #c00;

padding:2px;

width:auto;

background:#FFCCCC

}



.info

{

color: #085F06; 

border: 1px solid #009900;

padding: 10px;

font-size: 14px;

background-color: #EFFFEF; 

}



.pcenter {

text-align:center;

}

.1st{
	background-color:#FFD44C;
	width:25px;
}

.2nd{
	background-color:#C9C9C9;
}

.3rd{
	background-color:#CAAE9F;
}

.coe{
	color:#990033;
}
	
.scs{
	color:#0099cc;
}

.cass{
	color:#009900;
}

.csm{
	color:#ff0000;
}

.cba{
	color:#534304;
}

.set{
	color:#ff6600;
}

.ced{
	color:#0066cc;
}
	
.ids{
	color:#ff0099;
}

#col1 {
float:left;
width: 520px;
min-height:100px;
}

#col2{
float:right;
width: 250px;
min-height:100px;
}

.column {
float:left;
width: 252px;
min-height:125px;
}

.column-right {
float:right;
width: 258px;
min-height:100px;
clear:right;
}
.box-span-1 {
width: 250px;
}

.box-span-2 {
width: 520px;
}

.box {
padding:0;
margin:0;
min-height:26px; 
margin-bottom:12px;
background:#FFF;
}

.box .box-head { 
margin:0;
margin:0;
padding:5px 5px;
border-bottom: 1px solid #CCC;
background:url(../images/box-head-bg.gif) bottom left repeat-x;
}

.box .box-body { 
padding:5px;
margin:0;	
}

.box .box-body p {
padding:0px;
margin-top:2px;
margin:0;
}

.box .box-body span {
margin:0;
padding:0;	
}

.box .box-body ul {
padding:0 5px;
margin:0;
margin-left:10px; 
}
	
.box .box-body ul li {
padding:2px 0 4px 0;
font-size:10px;
color:#CC0000; 
line-height:16px;
}
	
.box .box-body ul li a{
font-size:12px;
}

.box form {
margin:0;
padding:2px 0px;
}

/* NAVIGATION */

#nav {
height:20px;
background: #404040; 
width:800px;
border-bottom: 5px solid #FFCC00;
text-align:center;
padding-bottom:10px;
_padding-bottom:0px;
border-top:1px solid #ccc;
font-size:12px;
}

#nav ul {
float:left;
margin:0;
margin-left:10px;  
padding:0;
list-style:none;
font-weight:bold;
height:20px;
}

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


#nav ul li a {
float:left;
display:block;
position:relative;
color:#DFDFDF;
text-decoration:none;
margin:4px 2px 0px 3px;
_margin-left:1px;
border-top:1px solid #404040;
}

#nav ul li a span {
float:left; 
display:block;
position:relative;
margin:0 -1px;
padding:4px 4px 4px 4px; 
border-top:1px solid #404040;
}

#nav ul li a:hover {
border-top:1px solid #ffcc00;
color:#c00;
}

#nav li a:hover span {
border-top:1px solid #ffcc00;
background-color:#fc0;
cursor:pointer;
}

#nav ul li a.current {
border-top:1px solid #ffcc00;
color:#c00;
background:#fc0;
}

#nav ul li a.current span {
border-top:1px solid #ffcc00;
background-color:#fc0;
cursor:pointer;
}

/* END NAVIGATION */

/* Table */
table {
font-size:12px;
}

table td.capitalize {
text-transform:capitalize;
}

.mytable,.mytable_data {
border-left: 1px solid #C1DAD7; 
border-top:0;
}

.mytable th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 2px 4px;  
background: #CAE8EA url(../images/th-bg.jpg) top left repeat-x;
}

.mytable tfoot th, .mytable_data tfoot th{
text-align: right; 
color: #ff6600;
border-top: 0;
text-transform: uppercase; 
background: #fff; 
padding: 0 4px;
}

.mytable tfoot td, .mytable_data  tfoot td{
text-align: left; 
color: #ff6600;
text-transform: uppercase; 
background: #fff; 
padding: 5px;
}

.mytable td, .mytable_data td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
padding: 4px;
color: #4f6b72;
vertical-align:top; 
}

.mytable td.altrow, .mytable_data td.altrow {
border-top: 0;
background: #f5fafa;
}

.mytable td.grey-bg {
/*background:#f8f8f8;*/
background:#FEFFBF;
}

.mytable_data tr:hover td {
background-color: #FEFF9F;  
color: #000;
}

.red {
color:#c00;
}

.no_border, .no_border tr, .no_border tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
border:none;
vertical-align:text-top;
}


/* FOOTER */
#footer {
background-color:#404040;
background-image: url(../images/footer-bg-okir.gif);
background-repeat:no-repeat;
background-position:bottom left;
color:#999;
font-size:10px;
width:800px;
padding: 5px 0px;
border:2px solid #bcbcbc;
min-height:85px;
margin:0 auto;
}

#footer p {
text-align:left;
font-size:10px;
padding: 4px 0px;
margin-left:10px;
}

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

/* POPUP */

div.search{
width:750px;
margin-top:20px;
}

#pyear {
float:right;
margin:5px;
}