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

/* v1.0 | 20080212 - css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of css reset */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {background: #FFCC00  url(../images/bg_repeat.jpg) repeat-x;}

#rootcontainer {width: 934px; margin-left: auto; margin-right: auto; }
#header {width: 100%; height: 402px; background: url(../images/header.jpg) top center no-repeat ; }
#headerlanding {width: 100%; height: 402px; background: url(../images/headerlanding.jpg) top center no-repeat ; }
#rootcontainerlanding {width: 935px; margin-left: auto; margin-right: auto; }
#flash {width: 937px; height: 402px; margin: 0 auto;}

#nav-menu ul
{
list-style: none;
padding-left: 20px;
margin: 0;
}

#nav-menu li
{
float: left;
margin-top: 15px;
padding-left: 25px;

}

#nav-menu li a
{

line-height: 3em;
float: left;
display: block;

}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:934px;
height: 55px;
margin:0 auto;
}
#divleftMiddlePlacesToStay {text-align:right;}
#latestNewsHome{
	overflow:hidden;
	background:#FFEA97;
	width:470px;
	margin:auto;}

#homelatestNewsTitle{
	width:470px;
	height:35px;
	background: url(../images/homelatestnews.jpg) no-repeat;}
	
#homelatestNewsContent{
	float:left;
	width:280px;
	overflow:hidden;
	background:#FFEA97;}

#homeSideImg{
	float:right;
	vertical-align:text-top;
	width:180px;
	height:300px;
	background: url(../images/homelatestnewsimg.jpg) no-repeat;}

#left{width: 208px; float:left;}
	#leftLinks {background: url(../images/links_bg.jpg) no-repeat; width:inherit; height:112px; margin-top: 8px; padding-bottom: 8px; padding-top: 13px;}
	#leftMiddle {background: url(../images/linksBox_middle.jpg) repeat-y; padding: 10px; font-family: arial,verdana; font-size: 12px; }
	#leftMiddle ul {list-style: circle; background: url(../images/linksBox_middle.jpg) repeat-y; padding: 10px; font-family: arial,verdana; font-size: 12px; }
#visitDavaoNowHeader {background: url(../images/linksBox_visitDavao.jpg); width: 207px; height: 42px;}

#eventsHeader {background: url(../images/linksBox_events.jpg); width: 207px; height: 42px;}
#rightPresenter {background: url(../images/rightPresenter.jpg); width: 208px; height: 30px;}
#rightSilverSponsors {background: url(../images/rightSilverSponsors.jpg); width: 208px; height: 30px;}
#rightMajorSponsors {background: url(../images/rightMajorSponsors.jpg); width: 208px; height: 30px;}

	#leftBottom {background:url(../images/linksBox_bottom.jpg) no-repeat; height:5px; padding-bottom:8px;}
#content{width: 512px; float:left; background:url(../images/contentBg.jpg) #eae6d9 no-repeat; font:verdana, arial; padding-bottom:20px;}
#content-top{height:310px; }
#content-top-title{height:30px; font-weight:bold; }
#content-top-title-right{ width:200px; float:right; text-align:right; padding-right:5px; font-family: calibri, serif, sans-serif, cursive, fantasy, monospace; font-size:18px;}
#content-top-title-left{width:200px; float:left;padding-left:5px; font-family: calibri, serif, sans-serif, cursive, fantasy, monospace; font-size:18px;}
#content-top-video{ text-align:center;}
#content-top-footer{ text-align:right; margin: 10px 20px 10px 0px; font:verdana, arial; color:#996600; font-size:1px;}



#content-middle{ margin-top:0px;}
#content-middle-title{height:30px; font-weight:bold; text-align:center; color:#666666;}
#content-middle-context{ margin: 0px 10px 0px 10px; color:#000000; font:verdana, arial; font-size:14px; }


#content-bottom{ margin-top:20px;}
#content-bottom-title{height:30px; font-weight:bold; text-align:left; color:#666666;  margin-left:10px;  }
#content-bottom-context{ margin-top:20px; margin: 0px 10px 0px 10px; color:#000000; font:verdana, arial; font-size:14px; }





#right{width: 209px;float:left; padding-left: 2px;}
	#latestnewsMiddle {background: #FFEA97; width: 208px;  margin-bottom: 8px;}
	#rightBox_Middle {background: url(../images/linksBox_middle.jpg) repeat-y; text-align: center; }
	
#landingleft{background: url(../images/landingleftbg.jpg) no-repeat #EAE6D9; float:left; width: 276px;   }
	#landingMiddle {background: url(../images/landinglatestnewsmiddle.jpg) repeat-y; margin-left:2px; padding: 6px; overflow:auto;}
	#landingBottom {background:url(../images/landinglatestnewsbottom.jpg) no-repeat; height:10px;   margin-left:2px;}
	#sponsors {padding: 10px;}
	
#landingcontent{background:url(../images/landingcontentaboutusbg.jpg) no-repeat top left #EAE6D9; float:left; width: 652px; margin-left: 3px; }
#landingcontent p{font-family: arial, verdana; font-size: 12px; padding: 0px 15px 15px 15px; }
#content_title {margin-left: 10px;}
#content-container{ width:645px; padding-left:20px; height:100px;}
#content-image{ width:145px; float:left;}
#content-context{ width:500px; float:right}
#landinglatestnews{background:url(../images/landinglatestnews.jpg); margin-left: 2px; width: 273px; height: 36px;}

#sponsorsHeader{background: url(../images/sponsors_headertitle.png); color:#000; font-family: Arial, verdana; font-size: 15px; width: 573px; height: 26px; margin: 0 auto; font-weight: bold; padding-top: 10px; padding-left: 15px;}
#sponsorsp {text-align: center; margin-top: 10px;}

#left_galleryheader{background:url(../images/left_galleryheader.jpg); margin-left: 2px; width: 271px; height: 44px;}
#left_gallerymiddle {background: url(../images/left_gallerymiddle.jpg) repeat-y; margin-left:2px; padding-left: 23px; }
#left_gallerybottom {background: url(../images/left_gallerybottom.jpg) no-repeat; height:10px;   margin-left:2px;}
.leftgallerypix {padding: 10px;}
.leftgalleryviewmore {color: #959595; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration: none; text-align: right; padding-right: 10px; }

		  
#footer {color: #FFFAD8; text-align:center; font-family:verdana, arial; font-size: 12px; margin-top: 10px;  background:#BF9900;}
#footer-container { color: #FFFAD8; height: 266px; background:#BF9900; margin:0 auto; width:934px; }

#footer-right {color: #FFFAD8; text-align:left; font-family:verdana, arial; font-size: 12px;  background:#BF9900; float:right; margin:0 auto; width:460px; padding-top: 25px;}
#footer-right-left {color: #FFFAD8; text-align:left; font-family:verdana, arial; font-size: 12px;background:#BF9900;  width:220px; float:left; }
#footer-right-right {color: #FFFAD8; text-align:left; font-family:verdana, arial; font-size: 12px;  background:#BF9900; ; width:220px; float:right; }





#footer-left {color: #FFFAD8; text-align:left; font-family:verdana, arial; font-size: 12px;  background:#BF9900; margin:0 auto; width:440px; float:left; padding-left:20px; padding-top: 30px;}
#footer-left a:link{ color:#FFCF11; font-family:arial; font-size:12px; font-weight:normal; text-decoration:none;}
#footer-left a:hover{ color:#FFCF11; font-family:arial; font-size:12px; font-weight:normal; text-decoration:none;}
#footer-left a:visited{ color:#FFCF11; font-family:arial; font-size:12px; font-weight:normal; text-decoration:none;}
#footer-left a:active{ color:#FFCF11; font-family:arial; font-size:12px; font-weight:normal; text-decoration:none;}



#footer2 {color: #FFFAD8; font-family:verdana, arial; font-size: 12px;  height: 60px; background:#CC9900;}
#footer2-container {color: #FFFAD8; margin: 0 auto; width:934px;  height: 60px; background:#CC9900;}
#footer2-container-left { color: #FFFAD8;  background:#CC9900; margin:0 auto; width:467px; float:left; padding-top: 13px; font-size:11px;}
#footer2-container-right { color: #FFFAD8; height: 60px; background:#CC9900; margin:0 auto; width:467px; float:right; text-align:right;  font-size:11px;}
#links ul {list-style:square; margin-left: 40px; margin-bottom: 8px;color: #663300;  }
	.links_color {color: #663300; font-style: italic; text-decoration:none; font-size: 14px; font-family: Book Antiqua, arial, verdana; }
#links li {padding-bottom: 10px;}

#divNewsSnippetContentText{ margin:0px; float:right;}

#spanNewsSnippetContentLabel{ font-weight:bold; font-style:italic;  float:right}
#spanNewsSnippetContentDatePublished{ font-style:italic; font-size:10px;}
.news_and_events_title{padding-top: 5px; margin-bottom:8px; }
.news_and_events_titleColor{color: #BF8300; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration:none;  font-weight: bold;  padding-top: 5px; margin-bottom:2px; }
.news_and_events_text{font-family: arial, Verdana, Geneva, sans-serif; font-size: 12px; color: #000000; padding:0px; margin:0px;  }
#news_and_events_bg {  width: 260px; height: 90px; margin-left: 0px; margin-right: 0px; color: #334872;  padding:0px; }
.news_and_events_viewmore{text-align: right; color: #993300; font-family:Verdana, Geneva, sans-serif; font-size: 12px;}

.footermore {color: #FFCF11; font-weight:bold; }
.footerlink {text-decoration: none; color: #000;}

.footerlink a:link{ color: #FF9900;}

.footerdesc {color: #FFCC66;}

A:link {
text-decoration: none;
font-size: 12px;
font-family:arial;
color:#BF8300;
font-weight:normal;}

A:visited {
text-decoration: none;
font-size: 12px;
font-family:arial;
color:#BF8300;
font-weight:normal;}

A:active {
text-decoration: none;
font-size: 12px;
font-family:arial;
color:red;
font-weight:bold;}

A:hover {
text-decoration: underline; 
color: red;
font-size: 12px;
font-family:arial;
font-weight:bold;}

#divAboutusSnippetContent {text-align:justify; line-height:18px;}

/*** Contactus ***/
		#divContactus{}
		#divContactusHeader{}
		#h1ContactUsHeader{}
		#divContactusContent{}		
		#tdContactusFormContainer {text-align:left; height:20px; Font-Family:tahoma; font-size:11px; Font-weight:normal; color:black;}		
		#inputContactusFormFieldContainer {width:255px; height:20px; margin-left:15px;}		
		#labelContactusFormFieldContainer {text-align:left;}		
		#inputFormMessageContainer {width:500px;height:200px; margin-left:15px;}		
		#divContactusButtonSubmitContainer {}
		#classCantactusButton {}
		#divContactusCaptchaContainer { margin-left:15px;}
		#divContactusButtonSubmitContainer {}
/*** End Contactus ***/

/******************************* CALENDAR EVENTS SECTION HERE *****************************************/

	/* Calendar Events Snippet */
		#divCalendarEventsSnippet {}
		#listBlueCalendarEventsSnippet {}
		#divCalendarEventsImageContainerSnippet { float:left;}
		#divCalendarEventsDetailsContainerSnippet { float:right;}		
		#imageThumbnailCalendarEventsSnippet {}
		#divCalendarEventsTitleContainerSnippet {}
		#divCalendarEventsSubDetailsContainerSnippet {}
		#divCalendarEventsSnippetHeader {}
		#h1CalendarEventsSnippetHeader {}			
	/* End of Calendar Events Snippet */
	
	/* Calendar Events whole Page */
		#listBlueEvents{ background-color:#B7DDE8; height: 150px; width:630px; margin-left:5px;}
		#listWhiteEvents{ background-color: #fff; height: 150px; width:630px; margin-left:5px;}
		#newsDetailsEvents{ float:left; margin-right:26px; text-align:justify; width:410px; font-family:arial;}
		#imageThumbnailEvents{ width: 159px; height: 125px; margin:auto; border: #1E2172 solid 1px; margin-left:5px; margin-top:10px;}
		#newsThumbEvents {float:left; width:180px;}
		#eventsThumb {float:left; width:180px;}
		#listEvents {}
		#subsEvents{ font-size: 11px;}
		#titleDateEvents{ margin-top: 8px;}
		#titleDateEvents b{ color: #000000; font-size: 12px;}
		#titleDateEvents i{ color: #000000; font-size: 10px;}
		#paginationEvents{ text-align: center; position:relative; z-index: 999;}
		#paginationEvents a:link{ color: #000000; font-style:normal; text-decoration:none;}
		#paginationEvents a:active{ color: #000000; font-style:normal; text-decoration:none;}
		#paginationEvents a:hover{ color: #333333; font-style:normal; text-decoration:none;}
		#paginationEvents a:visited{ color: #000000; font-style:normal; text-decoration:none;}
		#alinkPaginateEvents:link{ font-size: 10px;}
		#alinkPaginateEvents:active{ font-size: 10px;}
		#alinkPaginateEvents:hover{ font-size: 10px; color: #333333;}
		#alinkPaginateEvents:visited{ font-size: 10px;}
		#backEvents{ text-align:right; margin-right:50px;}
		#backEvents a:link{ color: #000000; font-weight:normal; text-decoration:none;}
		#backEvents a:hover{ color:#666666; font-weight:normal; text-decoration:none;}
		#backEvents a:visited{ color: #000000; font-weight:normal; text-decoration:none;}
		#backEvents a:active{ color: #000000; font-weight:normal; text-decoration:none;}
		#newsList {}
	/* End of Calendar Events whole Page */
	
		
/************************** END OF CALENDAR EVENTS SECTION HERE ***************************************/

/******************************* NEWS SECTION HERE *****************************************/
	/* News Snippet */
		#divNewsSnippet {width:260px; font-size:small;}
		#divNewsSnippetHeader {}
		#divNewsSnippetImage { float:left; width:115px;}
		#imgNewsSnippetImage {border:1px solid #1E2172; height:70px; margin:10px auto auto 5px; width:100px;}
		#divNewsSnippetContentDatePublished{ color:#333; float:left; margin-left:-5px; margin-top:8px; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
		#divNewsSnippetContent {}
		#divNewsSnippetTitle {float:left; margin-left:-4px; margin-top:10px; width:135px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
		
		#divNewsSnippetTitle a:link{ color:#BF8300;  font-weight:normal; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
		#divNewsSnippetTitle a:hover{  color:red; font-weight:normal; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
		#divNewsSnippetTitle a:visited{  color:#BF8300; font-weight:normal; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
		#divNewsSnippetTitle a:active{  color:#BF8300; font-weight:normal; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
		
		#spanNewsSnippetContentLabel {}
		#spanNewsSnippetContentDatePublished {}
		#divNewsSnippetContentReadMore { text-align:right;}
		#divNewsSnippetContentTitle{ font-weight:bold; float:right; }
		#divNewsSnippetContentContainer {height:90px;}
	/* News Snippet */
	
	/* News Whole Page */
		#listBlueNews{ background-color:#B7DDE8; height: 150px; width:630px; margin-left:5px;}
		#listWhiteNews{ background-color: #fff; height: 150px; width:630px; margin-left:5px;}
		#newsDetailsNews{ float:left; margin-right:26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width:400px;}
		#subsNews{}
		#titleDateNews{ margin-top: 8px;}
		#titleDateNews b{ color: #000000; font-size: 12px; width:460px;}
		#titleDateNews i{ color: #000000; font-size: 10px; width:460px;}
		
		#imageThumbnailNews{ width: 159px; height: 125px; margin:auto; border: #1E2172 solid 1px; margin-left:5px; margin-top:10px;}
		#newsThumbNews { float:left; width: 180px;}
		#newsThumb { float:left;}
		#listNews {}				
		#paginationNews{ text-align: center; position:relative; z-index: 999;}
		#paginationNews a:link{ color: #000000; font-style:normal; text-decoration:none;}
		#paginationNews a:active{ color: #000000; font-style:normal; text-decoration:none;}
		#paginationNews a:hover{ color: #333333; font-style:normal; text-decoration:none;}
		#paginationNews a:visited{ color: #000000; font-style:normal; text-decoration:none;}
		#alinkPaginateNews:link{ font-size: 10px;}
		#alinkPaginateNews:active{ font-size: 10px;}
		#alinkPaginateNews:hover{ font-size: 10px; color: #333333;}
		#alinkPaginateNews:visited{ font-size: 10px;}
		#backNews{ text-align:right; margin-right:50px;}
		#backNews a:link{ color: #000000; font-weight:normal; text-decoration:none;}
		#backNews a:hover{ color:#666666; font-weight:normal; text-decoration:none;}
		#backNews a:visited{ color: #000000; font-weight:normal; text-decoration:none;}
		#backNews a:active{ color: #000000; font-weight:normal; text-decoration:none;}
		#newsList {}
	/* End News Whole Page */
	
/***************************** END NEWS SECTION HERE ***************************************/

/***************************************** GALLERY HERE ***********************************************/

		/* Whole Page Gallery */
		
			/* General Style */
				#divGalleryMainContainer{ }
				#divGalleryPagination{margin:auto auto 20px; width:201px; text-align: center;}
				#divGalleryPagination a:link{ color: #BF8300; font-family: arial; font-size: 11px; text-decoration: none;}
				#divGalleryPagination a:hover{ color: #000000; font-family: arial; font-size: 11px; text-decoration: none;}
				#divGalleryPagination a:visited{ color: #BF8300; font-family: arial; font-size: 11px; text-decoration: none;}
			/* End General Style */
			
			/* Images Page */
				#divGalleryImage{}
				#divGalleryImageContainer{margin:auto auto 20px; width:201px; text-align: center; float:left; height:180px;}
				#divGalleryImageBackground{}
			/* End Images Page */
			
			/* Album page */
				#divGalleryAlbum{}
				#divGalleryAlbumContainer{ float:left; height:200px; margin-left:14px; text-align:center; width:197px;}

			/* End Album page */
			
		/* End Whole page Gallery */
		
		/* Snippet Here */
			#divGallerySnippet{color:blue; font-size:12px; margin-left:35px; width:170px; text-decoration: none; font-family:arial; color:#BF8300; font-weight:bold; }
			#divGallerySnippetImage{ }
			#imgGallerySnippetImage{ }
			#divGallerySnippetContentReadMore{text-align:right; margin-right:15px;}
			#divGallerySnippetContentTitle{ text-align:center;}
		/* End Snippet Here */


/**************************************** END GALLERY HERE ********************************************/

/**************************************** ABOUT US HERE ********************************************/
	#divAboutusContent {}
/**************************************** END OF ABOUT US HERE ********************************************/
	.clearDiv{ clear:both;}