/* CSS Document */

html, body{
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	font-family:"Trebuchet MS", Arial, sans-serif, "times New Roman";
}
div#header{
	width:760px;
	height:262px;
	margin:auto;
	background:url(../images/sampleHeader.png) center bottom no-repeat;
}
* html div#header{
	margin-top:14px;
	width:758px;
	height:248px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/sampleHeader.png', sizingMethod='scale');	
}
/*******************************************************/
/* Navigation Begin									   */
/*******************************************************/

div#navigation{
	width:760px;
	height:67px;
	margin:auto;
}
#navigationLeftSide{
	width:3px;
	height:67px;
	background:url(../images/navigationLeftSide.png) right top no-repeat;
}
* html #navigationLeftSide{
	width:3px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/navigationLeftSide.png', sizingMethod='scale');	
}
#navigationRightSide{
	width:3px;
	height:67px;
	background:url(../images/navigationRightSide.png) left top no-repeat;
}
* html #navigationRightSide{
	width:3px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/navigationRightSide.png', sizingMethod='scale');	
}
#navigationMenu{
	height:67px;
	background:url(../images/navigationBack.png) left top repeat-x;
}
div#mainmenu{
	height:40px;
	position:relative;
	bottom:0px;
}
div#mainmenu ul {
	list-style: none;
	margin: 4px 0 0 8px;
	padding: 0;
}
div#mainmenu li {
	float:left;
}

div#mainmenu a.home {
	width:122px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/home.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.home:hover {
	background:url(../images/navigation/homeOver.png) no-repeat right bottom;	
}
div#mainmenu a.about {
	width:125px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/about.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.about:hover {
	background:url(../images/navigation/aboutOver.png) no-repeat right bottom;	
}
div#mainmenu a.business {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/business.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.business:hover {
	background:url(../images/navigation/businessOver.png) no-repeat right bottom;	
}
div#mainmenu a.tourism {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/tourism.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.tourism:hover {
	background:url(../images/navigation/tourismOver.png) no-repeat right bottom;	
}
div#mainmenu a.government {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/government.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.government:hover {
	background:url(../images/navigation/governmentOver.png) no-repeat right bottom;	
}
div#mainmenu a.barangay {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/services.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.barangay:hover {
	background:url(../images/navigation/servicesOver.png) no-repeat right bottom;	
}

div#mainmenu a.selectedhome {
	width:122px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/homeOver.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.selectedabout {
	width:125px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/aboutOver.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.selectedbusiness {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/businessOver.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.selectedtourism {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/tourismOver.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.selectedgovernment {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/governmentOver.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}
div#mainmenu a.selectedbarangay {
	width:121px;
	height:32px;
	line-height:32px;
	background:url(../images/navigation/servicesOver.png) no-repeat right bottom;	
	display:block;
	text-decoration:none;
}


div#submenu{
	height:27px;
	color:#FFFFFF;
	font-size:12px;
	text-indent:6px;
	line-height:25px;
}

/*******************************************************/
/* Navigation End									   */
/*******************************************************/

div#mainBody{
	width:760px;
	margin:auto;
	text-align:right;
}
div#contentBodyTop{
	width:760px;
	height:20px;
	background:url(../images/ContentBodyTop.png) left top no-repeat;
}
* html div#contentBodyTop{
	width:760px;
	height:20px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/ContentBodyTop.png', sizingMethod='scale');		
}
#contentBodyShadowLeft{
	width:5px;
	background:url(../images/ContentBodyShadowLeft.png) right top repeat-y;		
}
#contentBodyShadowRight{
	width:5px;
	background:url(../images/ContentBodyShadowRight.png) left top repeat-y;
}
* html #contentBodyShadowLeft{
	width:5px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/ContentBodyShadowLeft.png', sizingMethod='scale');		
}
* html #contentBodyShadowRight{
	width:5px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/ContentBodyShadowRight.png', sizingMethod='scale');	
}
.bodyLineLeft{
	background:url(../images/ContentBodyline.png) right top repeat-y #ffe400;
}
.bodyLineRight{
	background:url(../images/ContentBodyline.png) left top repeat-y #ffe400;
}
#content{
	background:url(../images/logotop.png) bottom left no-repeat #FFFFFF;
}
.ImageLeft{
	position:relative;
	background-color:#CCCCCC;
	padding:5px;
	float:left;
	margin:5px 10px 5px 0;
}
#subContent h1{
	border:none;
	background:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#870202;
	padding:0;
	margin:10px 0 0 0;

/*	border:1px dotted #000000;
	background-color:#e1ecff;
	padding:0;
	margin:0;
	font-size:16px;
	padding:2px 10px 2px 10px;
*/
}
#subContent h2{
	border:none;
	background:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#870202;
	padding:0;
	margin:10px 0 0 0;
}
#subContent h2 a{
	color:#870202;
	text-decoration:none;
}
#subContent h2 a:hover{
	color:#FF0000;
}
#subContent h3{
	border:none;
	background:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#870202;
	padding:0;
	margin:10px 0 0 0;
}
#subContent h3 a{
	color:#870202;
	text-decoration:none;
}
#subContent h3 a:hover{
	color:#FF0000;
}
#subContent p, div, ul, li{
	font-size:12px;
}

/****************************************************************/
/*	Main Content Right Side Begin*/
/****************************************************************/

#mainContent{
	font-size:12px;
}
#mainContent h1{
	font-size:16px;
	padding:0;
	margin:0;
	font-family:"Century Gothic", "Trebuchet MS", Arial;
}

.indent10{
	text-indent:10px;
}
.indent20{
	text-indent:20px;
}
.indent30{
	text-indent:30px;
}
.indent40{
	text-indent:40px;
}

/****************************************************************/
/*	Main Content Right Side Begin*/
/****************************************************************/


/****************************************************************/
/*	Sub Content Right Side Begin*/
/****************************************************************/
#sideContent{
	background:url(../images/sideContentBack.jpg) repeat-y left top;
	font-size:11px;
}
#usefulLinks h3{
	margin:0;
	padding:0 16px 10px 16px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#990000;	
}
#usefulLinks ul{
	padding:0;
	margin:0;
	padding:0 16px 10px 16px;
}
#usefulLinks ul li{
	list-style:none;
	_margin-bottom:-15px;
}
#usefulLinks ul li a{ 
	text-decoration:none;
	color:#000000;
	display:block;
	line-height:18px;
	padding:0 0 0 15px;	
	background:url(../images/bullets2.gif) no-repeat 1px 5px;		
}
#usefulLinks ul li a:hover{ 
	color:#990000;
	background:url(../images/bullets.gif) no-repeat 1px 5px #FFFFCC;		
}


#scDownloadable{

}
#scDownloadable ul{
	padding:0;
	margin:0;
	padding:0 16px 10px 16px;	
}
#scDownloadable ul li{
	list-style:none;
}
#scDownloadable ul li a{ 
	text-decoration:none;
	color:#000000;
	display:block;
	line-height:18px;
	padding:0 0 0 15px;	
	background:url(../images/downloadBullet1.gif) no-repeat 1px 5px;		
}
#scDownloadable ul li a:hover{ 
	color:#990000;
	background:url(../images/downloadBullet.gif) no-repeat 1px 5px #FFFFCC;		
}


#sideContent .news a{ 
	color:#003300;
	text-decoration:none;
}

#sideContent .news a:hover{ 
	color:#990000;
	text-decoration:underline;
}
#sideContent .news span a{ 
	color:#990000;
	font-weight:bolder;
}

#sideContent #oldNewsList a{ 
	display:block;
	text-decoration:none;
	padding:2px 9px 2px 28px;
	color:#000000;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	line-height:13px;
	background:url(../images/newsBullet1.gif) no-repeat 9px 3px;
}
#sideContent #oldNewsList a:hover{ 
	display:block;
	background-color:#bfd362;
}
#sideContent #oldNewsList span{ 
	display:block;
	color:#5d7318;
	font-size:9px;
	font-weight:normal;
}
#scAnnouncement{
	padding:0;
	margin:0;
	padding:0 16px 10px 16px;
}
#scAnnouncement h2{
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#scAnnouncement h2 a{
	text-decoration:none;
	color:#003300;
}
#scAnnouncement h2 a:hover{
	color:#990000;
}
#scAnnouncement h3{
	padding:0;
	margin:0;
	font-size:11px;
}
#scAnnouncement h3{
	color:#333333;
}
#scAnnouncement strong{
	display:block;
	color:#993300;
}
#scAnnouncement span a{
	display:block;
	text-decoration:none;
}


#scLatestJobs{
	padding:0;
	margin:0;
	padding:0 16px 10px 16px;
}
#scLatestJobs h2{
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#scLatestJobs h2 a{
	text-decoration:none;
	color:#003300;
}
#scLatestJobs h2 a:hover{
	color:#990000;
}
#scLatestJobs strong{
	display:block;
	color:#993300;
}
#scLatestJobs span{
	color:#333333;
	font-size:11px;
}
#scLatestJobs b{
	color:#000000;
}

#proc{
	padding:0;
	margin:0;
	padding:0 16px 10px 16px;
}
#proc h2{
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#proc h2 a{
	text-decoration:none;
	color:#003300;
}
#proc h2 a:hover{
	color:#990000;
}
#proc strong{
	display:block;
	color:#993300;
}
#proc span{
	color:#333333;
	font-size:11px;
}
#proc b{
	color:#000000;
}

#scEvents{
	padding:0;
	margin:0;
	padding:0 16px 10px 16px;
}
#scEvents h2{
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#scEvents h2 a{
	text-decoration:none;
	color:#003300;
}
#scEvents h2 a:hover{
	color:#990000;
}
#scEvents strong{
	display:block;
	color:#993300;
}
#scEvents span{
	color:#333333;
	font-size:11px;
}
#scEvents b{
	color:#000000;
}

/****************************************************************/
/*	Sub Content Right Side End*/
/****************************************************************/


div#footer{
	width:762px;
	height:127px;
	margin:auto;
	background:url(../images/footer.png) left top no-repeat;
}
* html div#footer{
	width:762px;
	height:127px;
  	background: none; /*Remove background*/
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/footer.png', sizingMethod='scale');
}
.spacer{
	height:20px;
}


/****************************/
/*	MainPage Content Begin	*/
/****************************/
.ordinance h1 a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#003300
}
.ordinance h1 a:hover{
	color:#00CC00;
}
.ordinance b{
	color:#669900;
}

.ordinance span a{
	color:#33CC66;
	text-decoration:none;
	font-size:9px;
}
.ordinance span a:hover{
	color:#33CC00;
}
.eventsAnnouncement h1 a{
	color:#440F13;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
.eventsAnnouncement h1 a:hover{
	color:#FF0000;
}
.eventsAnnouncement span a{
	color:#FF0000;
	text-decoration:none;
	font-size:9px;
}
.eventsAnnouncement span a:hover{
	color:#FF0000;
}
.smallLink{
	font-size:9px;	
}
.smallLink1 a{
	text-decoration:none;
	color:#3300FF;
	font-size:9px;
}
.smallLink1 a:hover{
	color:#000066;
}
.smallLink2 a{
	text-decoration:none;
	color:#808040;
	font-size:9px;
}
.smallLink2 a:hover{
	color:#676203;
}
.blackLinks a{
	text-decoration:none;
	color:#000000;
	font-size:9px;	
}
.blackLinks a:hover{
	color:#666666;
}

/****************************/
/*	MainPage Content End	*/
/****************************/

/****************************/
/*	Archive List Begin 		*/
/****************************/

#archiveList{
	border-collapse:collapse;
	border:1px solid #c38e8e;	
	margin:10px 0 40px 0;
	font-size:12px;
	width:100%;
	_width:94%;
}
#archiveList th{
	border:1px solid #c38e8e;
	background:url(../images/archiveListTh.jpg) repeat-x left top #ac6c6c;
	color:#FFFFFF;
	height:31px;	
	padding:0 5px 0 5px;
}
#archiveList td{
	border:1px solid #c38e8e;	
	font-family:"trebuchet MS", verdana, arial;
	font-size:11px;
	padding:2px;
	vertical-align:top;
}
#archiveList td a{
	text-decoration:none;
	color:#000000;
}
#archiveList td a:hover{
	color:#990000;;
}
.row1{
	background-color:#f9e8e8;
}
.row2{
	background-color:#fcf5f5;
}

/****************************/
/*	Archive List End 		*/
/****************************/

/****************************/
/*	Table List Begin 		*/
/****************************/

.tableList{
	border-collapse:collapse;
	border:1px solid #848484;	
	margin:10px 0 40px 0;
	font-size:12px;
}
.tableList th{
	border:1px solid #848484;
	background-color:#fffac1;
	padding:5px;
	font-size:12px;
}
.tableList td{
	border:1px solid #848484;	
	font-family:"trebuchet MS", verdana, arial;
	font-size:11px;
	padding:2px;
	vertical-align:top;
}
.tableList td p{
	margin:0;
	padding:0;
}
.tableList td a{
	text-decoration:none;
	color:#000000;
}
.tableList td a:hover{
	color:#990000;;
}
.tableListHead{
	height:40px;
	font-size:16px;
	background:url(../images/tableListTitle.jpg) left top repeat-x #bebebe;
}
/****************************/
/*	Table List End 		*/
/****************************/

/*	Begin Page Navigator	*/
#pageNavigator{
	margin-top:10px;
	width:100%;
	font-size:11px;
}
#pageNavigator a{
	text-decoration:none;
}
/*	End Page Navigator	*/

/* Begin Picture Frame */

.thumbNails{
	float:left;
	border:1px solid #000000;
	padding:5px;
	background-color:#FFFFFF;
	margin:0 10px 5px 0;
}
.thumbNails2{
	float:right;
	border:1px solid #000000;
	padding:5px;
	background-color:#FFFFFF;
	margin:0 0 5px 10px;
}

/* End Picture Frame*/

/* jobsList Begin*/ 

.jobsList{
	width:100%;
	border-collapse:collapse;
	border:1px solid #e6d1d0;	
	margin-top:15px;	
}
.jobsList th{
	background-color:#fefaf9;	
	text-align:left;
	border:1px solid #e6d1d0;	
	color:#9e4623;
	font-size:12px;
	padding:0 5px 0 10px;
/*	
	padding:5px;
	border:1px solid #CCCCCC;
	border-right:2px solid #CCCCCC;
	color: #000000; 
	font-size: 12px; 
	font-weight: bold;	
	text-align:right;	
	width:170px;
	background-color:#f5f5f5;
*/
}
.jobsList td{
	padding:5px;
	border:1px solid #e6d1d0;	
	margin:0;
	font:11px "trebuchet MS", verdana, arial;
	color:#000000;	
	background-color:#FBFCFF;
}
.jobsList td a{
	font:11px "trebuchet MS", verdana, arial;
	font-weight:bolder;
	color:#000000;
}

/* jobsList End*/


/* Product List Begin */

div#ProductPics{
	position:relative;
	border:1px solid #000000;
	padding:4px;
	float:left;
	margin:5px 10px 5px 0;
	background:url(../images/picturesBG.gif) left top repeat-x #FFFFFF;
}
.ProductPicsOther{
	position:relative;
	border:1px solid #000000;
	padding:4px;
	float:left;
	margin:0 5px 5px 0;
}
.ProductList{
	margin-top:10px;
	font-size:12px;
}
.ProductListOtherPics{
	font-size:12px;
	border-collapse:collapse;
}
.ProductListOtherPics h4{
	padding:0 0 0 10px;
	margin:0;
}

#albumlist {
	list-style-type: none;
	padding:0;
	margin:0;
}
#albumlist li {
	display:inline;
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#albumlist img {
	display: block;
	border: 1px solid #333300;
}

div#NewsPics{
	position:relative;
	border:1px solid #000000;
	padding:4px;
	float:left;
	margin:5px 10px 5px 0;
}

/* Product List End */

/********************************************************/
/*	Form Begin											*/
/********************************************************/

div#formDiv form p{
	clear:left;
	margin:0;
	padding:0;
	padding-top:7px;
}
div#formDiv form p label{
	float:left;
	text-align:right;
	width:100px;
	font-size:11px;
}
input.subtxt {
	vertical-align:middle;
	font-size:11px;
	color:#000000;
	text-indent:10px;
	background-color:#E1E1E1;
	border:1px inset #CCCCCC;
	width:200px;
	height:18px;
	margin-left:10px;	
}
select{
	vertical-align:middle;
	font-size:11px;
	color:#000000;
	text-indent:6px;
	background-color:#E1E1E1;
	border:1px inset #CCCCCC;
	width:200px;
	height:18px;
	margin-left:10px;	
}
input.submitButton {
	background:url(../images/login/submitBtn.jpg) left top no-repeat;
	width:81px;
	height:24px;
	border:none;
	cursor:pointer;
}
div#SaveBtn{
	margin-top:15px;
	margin-left:108px;
}
.btn{
	margin-left:10px;
	font-size:12px;
}
textarea{
	width:70%;
	height:150px;	
	font-family:"Trebuchet MS", Arial, sans-serif, "times New Roman";
	font-size:11px;
	padding:10px;
	margin-left:10px;		
	background-color:#E1E1E1;	
	border:1px inset #CCCCCC;	
}

/********************************************************/
/*	Form end											*/
/********************************************************/