/*

Template Design by ZhengDesign.com

http://www.zhengdesign.com

Released for free under a Creative Commons Attribution-Share Alike 3.0 Philippines

*/



* {

	margin: 0;

	padding: 0;

}



body {

	margin: 10px 0px;

	padding: 0px;

	background: #36393E url(images/image01.jpg) repeat left top;

	text-align: justify;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #767676;



}



.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }



.cleaner_h10 { clear: both; width:100%; height: 10px; }

.cleaner_h20 { clear: both; width:100%; height: 20px; }

.cleaner_h30 { clear: both; width:100%; height: 30px; }

.cleaner_h40 { clear: both; width:100%; height: 40px; }

.cleaner_h50 { clear: both; width:100%; height: 50px; }

.cleaner_h60 { clear: both; width:100%; height: 60px; }



a:link, a:visited { color: white; text-decoration: none; font-weight: normal; } 

a:active, a:hover { color: black;}



p { margin: 0px; padding: 0px; }



img { margin: 0px; padding: 0px; border: none; }



.float_l {

	float: left;

}



.float_r {

	float: right;

}



.divider {

	background: url(images/divider.html) repeat-x bottom;

}



.button_01 a {

	display: block;

	width: 70px;

	height: 22px;

	padding: 5px 2px 0 30px;

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	background: url(images/templatemo_button_01.html) no-repeat;

}



.button_01 a:hover {

	color: #ffffff;

	background: url(images/templatemo_button_01_hover.html) no-repeat;

}





















p, ul, ol {

	margin: 0px;

	padding: 0px;

	line-height: 23px;

}



h1, h2, h3 {

	margin: 0px;

	padding: 0px;

}



h1 {

	font-size: 2em;

}



h2 {

	font-size: 1.4em;

}



h3 {

	font-size: 1em;

}



p, ul, ol {

	margin-top: 1.5em;

}



ul, ol {

	margin-left: 3em;

}



a {

	color: #00BFF5;

}



blockquote {

	margin-left: 3em;

	margin-right: 3em;

}



#header {

	width: 990px;

	height: 390px;

	margin: 0 auto;

	padding: 0 0 0 0;

	

}





#logo {

	width: 200px;

	padding-top: 0px;

	float:right;

}



#logo h1 {

	margin: 90px 0px 0px 0px;

	padding: 0px;

	letter-spacing: -3px;

	text-align: center;

	text-transform: uppercase;

	font-weight: normal;

	font-size: 34px;

	color: #FFFFFF

}



#logo p {

	margin: -8px;

	padding: 0px 0px 0px 12px;

	text-align: center;

	text-transform: uppercase;

	font-size: 11px;

	font-weight: normal;

	color: #FFFFFF

}



#logo span {

	margin: 0px;

	padding: 0px;

	font-size: 16px;

}



#logo a {

	text-decoration: none;

	color: #FFFFFF

}



#splash {

	width: 990px;

	height: 300px;

	margin: 0px auto;

	padding: 30px 0px;

}



#content {

	width: 990px;

	margin: 0px auto;

	padding: 40px 0px;

	background: #FFFFFF;

}



#page {

	width: 900px;

	margin: 0px auto;

	padding: 0px 30px;

	 font-size:19px;

	

}



#column1 {

	float: left;

	width: 520px;

	padding-right: 30px;

}



#column1 h2 {

	padding-bottom: 6px;

	letter-spacing: -1px;

	text-transform: capitalize;

	font-size: 28px;

	font-weight: normal;

	color: #525250;

}





#columncaption {

	float:left;

	width: 240px;

	

}



#columncaption h2 {

	padding: 6px 10px;

	background: #00C6FF;

	text-transform: capitalize;

	font-size: 20px;

	font-weight: normal;

	color: #FFFFFF;

}



#columncaption1 {

	float:none;

	width: 900px;

	}



#columncaption1 h2 {

	padding: 6px 10px;

	background: #00C6FF;

	text-transform: capitalize;

	font-size: 20px;

	font-weight: normal;

	color:#FFFFFF;



	

}





#column2 {

	float: right;

	width: 290px;

}



#column2 h2 {

	padding: 6px 10px;

	background: #00C6FF;

	text-transform: capitalize;

	font-size: 20px;

	font-weight: normal;

	color: #FFFFFF;

}



#column2 ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



#column2 li {

	margin: 0px 10px;

	padding: 8px 0px;

	background: url(images/image03.jpg) repeat-x left bottom;

}



#column2 li a {

	padding-left: 15px;

	text-decoration: none;

	background: url(images/image02.jpg) no-repeat left 6px;

}



#vision {

	float: right;

	width: 294px;

	padding-left: 0px;

     margin-top:49px;    

}



#vision h2 {

	padding: 6px 10px;

	background: #00C6FF;

	text-transform: capitalize;

	font-size: 20px;

	font-weight: normal;

	color: #FFFFFF;

}



#columnpage {

	float: right;

	width: 900px;

	padding-left:20px;

	padding-bottom:20px;

	

}



#columnpage h2 {

	padding-bottom: 6px;

	letter-spacing: -1px;

	text-transform: capitalize;

	font-size: 20px;

	font-weight: normal;

	color: #FFFFFF;

}



.separator {

}



.more {

	padding: 3px 10px;

	background: #474747;

	text-decoration: none;

	font-size: 10px;

	color: #FFFFFF;

}



#footer {

	width: 900px;

	margin: 0px auto;

	padding: 5px 0px;

}



#footer p {

	text-transform:none;

	font-size: 10px;

	color: #90908E;

}



#footer .links {

	text-decoration: none;

	color: #FFFFFF;

}



.image-left {

	float: left;

	padding: 0px 20px 0px 0px;

}









table.gridtable {

	font-family: verdana,arial,sans-serif;

	font-size:12px;

	color:#333333;

	border-width: 1px;

	border-color: #666666;

	border-collapse: collapse;

	width:900px;

	font-size:19px;

}

table.gridtable th {

	border-width: 1px;

	padding: 4px;

	border-style: solid;

	border-color: #666666;

	background-color: #dedede;

	

}

table.gridtable td {

	border-width: 1px;

	padding: 4px;

	border-style: solid;

	border-color: #666666;

	background-color: #ffffff;

	

}









#columnpage1 {

	float:none;

	width: 400px;

	padding-left:10px;

	padding-bottom:10px;

	

}



#columnpage2 {

	float:none;

	width: 129px;

	padding-left:10px;

	padding-bottom:10px;

 padding-top:10px;

 padding-right:10px;

	

}







ul 

{

	width: 990px;

  height : 40px;

   margin  : 0 auto;

  list-style-type: none;

  padding : 10px 0 10px 0;

  overflow: hidden;

  background-color: #000000;

  font-size: 19px;

}



li {

  float: left;



}



li a, .dropbtn {

  display: inline-block;

  color: white;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

 color:#FFFFFF;

}



li a:hover, .dropdown:hover .dropbtn {

  background-color: white;

  color:Black;

}



li.dropdown {

  display: inline-block;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: white;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



.dropdown-content a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

  text-align: left;

}



.dropdown-content a:hover {background-color: #f1f1f1;}



.dropdown:hover .dropdown-content {

  display: block;

  

}





.nav{

   

     

      text-align: center;

      position: absolute;

      width: 100%;



   }

  

   .box{

     width: 60%;

      margin: 10px auto;

      background: white;

      padding: 10px;

      font-size: 10px;

   }