/*
	2009/7/17
	css style document created by:
	Ivan L. Rubio / Gary Ferrer Tunac	
*/

body {  
	background-image: url(../images/bottom_page_bg3.jpg);
	background-position: bottom;	
	background-color: #cee5f3;	
	background-repeat: repeat-x;	
	padding: 0;
    margin: 0;
    font-family: Arial, Verdana;
    font-size: 12px;
}

img 				{ border: none; }
a:link    			{ text-decoration: none;  color: #000; }
a:visited			{ text-decoration: none;	color: #000; }
a:hover   			{	text-decoration: none;	color: #06F; }
a:active  			{	text-decoration: none;	color: #000; }


/* Utilities Section */
.clear {clear: both; }
.floatLeft {float: left;}
.floatRight {float: right;}
.center {text-align: center;}
.white-text {color: #FFFFFF;}
.first-letter {color: #ff0000; font-size:xx-large;}
.red-text {color: #FF0000; font-weight: bold;}
.bullets ul li {
	font-size: 12px;	
	list-style-image: url(../images/li-image.jpg);
	margin: 0;
	padding:0;
	}
.bullets ol li {
	font-size: 12px;	
	margin: 0;
	padding:0;
	}
.photo-left {float: left; padding: 0 5px 5px 0;}
.photo-right {float: right; padding: 0 5px 5px 0;}
.photo-center {padding: 0 5px 5px 0; text-align:center;}
.y-space {
	padding: 20px 0 0 0;
}

hr {
		display: block;
		position: relative;
		padding: 0;
		margin: 8px auto;
		height: 0;
		max-height: 0;
		width: 95%;
		clear: both;
		border: none;
		border-top: 1px solid #AAA;
		border-bottom: 1px solid #FFF;
		font-size: 1px;
		line-height: 0; 
	}
	

.section-title { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
/* End of Utilities Section */	



#super-wrap { background-image: url(../images/top_page_bg.jpg); 
	background-position: top;
	background-repeat: repeat-x;
	}

#wrapper {
	width: 940px;
	margin: 0 auto;
	background-image: none;
}

#header {
	width: 940px;
	height: 105px;
	background: url('../images/headers3.png') no-repeat;
}
	#header .globalmenu {
	float: right;
	padding-right: 10px;
	padding-top: 10px;		
	}
	
		.globalmenu a{
			color: #FFFFFF;
		}
		.globalmenu a:hover{
			color: #4792CA;			
			text-decoration:underline;
		}
		.globalmenu a:visited{
			color:#c3f2f8;
		}

/* Navigation CSS Section **/
.navigation { 
	background:url(../images/navigation-background.jpg) repeat-x;
	width:940px;
	height:27px;
	font: Verdana, Arial, Helvetica, sans-serif;
	}

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.9em; 
	background-color:#004f96;
}

#nav a{
	display:block;
	padding:2px 8px;
	border:0px solid #10599b;
	color:#fff;
	text-decoration:none;
}

#nav a:hover{
	color:#fff;
}

#nav li{
	float:left;
	position:relative;
}

#nav li.nav{
	background: url(../images/navigation-middle.jpg) no-repeat;
	padding:0 0 0 4px;
	float:left;

}
#nav li.nav-home{
	padding:0 0 0 4px;
	float:left;

}
#nav li.arrow{
	background: url(../images/navigation-arrow.jpg) no-repeat   center right; 
	width:12.9em;
	float:left;

}

#nav ul {
	position:absolute;
	border:1px solid #10599b;
	display:none;
	width:13.8em;
	top:2.25em;
}

#nav li ul a{
	border:1px solid #10599b;
	width:12.5em;
	height:auto;
	float:left;
}

#nav li ul a:hover{
	background-color: #10599b;
	color:#fff;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:13em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

.search {border: none;  width: 200px; height: 10px; float: right;  margin: 0; padding: 0; }
.search button, .search input { border: none;  }
.search input.box { background: url(../images/search2.jpg) no-repeat;  font-size: 12px; font-weight: normal; width: 152px; height: 23px; padding: 3px 0 0 5px; color: #fff;  }
.search button.btn {
	width: 19px;
	height: 17px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../images/search-button.png) no-repeat;
	margin: 0 0 0 5px;
}


/* End of Navigation CSS Section */


#featured {
	width:940px;
	height:375px;
	margin-top: 5px;
	background-image: url(../images/featured-about-pnoy.jpg);
	background-repeat: no-repeat;
}

#featured-about {
	width:940px;
	height:375px;
	margin-top: 5px;
	background-image: url(../images/featured-about.jpg);
	background-repeat: no-repeat;
}

#mainbody {
    background-color: White;  
	width:940px;
	height: auto;
	border: 0px solid #000;
	margin-top: 5px;
}

#featured-charity {
	width:940px;
	height:375px;
	margin-top: 5px;
	background-image: url(../images/featured-charity-size3.jpg);
	background-repeat: no-repeat;
}

#featured-games {
	width:940px;
	height:375px;
	margin-top: 5px;
	background-image: url(../images/featured-games-update.jpg);
	background-repeat: no-repeat;
}

	#mainbody .box1 {
		width: 310px;
		/*height: auto;*/
		height: 700px;
		margin: 0 0 0 0;	
		float: left;	
		border: 1px solid #c3f2f8;
	}
		.box1 h3 {
			font-size: 12px;
			font-weight: bold;
		}
		
		
		.box1 .title1{
			 background:url(../images/quick-link.jpg) no-repeat;
			 width: 310px;
			 height: 30px;		
		}
		
		.box1 .sidebar-title{
			 background:url('../images/charity-services.jpg') no-repeat;
			 width: 310px;
			 height: 30px;		
		}
		.box1 ul li {
			font-size: 12px;	
			list-style-image:url('../images/li-image.jpg');
			margin: 0;
			padding:0;
		}
		
		.box1 ul li a{
			color: #4792CA;
		}
		.box1 ul li a:hover{
			color: #06F;
			text-decoration:underline;
		}
		.box1 ul li a:visited{
	color: #4792CA;
	font-size: 14px;
		}
		
		.figures {
			padding: 0 10px;
			
		}
		
	#mainbody .box2 {
		width: 310px;
		/*height: auto;	*/
		height: 700px;
		margin: 0 0 0 2px;	
		float: left;
		border: 1px solid #c3f2f8;		
		text-align: center;
	}
		.box2 .title2{
			 background:url(../images/what-new.jpg) no-repeat;
			 width: 310px;
			 height: 30px;		
		}
		
		.box2 .box2-content {
			width: 310px;
			height:auto;
			margin: 5px 0;
			border-bottom: 2px solid #c3f2f8;			
		}

	
	#mainbody .box3 {
		width: 310px;		
		/*height: auto;*/
		height: 700px;
		margin: 0 0 0 2px;	
		float: left;
		border: 1px solid #c3f2f8;
	}
		.box3 .title3{
			 background:url(../images/game-update.jpg) no-repeat;
			 width: 310px;
			 height: 30px;		
		}
		.box3 .box3-content {
			width: 310px;
			height:auto;
			margin: 5px 0;			
			border-bottom: 2px solid #c3f2f8;
			text-align:center;
		}
		
		.box3 .box3-content .gamelogo {
			width: 310px;
			height:75;
		}
		
		.box3 .box3-content  .gameresult-winningcombination {
	width: 310px;
	height:75;
	font-family: Arial, Verdana;
	font-size:12px;
	color:Blue;
		}
		
		.box3 .box3-content  .gameresult-jackpotprice {
			width: 310px;
			height:75;
		    font-family: Arial, Verdana;
            font-size:12px;
            color:Red;
		}
		
		.box3 .box3-content  .gameresult-drawdate {
	width: 310px;
	height:75;
	font-family: Arial, Verdana;
	font-size:12px;
	font-weight:bolder;
	color:Black;
	height: 20px;
		}
		
		
		/* Box Bottom Navigation */
		.boxs-nav {
			width: 310px;
			height:auto;
			margin: 5px 0;			
		}
			
		#boxs-nav, #boxs-nav ul{
			margin:0;
			padding:0;
			list-style-type:none;
			list-style-position:outside;
			position:relative;
			line-height:1.9em; 		
		}

		#boxs-nav a{
			display:block;
			padding:2px 8px;
			color:#218f9c;
			font-weight: bold;
			text-decoration:none;
		}

		#boxs-nav a:hover{
			color: #06C;
		}

		#boxs-nav li{
			float:left;
			position:relative;
		}

		
	
	/* Css for Charity */
	
	
	#mainbody .charitycontent {
		width: 617px;
		/*height: auto;*/
		height: 700px;
		margin: 0 0 0 5px;	
		float: left;
		border: 1px solid #c3f2f8;	
	}
	
	.charitycontent .title-charity{
			 background:url(../images/contenthead/charity-contenthead.jpg) no-repeat;
			 width: 617px;
			 height: 30px;	
 	}
	.charitycontent .cha-content {
			width: 617px;
			height:auto;
			margin: 5px 0;			
	}
	
	#charitywrap {
	padding: 5px 5px 5px 5px;
	}
	
		.charitycontent .leftcolumn {
		float: left;
		width: 295px;
		}
		.charitycontent .rightcolumn {
		float: left;
		width: 295px;
		margin-left: 10px;
		}	
		
#footer {
	font-size: 12px;
	height: auto;
	padding:5px 0 5px 0;
	margin: 5px 0 5px 0;
	/*border-top: 1px #4792CA solid;*/
	text-align: center;	
}
	
	#footer a{
			color: #FFFFFF;
		}
		
	#footer a:hover{
			color: #4792CA;
			text-decoration:underline;
		}
		
	#footer a:visited{
			color:#c3f2f8;
		}
	
	

#bottom-bg {
	height: 8px;
	background-color: #000000;
}


/* Search Page */

#mainbody .search-area {
		width: 940px;
		/*height: auto;*/
		min-height: 700px;		
		margin: 0 0 0 0;	
		float: left;	
		border: 1px solid #c3f2f8;
	}
	
	.search-area .title1{
			 background: url(../images/contenthead/search-contenthead.jpg) no-repeat;
			 width: 940px;
			 height: 30px;		
		}
	.search-area .content { margin:5px;  }

/* Google Custom Search */

#cse-search-box{border: none;  width: 200px; height: 10px; float: right;  margin: 0; padding: 0; }
#cse-search-box input.box {
	background: url(../images/search2.jpg) no-repeat;
	font-size: 12px;
	font-weight: normal;
	width: 152px;
	height: 23px;
	padding: 3px 0 0 5px;
	color: #000000;
}