@charset "shift_jis";

/* ================================================== */
/*              Khristianne Bautista                  */
/*              khristianne@hotmail.com               */
/* ================================================== */


#header {
	top: 0px; 
	left: 0px;
	width: 750px; 
	height: 124px;
	background: #ffffff;
	}
	
#header .logo {
	top: 0px; 
	left: 0px;
	width: 386px; 
	height: 124px;
	float: left;
	}
	
#header .icon {
	margin-top: 55px; 
	width: 150px; 
	height: 50px;
	float: right;
	}
	
/* main menu */
#menu {
	top: 124px; 
	left: 0px;
	width: 750px; 
	height: 85px;
	background: #eeeeee;
	}
	
/* breadcrumbs */
#menu .breadcrumbs {
	top: 70px; 
	left: 0px;
	width: 750px; 
	height: 14px;
	background: #eeeeee;
	}

/* main image */
#main_img {
	top: 209px; 
	left: 0px;
	width: 750px; 
	height: 296px;
	background: transparent;
	}

#img_border {
	top: 505px; 
	left: 0px;
	width: 750px; 
	height: 6px;
	background: #330000;
	}

/* contents */
#content1 {
	top: 511px; 
	left: 0px;
	width: 750px; 
	height: 240px;
	background: #ffffff url(images/footer_ext.jpg) no-repeat bottom left;
	}

#content1 .left{
	margin-top: 10px; 
	margin-left: 5px;
	width: 300px; 
	height: 200px;
	background: #cccc99;
	border: 1px solid #999966;
	float: left;
	}

#content1 .right{
	margin-top: 10px; 
	width: 420px; 
	height: 180px;
	background: transparent;
	float: right;
	}
	
#contents .weather{
	margin-top: 30px; 
	width: 420px; 
	background: transparent;
	float: right;
	}

#contents {
	top: 511px; 
	left: 0px;
	width: 750px; 
	height: 450px;
	background: #ffffff url(images/footer_ext.jpg) no-repeat bottom left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-align: justify;
	}

#contents_medium {
	top: 511px; 
	left: 0px;
	width: 750px; 
	height: 1460px;
	background: #ffffff url(images/footer_ext.jpg) no-repeat bottom left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-align: justify;
	}
		
#contents_long {
	top: 511px; 
	left: 0px;
	width: 750px; 
	height: 1850px;
	background: #ffffff url(images/footer_ext.jpg) no-repeat bottom left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-align: justify;
	}
	

/* title captions */
.titlecaption {  
	vertical-align: 1em;
	font: 150% "Times New Roman", Times, serif;
	color: #993333;
	text-align: left;
	line-height: 100%;
	}

.titlecaption2 {  
	font: 160% "Times New Roman", Times, serif;
	color: #669933;
	text-align: left;
	line-height: 100%;
	}
	
.titlecaption3 {  
	font: 110% "Times New Roman", Times, serif;
	color: #669933;
	text-align: left;
	line-height: 100%;
	}
	
/* subtitle caption */
.subcaption {  
	height: 4em;
	vertical-align: 1em;
	font: smaller Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	line-height: 110%;
	}

.subcaption2 {  
	height: 4em;
	font: smaller Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
	line-height: 110%;
	}
	
.subcaption3 {  
	font: small Arial, Helvetica, sans-serif;
	color: #993333;
	text-align: justify;
	line-height: 150%;
	}
	
.subcaption2 a,
.subcaption2 a:link,
.subcaption2 a:visited,
.subcaption2 a:active {
	color: #333333;
	text-decoration: none;
	}
	
.subcaption2 a:hover {
	color: #990000;
	}
	
.date {  
	font: medium Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
	line-height: 100%;
	}

#header h5,
#contents h5,
#scrollbody h5,
#contentssub h5,
#contentssub h5 span{
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	}

#contents h2 span,
#scrollbody h2 span {
	display: none;
	}




/* footer */
#footer {
	top: 770px; 
	left: 0px;
	width: 750px;
	height: 45px;
	background: transparent url(images/footer_bg.jpg) repeat top left;
	}

#footer .bar {
	left: 0px;
	width: 750px; 
	height: 9px;
	background: transparent url(images/footer_bar.jpg) no-repeat top left;
	float: top;
	}
	
#footer .text {
	width: 750px; 
	height: 12px;
	background: transparent;
	color: #ffffff ;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	}

#footer .text a,
#footer .text a:link,
#footer .text a:visited,
#footer .text a:active {
	color: #CC9999;
	text-decoration: none;
	}
	
#footer .text a:hover {
	color: #ffffff;
	}

#footer .copyright {
	font-size: 10px;
	color: #996666;
	display: block;
	text-align: center;
	line-height: 120%;
	letter-spacing: .1em;
	}

#nr {
	top: 815px; 
	left: 0px;
	width: 750px;
	height: 45px;
	background: transparent;
	margin-top: 5px;
	}
	
#footer2 {
	top: 1500px; 
	left: 0px;
	width: 750px;
	height: 45px;
	background: transparent url(images/footer_bg.jpg) repeat top left;
	}

#footer2 .bar {
	left: 0px;
	width: 750px; 
	height: 9px;
	background: transparent url(images/footer_bar.jpg) no-repeat top left;
	float: top;
	}
	
#footer2 .text {
	width: 750px; 
	height: 12px;
	background: transparent;
	color: #ffffff ;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	}

#footer2 .text a,
#footer2 .text a:link,
#footer2 .text a:visited,
#footer2 .text a:active {
	color: #CC9999;
	text-decoration: none;
	}
	
#footer2 .text a:hover {
	color: #ffffff;
	}

#footer2 .copyright {
	font-size: 10px;
	color: #996666;
	display: block;
	text-align: center;
	line-height: 120%;
	letter-spacing: .1em;
	}	
	
/* configuration */
body { 
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background: #cccccc url(images/bg.gif) repeat top left;
    }
/* 	font: 12pt "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif; */

img {
	margin: 0px; padding: 0px;
	border: 0px;
	}
hr.separator {
	display: none;
	}
hr.dotted {
	height: 1px;
	border: 1px dotted #CCCCCC;
}

/* ================================================== */
/* PSEUDO-CLASSES                                     */
/* ================================================== */
a:link {
	color: #CC0000;
	text-decoration: underline;
	}
a:visited {
	color: #394A6B;
	text-decoration: underline;
	}
a:active {
	color: #ff6600;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
a {
	text-decoration: none;
	}


/* ================================================== */
/*                    span item                       */
/* ================================================== */
span.item {
	font-size: 12px;
	color: #000000;
	display: inline;
	line-height: 180%;
	}
span.address {
	font-size: 12px;
	color: #000000;
	display: block;
	text-align: center;
	line-height: 100%;
	}

span.current {
	color: #000033;
	border-bottom: 2px solid #A6937C;
	}
span.hide {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	display: none;
	}	
span.dottedline {
	height: 1px; 
	width: 480px;
	border: 1px dotted #CCCCCC;
	display: block;
	}
span.stronghold {
	font-size: 14pt;
	font-weight: bold;
	}
span.linkbase {
	width: 180px; height: 20px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background: transparent;
	font-size: 10px;
	text-indent: 4em;
	line-height: 140%;
	vertical-align: middle;
	display: block;
	}
span.linkbase a:link,
span.linkbase a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}