/*CSS for Aklan backgrounds: Trixia Belocura*/
/*new set of css*/
body
{background-color:#ffffff; margin-top:0px;}
#themebox1
{background: url(../images/bgs/theme_index.jpg) #ffffff center top no-repeat; margin: 0px auto; z-index:0; padding:10px; text-align:center;
 width:100%; height:100%;}
#themebox2
{background: url(../images/bgs/theme_index2.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:0; padding:10px; 
 width:100%; height:auto; text-align:center;}
#themebox3
{background: url(../images/bgs/theme_index3.1.jpg)  #ffffff center top no-repeat; margin: 0px auto; z-index:0; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox4
{background: url(../images/bgs/theme_index4.jpg)  #ffffff left top no-repeat; margin: 0px auto; z-index:0; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox5
{background: url(../images/bgs/theme_index5.1.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox6
{background: url(../images/bgs/theme_index6.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox7
{background: url(../images/bgs/theme_index7.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox8
{background: url(../images/bgs/theme_index8.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox9
{background: url(../images/bgs/theme_index9.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox10
{background: url(../images/bgs/theme_index10.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#themebox11
{background: url(../images/bgs/theme_index11.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:1; padding:10px; 
 width:100%; height:100%; text-align:center;}
#mainframe2
{margin:2.0em auto; width:900px; height:1380px; z-index:1;}
#mainframe
{margin:1.0em auto; width:900px; height:1380px; z-index:1;}
#mainframe_eco
{margin:1.0em auto; width:900px; height:1380px; z-index:1;}
#mainframe_lgu
{margin:1.0em auto; width:900px; height:1300px; z-index:1;}
#mainframe_auto
{margin:1.0em auto; width:900px; height:900px; z-index:1;}
#mainframe_profile
{margin:1.0em auto; width:900px; height:1400px; z-index:1;}
#logoarea
{margin:15px 0px 10px 0px; width:350px; height:230px; float:left; text-align:left; background:url(../images/main/seal.png) left bottom no-repeat; behavior: url(iepngfix.htc);}
#logobox
{margin:15px 0px 10px 0px; width:350px; height:230px; float:left; text-align:left; background:url(../images/main/seal.png) left bottom no-repeat; behavior: url(iepngfix.htc);}
#flasharea
{margin-top:15px; width:505px; height:230px; float:left; background-color:#FF9900; text-align:right; z-index:0px;}
#tourism_top
{margin:5px 0px 0px 0px; width:900px; height:170px; float:left; text-align:center;}
#buttonframe
{margin:0px; width:900px; height:39px;float:left;}

/* buttons*/
#home{background:url( ../images/buttons/bu2nbg_home1.gif) center no-repeat; float:left; width:82px; padding:10px 0px;
text-align:center; border-right:1px solid #ffffff;}
#prof
{background:url( ../images/buttons/bu2nbg_profile.gif) center no-repeat; float:left; width:107px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#locgov
{background:url( ../images/buttons/bu2nbg_lg.gif) center no-repeat; float:left; width:172px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#eco
{background:url( ../images/buttons/bu2nbg_eco.gif) center no-repeat; float:left; width:93px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#tour
{background:url( ../images/buttons/bu2nbg_tourism.gif) center no-repeat; float:left; width:96px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#direct
{background:url( ../images/buttons/bu2nbg_directory.gif) center no-repeat; float:left; width:97px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#map_but
{background:url( ../images/buttons/bu2nbg_map.gif) center repeat-x; float:left; width:45px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#fback
{background:url( ../images/buttons/bu2nbg_feedback.gif) center no-repeat; float:left; width:97px; padding:10px 0px;
text-align:center;  border-right:1px solid #ffffff;}
#froom
{background:url(../images/buttons/bu2nbg_forum.gif) center no-repeat; float:left; width:100px;
text-align:center;  border-right:1px solid #ffffff; padding:10px 0px;}
.textlink
{font-family:arial; font-size:9pt; color:#ffffff; font-weight:bold;}
.textlink a
{text-decoration:none; color:#ffffff;}
.textlink a:hover
{text-decoration:none; color:#000000; font-size:10pt; font-weight:bold;}
/*footer*/
#footerbx
{width:900px; height:200px; background:url(../images/bgs/bg_footer.jpg) top center no-repeat; margin:0px auto; text-align:center;}
#footerbx2
{width:900px; height:185px;}
/*end of button*/

/*welcome remarks*/
#welcome
{width:900px; height:auto; float:left; background:url(../images/bgs/bg_welcome.gif) top no-repeat;}
#govmsg
{width:500px; height:350px; float:left; text-align:left; padding:10px;}
#headlines
{width:340px; height:185px; float:left; padding:5px; text-align:left; margin-left:10px;}
#headlines2
{width:275px; height:275px; float:right; padding:5px; text-align:left;}

/*experience aklan*/
#xplorebox
{width:530px; height:255px; float:left; text-align:left; background:url(../images/bgs/bg_xplore.jpg) #ffffff top center no-repeat; padding:10px 7px; }
#rightnav
{width:350px; height:820px; float:right; padding:3px; text-align:left; background:url(../images/bgs/bg_blue.gif) top right no-repeat #daecfd;}
#cns
{width:500px; float:left; height:815px;}

/*thumbs*/
#thumbs
{width:125px; height:112px; float:left; padding:2px;}

/*related news*/
#rlatedbox	
{width:542px; height:500px; float:left; text-align:left; }
#nwsbox
{width:335px; height:530px; float:left; text-align:left; background-color:#FFFFCC; padding:10px;}
#lnkbox
{width:187px; height:126px; float:right; background:url(../images/bgs/bg_adopt.jpg) top left no-repeat; text-align:center;}
#portalbox
{width:187px; height:175px; float:right; background:url(../images/bgs/bg_portal.jpg) top left no-repeat;}
#mp3plyer
{width:187px; height:200px; float:right; background-color:#e0e3cf; margin:auto;}

/*2010 style*/

/*profile*/
#pfframe
{width:900px; height:auto; float:left; background: url(../images/bgs/bg_welcome.gif) top no-repeat;}
#Pftop
{width:900px; height:325px; float:left; text-align:left;}
#contactbox
{width:860px; height:500px; float:left; text-align:left;padding:20px;}
.welcome
{font-family: Georgia; font-size:28pt; color:#758500; text-shadow: #b9b8a6 -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt;}
.ttle_blue
{font-family: Georgia; font-size:28pt; color:#0092c2; text-shadow: #b9b8a6 -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt; text-align:left;}
.ttle_blck
{font-family: Georgia; font-size:28pt; color:#000000; text-shadow: #b9b8a6 -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt;}
.ttle_rid
{font-family: Georgia; font-size:28pt; color:#8f0000; text-shadow: #b9b8a6 -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt; text-align:left; padding:10px;}
#pfbox1
{width:850px; height:290px; padding:10px; margin:10px auto; float:left;}
#pfbox2
{width:900px; height:460px; float:left; text-align:left;}
#pfbox3
{width:850px; height:auto; padding:10px; margin:10px auto; text-align:left; float:left;}
#pfbox4
{width:900px; height:250px; margin:0px auto; float:left; background-color:#f5f4ea;}
.regfont
{font-family:arial; font-size:9pt; color:#333333;}
#Qfbox
{width:900px; height:250px; margin:0px auto; background-color:#fcf7e0; float:left;}
#QFbox1
{width:322px; height:240px; float:left;}
#QFbox2
{width:280px; height:220px; float:left; margin:5px auto; padding:3px;}
.subttle
{font-family: Georgia; font-size:14pt; color:#c57b00; text-shadow: #d3cdbe -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt; margin-top:5px; }
.subttle2
{font-family: Georgia; font-size:14pt; color:#5d0d13; text-shadow: #d3cdbe -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt; margin-top:5px; }
.subttle3
{font-family: Georgia; font-size:14pt; color:#372D17; text-shadow: #d3cdbe -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:15pt; margin-top:5px; }
#qcon
{width:90%; height:auto; float:left; margin:2px 5px; text-align:left;}

/*lgu*/
#lgubox
{width:900px; height:465px; margin:10px auto; float:left; background:url(../images/bgs/bg_elected.jpg) #d6cdbe no-repeat bottom right;}
#eo_box
{width:870px; height:275px; float:left; padding:10px; margin-top:0px;}
#munbox
{width:900px; height:450px; margin:10px auto; float:left;}
#lgusubbox
{width:200px; height:auto; float:left; margin:5px 3px; text-align:left; padding:5px;}
#lgusubframe
{width:800px; height:65px; padding:10px; margin:20px 30px; float:left;}


/*eco*/
#ecobox2
{width:900px; height:1100px; margin:0px auto; float:left; }
#ecosubbox2
{width:850px; height:635px; margin:10px auto; padding:15px; background-color:#F3F3F3;}
#trdngbox
{width:850px; height:300px; margin:10px auto; padding:15px;}

/*tourism*/
#flasharea2
{width:900px; height:350px; float:left; background:url(../images/bgs/bg_toursm2.gif) top center no-repeat; z-index:3;}
#flash
{width:750px; height:300px; margin-top:15px; margin-left:5.0em; background:url(../images/bgs/bg_toursm2.gif) top center no-repeat; z-index:4;}
#layersnap 
{position:absolute;left:13%;top:50px;width:402px;height:334px;z-index:2;background:url(../images/main/snapphotos.png);}
#tourbox1
{width:420px; height:auto; padding:10px; margin:10px auto; float:left;}
#tourtop
{width:900px; height:375px; float:left; text-align:left;}
#tourbox2
{width:900px; height:304px; margin:0px auto; float:left; background:url(../images/bgs/bg_trip.jpg) bottom left repeat-x; }
#toursubbox2
{width:200px; height:273px; margin:10px auto; float:left;}
#thumbsbox
{width:148px; height:104px; margin-top:15px; margin-left:9px; float:left;}
#tourbox3
{width:285px; height:300px; margin-top:20px; float:left;}
#tourbox4
{width:290px; height:300px; margin-top:20px; float:left; border-left: 1px solid #bdbda7; padding-left:10px;}
.subttletour
{font-family:"impact"; font-size:32pt; font-weight:bold; color:#000000;}
.subttle2tour
{font-family:"arial narrow"; font-size:16pt; font-weight:bold; color:#000000;}
.conttour
{font-family:arial; font-size:10pt; color:#333333; padding:5px; margin:10px; text-align:left;}
.conttour li
{list-style:inside none;}
.conttour a
{text-decoration:none; color:#333333;}
.conttour a:hover
{text-decoration:underline; color:#003366; font-weight:bold;}
#tourism_top2
{margin:5px 0px 0px 0px; width:900px; height:100px; float:left; text-align:center;}
#tourlinks
{width:900px; height:300px; float:left; background-color:#FFFFFF;}

/*directory*/
#drctorybox1
{width:850px; height:auto; padding:10px; margin:10px auto; text-align:left;}


/*body
{
	background:url(../images/bgs/bodybg_gray2.jpg) left top repeat-x;
	margin-top:0;
}*/
.tblemain
{width:847px;padding:0;margin-top:0;}

#hdrbox1
{width: 847px;height:151px;margin-top:20.0em;}
#hdrbox2
{
	width: 847px;
	height:20px;
	background:url(../images/bgs/oak_top.jpg) top no-repeat;
	
}
#hdrbox3
{
	width: 847px;
	height:36px;
	background:url(../images/bgs/black.jpg) repeat-x top;
	z-index:1;
}
#hdrbox4
{
	width:847px;
	height:15px;
	background-color:#a8c700;
}

#hdrcontent1
{
	width:847px;
	height:285px;
	background:url(../images/bgs/oak_body.jpg) top repeat-x;
	margin: 0;
	padding: 0;
}

/*flash and provincial box in headlines*/
#flshbox1
{
	width:470px;
	height:275px;
	float:left;
	margin-left:5px;
	margin-top:5px;
	z-index:-1;
}
.pov
{
	width:340px;
	height:270px;
	margin-left:10px;
}
#provhd1
{
	width:350px;
	height:260px;
	float:right;
	clear: none;
	overflow: auto;
	margin-right:7px;
}
#wrapprov
{
	width:340px;
	height:260px;
	overflow: auto;
}
#provttle
{
	width:340px;
	height:20px;
	font-family:Arial;
	font-size:11pt;
	color: #2e6200;
	font-weight:bold;
	margin-top:5px;
	float: left;
	margin-left: 10px;
}
/*end*/

#PlacesBox
{
	margin-top:4px;
	width:847px;
	height:150px;
}

/*for the mayor's corner in index*/
#govbx
{
	width: 197px;
	height:450px;
	float:left;
	margin-top:0;
}
/*end here*/

/*news and events*/
#nebox
{
	width: 470px;
	height:675px;
	float:left;
	margin-left:5px;
}

/*end here*/
#annbox
{
	width:133px;
	height:430px;
	float:right;
	margin-right:5px;
}

#Mainbox_detail
{
	width: 847px;
	height:800px;
	background:url(../images/bgs/oak_body.jpg) top repeat-x;
}
/*bottom*/
#bottom
{
	margin-top:10px;
	width:847px;
	height:80px;
}
/*frank*/
.frank
{
	background:url(../images/bgs/frank_bg.jpg) center top no-repeat;
	height:1185px;
}
.letter_frank
{
	width: 680px;
	height:900px;
	margin-top:120px;
	margin-left:85px;
	font-family:arial;
	font-size:10pt;
	font-weight:200;
}
/*FEEDBACK*/
#ttle_holder
{width:600px; height:auto; padding: 10px; float:left; text-align:left;}
#gb_note
{width:800px; height:auto; padding:20px; float:left; text-align:left; margin-left:50px;}
#gb_frame1
{width:200px; height:300px; float:left; text-align:left;}
#gb_frame2
{width:600px; height:300px; float:left;}
#gb_field1
{width:500px; padding:5px; float:left; text-align:left;}
#gb_field2
{width:500px; padding:5px; float:left; text-align:left; white-space:nowrap;}
#gb_viewframe
{width:600px; height:auto; padding:7px;float:left; text-align:left;}
#gb_fdback
{width:485px; height:auto; float:left; padding:30px; background:url(../images/bgs/bg_gb.jpg) bottom right no-repeat;}
.gb_sender
{font-family:Georgia; font-size:12pt; font-weight:bold; color:#5e290d;}
.gb_sendradd
{font-family:georgia; font-size:8pt; color:#993300; margin-bottom:3px;}
.gb_date
{font-family:arial; font-size:8pt; color:#454342; margin-bottom:5px;}

/*Index Detail*/
.ttle_news
{font-family: Georgia; font-size:24pt; color:#202020; text-shadow: #b9b8a6 -3px 2px 2px; font-stretch:extra-condensed; font-weight:bold; line-height:17pt; text-align:left; margin:10px 0px;}
#ndex_dtail
{width:600px; height:auto;float:left; text-align:left;}
#ndxdtail_cont
{width:90%; height:auto; float:left; padding:30px; background:url(../images/bgs/bg_ndex.jpg) bottom left repeat-x;}
#rigtnav_ndx
{width:250px; height:auto; float:right;text-align:left; border-left: 1px dotted #B9BC96; border-bottom: 1px dotted #B9BC96; padding:10px;}
#footer_frame
{width:100%; height:auto; margin-top:65px; float:left; border-top: 5px solid #f3f2ee; padding-top:20px;}
#footer_lgu
{width:900px; height:auto; margin:5px auto; border-top: 5px solid #f3f2ee; padding-top:20px; }

/*Map*/
#map_frame
{width:100%; height:525px; float:left; padding:10px; background: url(../images/bgs/bg_map.jpg) top repeat-x left;}
/*lightbox*/

#themebora
{
	background: url(images/bgs/bg_bora.jpg) #ffffff  center top no-repeat; margin: 0px auto; z-index:0; padding:10px; 
	width:100%; height:100%; text-align:center;}
#bora_frame
{
	width:900px; height:auto; margin:5px auto; }
#content_frame
{	width:800px; height:auto; padding:10px; background:url(images/bgs/bg_boraframe.gif) top center no-repeat; margin:20px auto; }
.conttour
{	font-family:arial; font-size:10pt; color:#ffffff; padding:5px; margin:10px;}
#logoareax
{	margin-top:10px; width:800px; height:175px;text-align:left; background:url(images/main/seal.png) left bottom no-repeat; 
	behavior: url(MunTourism/iepngfix.htc);}
#ttle_frme
{ 	width:95%; height:auto; padding:0px 10px;}
#gal_frme
{ 	width:98%; height:auto; margin:0px auto; text-align:left;}
.title_orange
{ 	font-family:tahoma; font-size:18pt; color:#FF6600;text-align:left; text-shadow: #b9b8a6 -3px 2px 2px;}
.title_blue
{ 	font-family:arial; font-size:28pt; color:#0099CC; text-align:left; text-shadow: #b9b8a6 -3px 2px 2px;}
.note
{ 	font-family:arial; font-size:9pt; color:#990000; text-align:left; font-style:italic; }
#content_bora
{ margin:10px 0px; text-align:left; float:left; width:500px;}
#content_right
{	text-align:left; float:right; width:260px; margin:10px 0px;}
#mapbox
{	width:95%; height:300px; background-color:#bceff5; padding:5px;}
#mapa
{	width:100%; text-align:center;}
#map_cont2
{	width:90%; margin:3px auto; font-family:arial; font-size:9pt;}
#float1
{	width:30%; margin-left:10px; padding:3px; text-align:left; float:left; color:#333333;}
#float2
{	width:55%; padding:3px; text-align:left; float:left;}
.con_font
{	font-family:arial; font-size:9pt; color:#5e4500;}
#view
{	text-align:right;}
.ttle_bora
{	font-family:georgia; font-size:12pt; font-weight:bold; color:#0b5767;}

/*ward*/
#adopt
{width:850px; height:auto; padding:10px; margin:10px auto;}
#adoptbox
{margin:1.0em auto; width:900px; height:auto; z-index:1; padding-bottom:0px;}

/*ARCHIVE*/
#arch_frame
{margin:1.0em auto; width:900px; height:750px; z-index:1;}
#arch_viewframe
{	width:668px; height:auto; padding:5px;float:left; text-align:left; background-color:#fffdd6;}
#arch_rightnav
{	width:203px; height:275px; float:right; padding:5px; text-align:left; background-color:#ecf2c6;}
#arch_rightnav2
{	width:203px; height:auto; float:right; padding:5px 10px; text-align:left; background-color:#ecf2c6;}
#pgination_hdline
{	width:auto; height:auto; padding:5px 10px; float:left; background-color:#96784e; vertical-align:bottom;}
.pgnation4mat
{	font-family:arial; font-size:8pt; color:#FFFFFF;}
#pgnation_b2ns
{	padding: 5px 10px; text-align:center; background-color:#bda669; float:left; margin:1px;}
#hdline_viewframe
{	width:668px; height:auto; padding:5px; float:left; text-align:left; background-color:#fef3d6;}
.headttle
{	font-family:Georgia; font-size:18pt; font-weight:bold; text-align:left; color:#620212; padding:15px 10px; text-shadow: #b9b8a6 -3px 2px 2px;}
.Evttle
{	font-family:Georgia; font-size:18pt; font-weight:bold; text-align:left; color:#43052c; padding:15px 10px; text-shadow: #b9b8a6 -3px 2px 2px;}
.hdlineTtle
{	font-family:Tahoma; font-size:8pt; font-weight:bold; color:#000000;}
.hdlineTtle a
{	color: #000000; text-decoration:none;}
.hdlineTtle a:hover
{	color:#FF0000; text-decoration:underline;}
.Prodtle
{	font-family:Tahoma; font-size:8pt; font-weight:bold; color:#000000; margin-left:10px;}
.Prodtle a
{ 	color: #000000; text-decoration:none;}
.Prodtle a:hover
{	color:#FF0000;text-decoration:underline;}
.hdlinedate
{	font-family:verdana; font-size:7pt; color:#666666;}
.hdlineSum
{	font-family: Verdana; font-size:8pt; color:#333333;margin-bottom:10px;}
.hdlineSum a
{	text-decoration:none;}
.newsconbox
{
	width:100%;
	height:auto;

}
.rmore
{
	font-family: arial;
	font-size:8pt;
	color:#006699;
}
.rmore a
{
	color:#006699;
	text-decoration:none;
}

.rmore a:hover
{
	color: #FF0000;
	text-decoration:underline;
	font-weight:bold;
}
#arch_link
{	padding:5px; text-align:right; font-family:"Times New Roman", Times, serif; font-size:9pt; color:#5a5338; }
#arch_link a
{	color:#000066; font-style:italic; background-color:#f5e5a6; padding:1px 3px; text-decoration:none;}
#arch_link a:hover
{	font-size:9pt;}

/*contact*/
#fld4mat
{	margin-bottom:10px; padding:5px; width:300px; color:#003366; font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt;
border: 2px #b5bb9f solid;}