/*

Theme Name: CustomMenuBall

Theme URI: http://philippines-web-design.com

Description: Custom Theme

Version: 1.0

Author: Clenn Sunico

Author URI: http://philippines-web-design.com

Tags: fixed width, Philippines Web Design, right sidebar, two columns, valid XHTML, Web Design, Website Design, widgets

*/







body

{

	margin: 0 auto;

	padding: 0;

	background-color: #FFFFFF;

	background-image: url('images/Page-BgTexture.jpg');

	background-repeat: repeat-x;

	background-attachment: scroll;

	background-position: top center;

}



#art-main

{

	position: relative;

	width: 100%;

	left: 0;

	top: 0;

}








div.wpcf7 {    margin:0 auto !important;    padding:0 !important;    width:90% !important;}div.wpcf7 .watermark {    color:#E76C0C !important;    font-weight:bold !important;	width:100% !important;}.wehelp{text-align:center !important;}
.wehelp h3{
	color:#FFFFFF;
	font-size:12px;
	text-align:center !important;

}.wehelp p{color:#fff;}
#art-page-background-gradient

{

	background-position: top center;

}





.cleared

{

	float: none;

	clear: both;

	margin: 0;

	padding: 0;

	border: none;

	font-size:1px;

}





form

{

	padding:0 !important;

	margin:0 !important;

}



table.position

{

	position: relative;

	width: 100%;

	table-layout: fixed;

}

/* end Page */



/* begin Box, Sheet */

.art-Sheet

{

	position:relative;

	z-index:0;

	margin:0 auto;

	width: 958px;

	min-width:1px;

	min-height:1px;

}



.art-Sheet-body

{

	position: relative;

	z-index: 1;

	padding: 0px;

}







.art-Sheet

{

	margin-top: 0px !important;

}



#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare

{

	min-width:958px;

}



/* end Box, Sheet */



/* begin Header */

div.art-Header

{

	margin: 0 auto;

	position: relative;

	z-index:0;

	width: 958px;

	height: 190px;

}





div.art-Header-jpeg

{

	position: absolute;

	z-index:-1;

	top: 0;

	left: 0;

	width: 958px;

	height: 190px;

	background-image: url('images/Header.jpg');

	background-repeat: no-repeat;

	background-position: center center;

}

/* end Header */



/* begin ContentLayout */

.art-contentLayout

{

	position: relative;

	margin-bottom: 0px;

	width: 958px;

}

/* end ContentLayout */



/* begin Box, Block */

.art-Block

{

	position:relative;

	z-index:0;

	margin:0 auto;

	min-width:15px;

	min-height:15px;

}

.art-Block-body

{
background: none repeat scroll 0 0 #3589EC;
	position: relative;

	z-index: 1;

	padding: 7px;

}



.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl

{

	position:absolute;

	z-index:-1;

}



.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl

{

	width: 14px;

	height: 14px;

	background-image: url('images/Block-s.png');

}



.art-Block-tl

{

	top:0;

	left:0;

	clip: rect(auto, 7px, 7px, auto);

}



.art-Block-tr

{

	top: 0;

	right: 0;

	clip: rect(auto, auto, 7px, 7px);

}



.art-Block-bl

{

	bottom: 0;

	left: 0;

	clip: rect(7px, 7px, auto, auto);

}



.art-Block-br

{

	bottom: 0;

	right: 0;

	clip: rect(7px, auto, auto, 7px);

}



.art-Block-tc, .art-Block-bc

{

	left: 7px;

	right: 7px;

	height: 14px;

	background-image: url('images/Block-h.png');

}



.art-Block-tc

{

	top: 0;

	clip: rect(auto, auto, 7px, auto);

}



.art-Block-bc

{

	bottom: 0;

	clip: rect(7px, auto, auto, auto);

}



.art-Block-cr, .art-Block-cl

{

	top: 7px;

	bottom: 7px;

	width: 14px;

	background-image: url('images/Block-v.png');

}



.art-Block-cr

{

	right:0;

	clip: rect(auto, auto, auto, 7px);

}



.art-Block-cl

{

	left:0;

	clip: rect(auto, 7px, auto, auto);

}



.art-Block-cc

{

	position:absolute;

	z-index:-1;

	top: 7px;

	left: 7px;

	right: 7px;

	bottom: 7px;

	background-color: #F3F1E7;

}





.art-Block

{

	margin: 15px;

}



/* end Box, Block */



/* begin BlockHeader */

.art-BlockHeader

{

	position:relative;

	z-index:0;

	height: 30px;

	padding: 0 7px;

	margin-bottom: 7px;

}



.art-BlockHeader .t

{

	height: 30px;

	color: #000000;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 12px;

font-style: normal;

font-weight: bold;

	white-space : nowrap;

	padding: 0 6px;

	line-height: 30px;	

}



.art-BlockHeader .l, .art-BlockHeader .r

{

	display:block;

	position:absolute;

	z-index:-1;

	height: 30px;

	background-image: url('images/BlockHeader.png');

}



.art-BlockHeader .l

{

	left:0;

	right:6px;

}



.art-BlockHeader .r

{ 

	width:958px;

	right:0;

	clip: rect(auto, auto, auto, 952px);

}











.art-header-tag-icon

{

    height: 30px;

	background-position:left top;

	background-image: url('images/BlockHeaderIcon.png');

	padding:0 0 0 12px;

	background-repeat: no-repeat;

	min-height: 12px;

	margin: 0 0 0 5px;

}





/* end BlockHeader */



/* begin Box, BlockContent */

.art-BlockContent

{

	position:relative;

	z-index:0;

	margin:0 auto;

	min-width:1px;

	min-height:1px;

}



.art-BlockContent-body

{

	position: relative;

	z-index: 1;

	padding: 8px;

}







.art-BlockContent-body

{

	color:#5C6459;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

}



.art-BlockContent-body a:link

{

	color: #6D6237;

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

}



.art-BlockContent-body a:visited, .art-BlockContent-body a.visited

{

	color: #848E80;

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

}



.art-BlockContent-body a:hover, .art-BlockContent-body a.hover

{

	color: #BB991B;

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: none;

}



.art-BlockContent-body ul

{

	list-style-type: none;

	color: #232622;

	margin:0;

	padding:0;

}



.art-BlockContent-body ul li

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 12px;

text-decoration: none;

  line-height: 1em;

  padding: 0px 0 0px 13px;

  background-image: url('images/BlockContentBullets.png');

  background-repeat: no-repeat;

}



/* end Box, BlockContent */



/* begin Box, Post */

.art-Post

{

	position:relative;

	z-index:0;

	margin:0 auto;

	min-width:1px;

	min-height:1px;

}



.art-Post-body

{

	position: relative;

	z-index: 1;

	padding: 5px;

}







.art-Post

{

	margin: 15px;

}



/* Start images */

a img

{

	border: 0;

}



.art-article img, img.art-article

{

	border: solid 1px #ffffff;

	margin: 1em;

}



.art-metadata-icons img

{

	border: none;

	vertical-align: middle;

	margin: 2px;

}

/* Finish images */



/* Start tables */



.art-article table, table.art-article

{

	border-collapse: collapse;

	margin: 1px;

	width:auto;

}



.art-article table, table.art-article .art-article tr, .art-article th, .art-article td

{

	background-color:Transparent;

}



.art-article th, .art-article td

{

	padding: 2px;

	border: solid 1px #C7BC8F;

	vertical-align: top;

	text-align:left;

}



.art-article th

{

	text-align: center;

	vertical-align: middle;

	padding: 7px;

}



/* Finish tables */



pre

{

	overflow: auto;

	padding: 0.1em;

}



/* end Box, Post */



/* begin PostHeaderIcon */

.art-PostHeader

{

	text-decoration:none;

	margin: 0.2em 0;

	padding: 0;

	font-weight:normal;

	font-style:normal;

	letter-spacing:normal;

	word-spacing:normal;

	font-variant:normal;

	text-decoration:none;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	text-indent:0;

	line-height:inherit;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-align: left;

	color: #FF4C00;

}



.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 21px;

font-style: normal;

font-weight: bold;

text-align: left;

	margin:0;

	color: #FF4C00;

}



/* end PostHeaderIcon */



/* begin PostHeader */

.art-PostHeader a:link

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: none;

text-align: left;

  color: #FF4C00;

}



.art-PostHeader a:visited, .art-PostHeader a.visited

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: none;

text-align: left;

  color: #FF4C00;

}



.art-PostHeader a:hover, .art-PostHeader a.hovered

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: none;

text-align: left;

  color: #FF4C00;

}

/* end PostHeader */



/* begin PostContent */

/* Content Text Font & Color (Default) */

body

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

  color: #000000;

}





.art-PostContent p 

{

	margin: 0.5em 0;

}



.art-PostContent, .art-PostContent p

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 14px;

font-style: normal;

font-weight: normal;

text-align: justify;

  color: #000000;

	line-height: 18px;

}



.art-PostContent

{

  margin:0;

}





/* Start Content link style */

/*

The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.

http://www.w3schools.com/CSS/css_pseudo_classes.asp

http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/

*/

a

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #FF4C00;

}



/* Adds special style to an unvisited link. */

a:link

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #FF4C00;

}



/* Adds special style to a visited link. */

a:visited, a.visited

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #FF4C00;

}



/* :hover - adds special style to an element when you mouse over it. */

a:hover, a.hover

{

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: none;

  color: #0D0099;

}



/* Finish Content link style */



/* Resert some headings default style & links default style for links in headings*/

h1, h2, h3, h4, h5, h6,

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited

{

  font-weight: normal;

  font-style: normal;

  text-decoration: none;

}





/* Start Content headings Fonts & Colors  */

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 28px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #002880;

}



h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover

{

font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #FF4C00;

}



h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover

{

font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #FF4C00;

}



h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 16px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #666F62;

}



h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 14px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #666F62;

}



h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover

{

font-family: Arial, Helvetica, Sans-Serif;

font-size: 14px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #666F62;

}

/* Finish Content headings Fonts & Colors  */

/* end PostContent */



/* begin PostBullets */

/* Start Content list */

ol, ul

{

	color: #3E443C;

	margin:1em 0 1em 2em;

	padding:0;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 14px;

}



li ol, li ul

{

	margin:0.5em 0 0.5em 2em;

	padding:0;

}



li 

{

	margin:0.2em 0;

	padding:0;

}



ul

{

	list-style-type: none;

}



ol

{

	list-style-position:inside;

	

}







.art-Post li

{

	padding:9px 0 9px 23px;

	line-height:.1em;

}



.art-Post ol li, .art-Post ul ol li

{

	background: none;

	padding-left:0;

}



.art-Post ul li, .art-Post ol ul li 

{

	background-image: url('images/PostBullets.png');

	background-repeat:no-repeat;

	padding-left:28px;

}





/* Finish Content list */

/* end PostBullets */



/* begin PostQuote */

/* Start blockquote */

blockquote,

blockquote p,

.art-PostContent blockquote p

{

	color:#0F100E;

font-family: Arial, Helvetica, Sans-Serif;

font-style: italic;

font-weight: normal;

text-align: left;

}



blockquote,

.art-PostContent blockquote

{

		border:solid 1px #D4CCAA; 

		margin:10px 10px 10px 50px;

	padding:5px 5px 5px 41px;

	background-color:#E9E4D3;

	background-image:url('images/PostQuote.png');

	background-position:left top;

	background-repeat:no-repeat;

}





/* Finish blockuote */

/* end PostQuote */



/* begin Button */

.art-button-wrapper .art-button

{

	display:inline-block;

	width: auto;

	outline:none;

	border:none;

	background:none;

	line-height:33px;

	margin:0 !important;

	padding:0 !important;

	overflow: visible;

	cursor: default;

	text-decoration: none !important;

	z-index:0;

	vertical-align: middle;

}



.art-button img, .art-button-wrapper img

{

  margin: 0;

}



.art-button-wrapper

{

	display:inline-block;

	vertical-align: middle;

	position:relative;

	height: 33px;

	overflow:hidden;

	white-space: nowrap;

	width: auto;

	z-index:0;

}



.firefox2 .art-button-wrapper

{

	display:block;

	float:left;

}



.art-button-wrapper .art-button

{

	display:block;

	height: 33px;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

	white-space: nowrap;

	text-align: left;

	padding: 0 21px !important;

	line-height: 33px;

	text-decoration: none !important;

	color: #000000 !important;

}



/*input, select*/

input, select, textarea

{

  vertical-align: middle;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

}



.art-button-wrapper.hover .art-button, .art-button:hover

{

	color: #000000 !important;

	text-decoration: none !important;

}



.art-button-wrapper.active .art-button

{

	color: #FCF9ED !important;

}



.art-button-wrapper .l, .art-button-wrapper .r

{

	display:block;

	position:absolute;

	z-index:-1;

	height: 99px;

	background-image: url('images/Button.png');

}



.art-button-wrapper .l

{

	left:0;

	right:10px;

}



.art-button-wrapper .r

{

	width:409px;

	right:0;

	clip: rect(auto, auto, auto, 399px);

}



.art-button-wrapper.hover .l, .art-button-wrapper.hover .r

{

	top: -33px;

}



.art-button-wrapper.active .l, .art-button-wrapper.active .r

{

	top: -66px;

}





/* end Button */



/* begin Footer */

.art-Footer

{

	position:relative;

	z-index:0;

	overflow:hidden;

	width: 958px;

	margin: 5px auto 0px auto;

}



.art-Footer .art-Footer-inner

{

	height:1%;

	position: relative;

	z-index: 0;

	padding: 0px;

	text-align: center;

}



.art-Footer .art-Footer-background

{

	position:absolute;

	z-index:-1;

	background-repeat:no-repeat;

	background-image: url('images/Footer.png');

	width: 958px;

	height: 150px;

	bottom:0;

	left:0;

}





.art-Footer .art-Footer-text p

{

	margin: 0;

}



.art-Footer .art-Footer-text

{

	display:inline-block;

	color:#36311B;

font-family: Arial, Helvetica, Sans-Serif;

font-size: 11px;

}



.art-Footer .art-Footer-text a:link

{

	text-decoration: none;

	color: #776B3C;

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

}



.art-Footer .art-Footer-text a:visited

{

	text-decoration: none;

	color: #1B1E1A;

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: underline;

}



.art-Footer .art-Footer-text a:hover

{

	text-decoration: none;

	color: #9C7F16;

font-family: Arial, Helvetica, Sans-Serif;

text-decoration: none;

}

/* end Footer */



/* begin PageFooter */

.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover

{

	font-family:Arial;

	font-size:10px;

	letter-spacing:normal;

	word-spacing:normal;

	font-style:normal;

	font-weight:normal;

	text-decoration:underline;

	color:#B3911A;

}



.art-page-footer

{

	margin:1em;

	text-align:center;

	text-decoration:none;

	color:#887A44;

}

/* end PageFooter */



/* begin LayoutCell */

.art-contentLayout .art-content

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 641px;

}

.art-contentLayout .art-content-wide

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 956px;

}

/* end LayoutCell */



/* begin LayoutCell */

.art-contentLayout .art-sidebar1

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 315px;

}

/* end LayoutCell */







.commentlist, .commentlist li

{

	background: none;

}



.commentlist li li

{

	margin-left:30px;

}



.commentlist li .avatar

{

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	margin:1px;

	background: #fff;

}



.commentlist li cite

{

	font-size:1.2em;

}



#commentform textarea

{

	width: 100%;

}



img.wp-smiley

{

	border:none;

	margin:0;

	padding:0;

}



.navigation

{

	display: block;

	text-align: center;

}



/* Recommended by http://codex.wordpress.org/CSS */

/* Begin */

.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter

{

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft

{

	float: left;

}



.alignright

{

	float: right;

}



.alignright img, img.alignright

{

	margin: 1em;

	margin-right: 0;

}



.alignleft img, img.alignleft

{

	margin: 1em;

	margin-left: 0;

}



.wp-caption

{

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

}



.wp-caption img

{

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text

{

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End */





.hidden

{

	display: none;

}



/* Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

}



#wp-calendar caption {

	text-align: center;

	width: 100%;

}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

}



.gallery {

    letter-spacing: normal;

}



#todays-events{

  position: relative;

  z-index: 11;    

}



#upcoming-events{

  position: relative;

  z-index: 10;    

}





#buttons-overlay

{

position:absolute;

top: 142px;

left: 0;

z-index:999;

}









.flash {

	height: 323px;

	width: 928px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-image: url('images/homeflash.jpg');

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 0px;

	padding-left: 0px;

}

.printflash {

	height: 323px;

	width: 928px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-image: url('images/printflash.jpg');

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 0px;

	padding-left: 0px;

}



.flash2 {

	height: 128px;
	width: 888px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-left: 0px;

}



.footerbg {

	height: 158px;
	width: 100%;
	background-color: #1a1a1a;
	background-image: url('images/footer-bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	color: #999999;
	text-align: center;
	padding-top: 28px;
	font-size: 11px;
	clear: both;
}
.footerbg a:hover {
	color: #999999;
}
.footerbg a:visited {
	color: #999999;
}




.htext-overlay {
	height: 158px;
	width: 500px;
	padding-top: 30px;
	padding-left: 38px;
	font-size: 26px;
	color: #0057a6;
	font-weight: bold;
}

.printstyle {

	color: #0057a6;

	font-style: italic;

}




.home-prod {
	height: 228px;
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url('images/submenu.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.footerbg a{ color: #999999 !important;}
.blck-bttn a {
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 145px;
	float: left;
	height: 208px;
	padding-top: 13px;
}
.block-spacez {
	float: left;
	height: 180px;
	width: 40px;
}




#em-overlay
{
position:absolute;
top: 100px;
left: 550px;
z-index:999;
}

#logo-overlay
{
position: absolute;
top: 21px;
left: 7px;
z-index: 999;
height: 107px;
border:none;
}

#logo-overlay img
{
border:none;
}


.youtube a {
    background: url("images/youtube.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #000000;
    display: block;
    font-size: 14px;
    line-height: 31px;
    padding-left: 32px;
    text-decoration: none;
}