/* 
  ------------------------------------------------
	default.css
  ------------------------------------------------
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #01427A;
	background-repeat:repeat;
	margin: 0px;
	padding: 0px 0px;
}
#masthead {
	color: #999999;
	height: 90px;
	padding: 3px 18px 3px 18px;
	margin: 0px;
	background-image: url(../img/header_new.jpg);
}
#wrapper {
	width: 780px;
	margin: 0 auto;
	background-image:url(../img/bg.jpg);
	background-repeat: repeat;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #967A47;
	border-top-color: #967A47;
	border-top-style: solid;
	border-top-width: 3px;
}
#center {
	width: 780px;
}
#center .content {
	padding: 20px 24px;
	font-size: 0.8em;
	line-height: 1.65em;
	border: 1px solid #000;
}
#masthead .content {
	padding: 5px 15px;
}
#footer .content {
	padding: 0px;
	text-align: center;
	background-color: #951200;
	height: 100%;
}
#footer {
	color: #034579;
	clear: both;	
	padding: 0px;
	margin: 0 auto;
	font-size: 0.7em;
	width: 780px;
	height: 40px;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
#center a:link {
	color: #669999;
}
#center a:visited {
	color: #333333;
}
#center a:hover {
	color: #000000;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFFFFF;
	padding: 0 0 0 3px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #CCCCCC;
}
#footer a:hover {
	color: #E4CA97;
}
.p7uberlink {
	font-weight: bold !important;
	letter-spacing: 0.15em;
	border-color: #000000 !important;
}
h1 {
	font-size: 1.4em;
	margin: 0 5px;
	color: #5A5A43;
	background-image: url(../img/bg_title2.gif);
	background-repeat: repeat-x;
	padding-left: 28px;
	line-height: 36px;
}
h2 {
	font-size: 1.2em;
	margin: 0;
	color: #5A5A43;
	background-image: url(../img/bg_title2.gif);
	background-repeat: repeat-x;
	line-height: 36px;
	padding-left: 12px;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
	color: #1B9D17;
}
h4 {
	font-size: 1.1em;
	margin: 0px;
	color: #1B9D17;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}


#masthead .leftdiv {
background-repeat:no-repeat;
background-position:top left;
height:89px;
width: 17px;
float:left; 
}

#masthead .logo {
background-repeat:no-repeat;
background-position:top left;
height:89px;
width: 84px;
float:left; 
}

#masthead .rightdiv {
background-repeat:no-repeat;
height:89px;
width: 6px;
float: right;
}

#masthead .topnav {
	height: 18px;
	width: 627px;
	float: left;
	color: #034579;
	padding: 0px 5px;
	margin: 0;
	font-size: 0.7em;
}

#masthead .topnav ul, #masthead .bottomnav ul
{
	margin:          0;
	padding:         0px;
	height:          0px;
}

#masthead .topnav ul li, #masthead .bottomnav ul li
{
	list-style:      none;
	display:         inline;
}

#masthead .topnav ul li a:link, #masthead .topnav ul li a:active, #masthead .topnav ul li a:visited,
#masthead .bottomnav ul li a:link, #masthead .bottomnav ul li a:active, #masthead .bottomnav ul li a:visited
{
	color:           #333333;	
	padding:         0px 2px 0px 2px;
	font-size:       1em;
	font-family:     'lucida grande', arial, sans-serif;
	font-weight:     bold;
	text-decoration: none;
}

#masthead .topnav ul li a:hover, #masthead .bottomnav ul li a:hover
{
	color:           #03447C;
}


#masthead .centerdiv {
height: 56px;
width: 637px;
background-repeat:no-repeat;
background-position:left;
float: left;
}

#masthead .bottomnav {
	height: 15px;
	width: 627px;
	float: left;
	padding: 1px 5px 0px;
	margin: 0;
	font-size: 0.7em;

}

#mastcenter {
	color: #333333;/*230px;*/
	padding: 0px 18px;
	margin: 0px;
	height: 235px;
	
}

#mastcenter .content {
	padding: 20px 24px;
	font-size: 0.8em;
	line-height: 1.65em;
	border: 1px solid #000;
	height: 100%;
}


#mastcenter .leftdiv {
background-image:url(../img/center_r1_c2.jpg);
background-repeat:no-repeat;
background-position:top left;
height:225px;
width: 3px;
float:left; 
}

#mastcenter .leftlayer {
	float:left;
	width:70%;
	padding: 0 0px 10px 0px;
	font-size: 0.8em;
	line-height: 1.65em;
	height: auto;

}

#mastcenter .rightdiv {
background-image:url(../img/center_r1_c10.jpg);
background-repeat:no-repeat;
height:225px;
width: 3px;
float:right; 
}

#mastcenter .centerdiv {
	height: 225px;
	width: 742px;
	background-repeat: repeat-x;
	background-image: url(../img/banig.jpg);
	float: left;
	border: 1px #333333  solid;
}

#mastcenter .leftphotodiv {
	height:175px;
	width: 104px;
	float:left;
	margin: 0px;
	padding:25px 12px 25px 13px;
}

#mastcenter .rightphotodiv {
	height:175px;
	width: 104px;
	float: right;
	margin: 0px;
	padding:25px 12px 25px 13px;

}

#mastcenter .centerphotodiv {
	height:209px;
	width: 484px;
	float: left;
	margin: 0px;
	padding:8px 0px 8px 0px;

}

#mastbottom {
	color: #999999;
	height: 210px;
	width: 744px;	
	background: transparent url(../img/cotabato_bottom.jpg) bottom no-repeat;;
	padding: 0px 18px;
	margin: 0px
	
}

#mastbottom .rightdiv {
	height:100px;
	width: 242px;
	float: right;
	margin: 0px;
	padding:0px;

}

#mastbottom .leftdiv {
	height:200px;
	width: 350px;
	float: left;
	margin: 0px;
	padding:0 0 0 0px;
	color: #04467A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	overflow: auto;
	

}

#mastbottom .leftdiv ul {
	list-style-type:none;
	list-style:none;
	margin-left: 0px;
}

#mastbottom .leftdiv li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-bottom: 10px;
}

#mastbottom .leftdiv li a:link, #mastbottom .leftdiv li a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing:0px;
	color: #04467A;
	text-align: left;
	text-decoration: underline;
}

#mastbottom .leftdiv li a:hover{
	text-decoration:none;
	color: #821101;
}

#footer ul
{
	margin:          0;
	padding:         7px;
	height:          0px;
}

#footer ul li
{
	list-style:      none;
	display:         inline;
}

#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited
{
	color:           #CCCCCC;	
	padding:         0px 2px 0px 2px;
	font-size:       1em;
	font-family:     'lucida grande', arial, sans-serif;
	font-weight:     normal;
	text-decoration: none;
}

#footer ul li a:hover
{
	color:           #FFFFFF;
}

.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.w70{
	width:70%;
}
.w50{
	width:50%;
}
.w40{
	width:40%;
}
.w30{
	width:30%;
}
.floatleft p{
	padding:0 10px 0 0; 
}
.floatright p{
	padding:0 0 0 10px;
}
img.floatleft{
	margin:15px 18px 5px 0;
}
img.floatright{
	margin:15px 5px 5px 18px
}

a img {
border:0;
}

/* PNG transparency hacks by thanks to twinhelix.com */
* { behavior: url(iepngfix.htc) }

.box
{
position: relative;
background: #FDFCF6 url('../img/boxbg.gif') repeat-x;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

.contentarea
{
padding-top: 1.3em;
}

#mastcenter .left {
	text-align: center;	
	width: 50%;
}
#mastcenter .right {
	width: 24%;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
	color: #444;
	font: normal 85.5%;
	background-color: #E5C890;
	background-image: url(../img/rosary1_2.jpg);
	background-repeat: no-repeat;
	background-position: 30px right;
	border-bottom-color: #967A47;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	
	
}
.sidenav h2 {
	color: #009900;
	font-size: 1em;
	line-height: 36px;
	margin: 0;
	padding-left: 12px;
	width: 95%;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #951200;
}
.sidenav li {
	border-bottom: 1px solid #951200;
	list-style: none;
	list-style-image: url(../img/li_bullet.gif);
	padding: 0 0 0 0px;
}
.sidenav li a {
	font-size: 0.65em;
	color: #554;
	padding: 8px 0 8px 0;
	text-decoration: none;
	width: 100%;
	display: block;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #654;	
}

a {color: #963;}
a:hover {color: #C60;}
#mastcenter .rightlayer {
	float:right;
	padding: 0px 0px 10px 0px;
	font-size: 0.8em;
	line-height: 1.65em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #967A47;
	width: 210px;
	background-image: url(../img/rosary1_2.jpg);
	background-repeat: no-repeat;
	background-position: 30px right;
	background-color: #E5C890;
	
}
#mastcenter .leftlayer .content {
	padding: 5px 10px;
	font-size: 1em;
	line-height: 1.65em;
	border: none;
	background-image: url(none);
}
#mastcenter .rightlayer .content {
	padding: 0px 5px;
	font-size: 1em;
	line-height: 1.65em;
	border: none;
	background-image: url(none);
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.cleartop {
	clear: both;
	height: 5px;
	line-height: 0;
	font-size: 0;
	background-color: #FFFFFF;
}

#mastcenter .leftphotodiv img, #mastcenter .rightphotodiv img, #mastbottom .rightdiv img {
	padding-bottom: 3px;

}
.div400 {
	height: 400px;
	overflow: auto;
}

/* ---------------------- Greenwax nav ---------------------- */
.green #waxcontainer{position:relative;width:100%;font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
.green #waxnav{position:relative;height:25px;font-size:11px;font-weight:bold;background:url(../img/wax/greenwax_bottomX.gif) repeat-x bottom right;}
.green #waxnav ul{margin:0px;padding:0 0 4px 0;list-style-type:none;width:auto;float:right;}
.green #waxnav ul li{display:block;float:left;margin:0 1px;}
.green #waxnav ul li a{display:block;float:left;color:#3BA507;text-decoration:none;padding:0 0 0 12px;height:21px;line-height:195%;}
.green #waxnav ul li a span{padding:0 12px 0 0; }
.green #waxnav ul li a:hover,.green #waxnav ul li a.current{color:#fff;background:#6DBE45}
.green #waxnav ul li a:hover span,.green #waxnav ul li a.current span{display:block;width:auto;background:#6DBE45}

#column_wrapper {
}