@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial,sans-serif;
	font-size:12px;
	background-image:url(../imgs/body-bg.jpg);
	background-repeat:repeat-x;
	background-color:#481b08;
	}
	
p {
	color:#4c433b;
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	}

#top {
	background-image:url(../imgs/top.jpg);
	background-repeat:no-repeat;
	width:666px;
	height:18px;
	margin:0 auto 0 auto;
	clear:both;
	}
#container {
	width:666px;
	height:auto;
	background-color:#ffe09d;
	margin:0 auto 0 auto;
	}
#bottom {
	background-image:url(../imgs/bottom.jpg);
	background-repeat:no-repeat;
	width:666px;
	height:13px;
	margin:0 auto 0 auto;
	clear:both;
	}

#banner {
	background-image:url(../imgs/banner.jpg);
	background-repeat:no-repeat;
	width:666px;
	height:239px;
	clear:both;
	}

#contentcontainer {
	width:646px;
	height:auto;
	margin:0 auto 0 auto;
	/*border:#333333 1px solid;*/
	}

/* NAVIGATOR */

#navbar_container {
	width:666px;
	height:36px;
	margin:30px auto 0 auto;
	}

ul.navbar {
	float:right;
	width:600px;
	height:36px;
	margin-left:0;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:0;
	padding:0;
	text-align: center;
	/*border:#FF0000 1px solid;*/
}

ul.navbar li {
display:inline;
list-style:none;
}

a.nav:link, a.nav:visited {
	display:block;
	font-size:110%;
	float:right;
	width:132px;
	height:36px;
	line-height:2.5em;
	margin-right:3px;
	text-decoration:none;
	color:#fff;
	background-image:url(../imgs/a-link-bg.jpg);
	background-repeat:no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight:bold;
}

a.nav:hover {
	display:block;
	font-size:110%;
	float:right;
	width:132px;
	height:36px;
	line-height:2.5em;
	margin-right:3px;
	color:#be610d;
	background-image:url(../imgs/a-active-bg.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a.nav:active {
	display:block;
	font-size:110%;
	float:right;
	width:132px;
	height:36px;
	line-height:2.5em;
	margin-right:3px;
	color:#be610d;
	background-image:url(../imgs/a-active-bg.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* END OF NAVIGATOR */

/*----highlight active button-----*/
body#home a#homenav,
body#gallery a#gallerynav,
body#location a#locationnav{
	background-image: url(../imgs/a-active-bg.jpg);
	color:#be610d;
}
/*----end of highlight active button-----*/

/* FOOTER */
#footer {
	width:656px;
	height:40px;
	margin:0 auto 0 auto;
	padding-left:10px;
	}
#footer p {
	color:#CCCCCC;
	font-size:90%;
	margin:3px 0 0 0;
	padding:0;
	}
#footer a:link,a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}
#footer a img {
	border:#CCCCCC 1px solid;
	}
#footer a:hover img {
	border:#FF6600 1px solid;
	}

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


/* END OF FOOTER */

/* LOCATION MAP */
#map_container {
	width:403px;
	height:383px;
	background-image:url(../imgs/map-of-hill-120-dulag-leyte.gif);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	border:#FFAC59 3px solid;
	}

/* END OF LOCATION MAP */


/* GALLERY */

#gallery_container {
	width:646px;
	height:auto;
	margin:15px auto 0 auto;
	/*border:#333333 1px solid;*/
	}
	
#gallery_container img {
	border:#FFB66C 3px solid;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	}
/* END OF GALLERY */