﻿body 
{ 
    margin:0; 
    padding:0; 
    background:#005AE1; 
    font:normal 14px/16px Helvetica, sans-serif; 
    color:#FFF; 
}

#shell 
{ 
    width:100%; 
    background:url("../images/styles/css_shellbackground.gif") top center repeat-x; 
}

#header-shell { width:100%; background:url("../images/styles/img_mainbanner.png") top center no-repeat; }
#header {width:900px; height:107px; margin:0 auto; padding:0 0 0 7px; }

#nav-shell { width:100%; height:72px !important; background:#0f1e31 url("../images/styles/css_menubackground.gif") 0 0 repeat-x; }

#nav 
{ 
    width:900px; 
    height:72px !important;  
    margin:0 auto; 
    padding:0 0 0 50px; 
}

a.sf-with-ul 
{ 
    height:41px !important; 
    float:left; 
    display:block; 
}

#bcb-shell { width:100%; height:358px; background:#78C0FF;  }
#bcb-panel { width:900px; margin:0 auto 0 auto; padding:0 0 10px 0; }
    .bcb-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .bcb-content { width:524px; margin:20px 0 0 90px; float:left; color:#ffffff; }
    .bcb-image { width:265px; float:left; }

#bong-shell { width:100%; height:353px; background:#78C0FF; }
#bong-panel { width:900px; margin:0 auto 0 auto; padding:0 0 10px 0; }
    .bong-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .bong-content { width:524px; margin:20px auto 0 90px; float:left; color:#ffffff; }
    .bong-spacer { width:20px; float:left; }
    .bong-image { width:268px; height:275px; float:left; background:url("../images/img_bongbantilan.png") 0 0 no-repeat; }

#vm-shell { width:100%; height:359px; background:#78C0FF; }
#vm-panel { width:900px; margin:0 auto 0 auto; padding:0 0 10px 0; }
    .vm-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .vm-content { width:400px; margin:20px auto 0 90px; float:left; color:#ffffff; }
    .vm-image { width:348px; float:left; }

#bn-shell { width:100%; height:505px; background:#78C0FF; }
#bn-panel { width:900px; margin:0 auto 0 auto; padding:0 0 10px 0; }
    .bn-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .bn-content { width:850px; margin:20px auto 0 90px; float:left; color:#ffffff; }

#mrcebu08-shell { width:100%; height:780px; background:#78C0FF; }
#mrcebu08-panel { width:900px; margin:auto auto; padding:0 0 0 0; }
    .mrcebu08-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .mrcebu08-content { width:750px; padding:0 0; margin:20px 0 0 90px; float:left; color:#ffffff; }
    .mrcebu08-image { width:900px; height:138px; float:left; background:url("../images/img_mrcebu2008.png") 0 0 no-repeat; border-bottom: 1px solid #FFFFFF; }
    
#jed-shell { width:100%; background:#78C0FF; }
#jed-panel { width:900px; height:100%; margin:auto auto; padding:0 0 0 0;  }
    .jed-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .jed-content { width:550px; padding:0 0 0 0; margin:20px 0 0 50px; float:right; color:#ffffff; }
    .jed-image { width:265px; padding:0 0 0 0; float:left; }

#pam-shell { width:100%; background:#78C0FF; }
#pam-panel { width:900px; height:500px; margin:auto auto; padding:0 0 0 0;  }
    .pam-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .pam-content { width:550px; padding:0 0 0 0; margin:20px 0 0 50px; float:right; color:#ffffff; }
    .pam-image { width:265px; padding:0 0 0 0; float:left; }
    
#nav-home { width:79px; background:url("../images/styles/css_navhome.gif") 0 0 no-repeat; }
#nav-aboutbcb { width:210px; background:url("../images/styles/css_navaboutbcb.gif") 0 0 no-repeat; }
#nav-events { width:88px; background:url("../images/styles/css_navevents.gif") 0 0 no-repeat; }
#nav-gallery { width:124px; background:url("../images/styles/css_navgallery.gif") 0 0 no-repeat; }
#nav-contact { width:123px; background:url("../images/styles/css_navcontactus.gif") 0 0 no-repeat; }
#nav-connect { width:163px; background:url("../images/styles/css_navconnect.gif") 0 0 no-repeat; }
a.sf-with-ul:hover { background-position:0 -41px !important; }

#mid-background { width:100%; height:344px; background:#6C6C6C; background:url("../images/styles/css_graybackground.gif") top repeat-x; }
#media { width:900px; margin:0 auto; padding:10px 0 10px 0; }
#flash { width:464px; height:350px; float:left; padding:0 15px 0 0; }
#mrcebu09 { width:110px; height:249px; float:left; padding:0 0 0 0; }
#media-lf { width:282px; height:248px; padding:0 0 0 15px; float:left; }
			
#light-gray { width:100%; height:86px; background:#D5D5D5; }
	    #mid-bar { width:893px; height:76px; margin:0 auto; padding:10px 5px 0 5px; }
#light-gray2 { width:100%; height:183px; background:#D5D5D5; }
	    #mid-bar2 { width:893px; height:162px; margin:0 auto; padding:10px 5px 0 5px; }

		
#light-blue-bcb { margin:0 auto 0 auto; width:100%; height:381px; background:#78C0FF url("../images/img_bongbantilan.png") 0 0 no-repeat; background-position: 72% 20px ;}
#vision-mission { margin:0 auto 0 auto; width:100%; height:359px; background:#78C0FF url("../images/img_vision.png") 0 0 no-repeat; background-position: 72% 20px ;}
#light-blue { margin:0 auto 0 auto; width:100%; height:100%; background:#78C0FF url("../images/img_bcbpage.png") 0 0 no-repeat; background-position: 83% 0 ;}
	.subtitle { width:100%; height:50px; margin:0 auto 0 auto; padding:0 0 0 10%; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
	.subtitle span { background:#78C0FF; padding:0 10px; }
	.content { width:42%; padding:0 150px; margin:20px 0 0 3%; float:left; color:#000000;}

#madela { margin:0 auto 0 auto; width:100%; height:970px; background:#78C0FF url("../images/img_jedmadela.png") 0 0 no-repeat; }
#madela-video { width:317px; height:250px; padding:0 0 0 15px; float:left; margin-left: 47px; }
#madela-content { width:500px; padding:0 5px; margin:20px 0 0 60%; float:left; color:#000000;}
	.wide-content { width:900px; padding:0 150px; margin:20px 0 0 10%; float:left; color:#000000;}
	.madela-wide { width:900px; padding:0 0; float:left; color:#000000;}
    
#bold-text {font:bold}
#mrcebu-holder { margin:0 auto 0 auto; width:100%; height:750px; background:#78C0FF; }
#place-holder { margin:0 auto 0 auto; width:100%; height:200px; background:#78C0FF; }

#mrcebu09-holder { width:100%; height:430px; background:#000000; }
#mrcebu-trailer { width:900px; margin:0 auto 0; padding:10px 0 10px 0; }


#mrcebu-img { display: block; margin-left: auto; margin-right: auto; border-bottom: 1px solid #FFFFFF; }

#footer { width:900px; height:auto; font:normal 12px Helvetica, sans-serif; margin:10px auto 10px auto; }
#footer-content { width:900px; height:auto; font:normal 12px Helvetica, sans-serif;}
#footer-content div { width:447px; float:left; }

a { text-decoration: none; font-weight: bold; }
a:link { color: #FFBF00; }
a:visited { color: #FFBF00; }
a:hover { color: #FFBF00; text-decoration: none; }

#search-panel-main { width:395px; height:34px; padding:15px 0 0 0; float:left; }
#search-results { width:100%; height:100%; background:#FFFFFF; }
#search-panel { width:900px; height:100%; margin:0 auto; padding:10px 0 10px 0; }
#searchbox { border: solid 1px #ddd; background-color: #f7f7f7; padding: 10px 0 10px 10px; color:#000000; }
#search-box-main { border: solid 1px #ddd; background-color: #78AEFF; padding: 0 0 0 0; height: 52px; border:solid; border-width:1px; border-color:#000000; }
		#search-site { width:285px; height:63px; float:left; padding:0 0 0 0; }
		#search-text { font:normal 12px Helvetica, sans-serif; color:#000000; float:none; padding:5px 0 0 20px; }

#contact-section { margin:0 auto 0 auto; width:100%; height:100%; background:#78C0FF; }
.contact-content { width:900px; padding:0 25%; margin:0 auto 0 auto; float:none; color:#FFFFFF;}

#privacy-shell { width:100%; height:1150px; background:#78C0FF;}
#privacy-panel { width:900px; margin:0 auto 0 auto; padding:0 0 10px 0; }
    .privacy-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .privacy-content { width:700px; margin:20px auto 0 90px; float:left; color:#ffffff;}
    
#terms-shell { width:100%; height:1000px; background:#78C0FF;}
#terms-panel { width:900px; margin:0 auto 0 auto; padding:0 0 10px 0; }
    .terms-subtitle { height:50px; margin:0 auto 0 auto; padding:0 0 0 0; font:bold 30px/60px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; }
    .terms-content { width:700px; margin:20px auto 0 90px; float:left; color:#ffffff;}

ol.numbered_list { width:700px; padding:0 50px; float:left; color:#ffffff;}
ul.numbered_list { width:700px; padding:0 50px; float:left; color:#ffffff;}

#thevoice-banner { width:100%; height:130px; background:url("../images/img_thevoice.png") top center no-repeat; }
#main-banner { width:608px; height:63px; float:left; padding:0 0 0 0; border:solid; border-width:1px; border-color:#000000; }
#main-banner-spacer { width:10px; height:63px; float:left; padding:0 0 0 0; }
#main-banner-text { width:252px; height:63px; float:left; padding:0 0 0 0; color:#000000; font:normal 12px Helvetica, sans-serif; }


#photo-shell { width:100%; height:403px; background:#000000; }
#photo-panel { width:900px; margin: 0 auto; }
#photo-slide { width:540px; height:403px; float:left; }
#photo-text { width:320px; height:403px; float:left; padding:20px 0 0 30px; color:#ffffff; }
    .photo-subtitle { font:bold 20px "Century Schoolbook", Garamond, "Times New Roman", times; text-transform: lowercase; color:Yellow; }

#scroll-text-shell { width:100%; background:#000000; }
#scroll-text-panel { width:900px; margin:0 auto; padding:5px 0 5px 0; }
#captcha { width:49%; background:#78C0FF; margin: 0 auto; }
#captcha-panel { width:190px; float:left; }


#newshome {
	width: 100%;
	height: 30px;
    background:#000000;
}
#newstickercontainer {
	margin-left: 3px;
	width: 900px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
}
#newsticker li {
	display: inline;
	float: left;
	width: 900px;
	text-indent: 3px;
	font-size: 12px;
}
#newsticker li span {
	font-weight: bold;
	font-size: 12px;
	color:Yellow;
}
#newsticker a {
	color: #0cf;
	font-size: 12px;
	text-decoration: underline;
}
#newsticker a:hover {
	color: #fff;
}
#newshome p {
	margin-left: 5px;
	width: 115px;
	text-align: center;
	font-size: 12px;
	font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
}