/*



	Style Index



	



	$1 - Site Structure Styles



	$2 - i like U 



	$3 -I really like U



	$4 - dj



*/







/*--- editor body ---*/



body.mceContentBody {



background-color: #FFFFFF !important;



background-image: none;



}







/* undohtml.css 

PLS BE CAREFUL WITH MY ...

this CSS is modified thanx sa source ko di ako maxado nahirapan

sa susunod na gagamit be careful sa editing. 888Goodluck888 */



body.contentpane {background:#fff; margin: 20px;}



body.contentpane .contentheading {color:#900;



	font-size: 1.75em;



	line-height: 1.75em;



	font-weight: bold;



}



:link,:visited { text-decoration:none }



ul,ol { }



h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input



{ margin:0; padding:0 }



.rightdes{text-indent:-5000px;text-decoration:none;}



a img,:link img,:visited img { border:none }



address { font-style:normal }



a:focus {outline:0;}



.designer {margin:14px 5px 0px 5px;color: #d6d6d6;text-align:right;}



.designer a:link,.designer a:visited{color: #d6d6d6;font-size:0.8em;text-decoration:none;}



.designer a:hover {color:#666;}







/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/



/* @group Basic Styles */



html, body {



	height:100%;



	font-family:"Tahoma", Verdana, "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	background-color: #fff;



}







a:focus {



	outline: 0;



}







#mainbody ul {



	padding-left: 20px;



}







p {



	margin: 1em 0;



	color: #666;



	line-height: 145%;



}







td {



	color: #666;



}











ul, li {



	margin: 0;



	padding: 0;



}







img {



	border: none;



}







.clear {



	clear: both;



}







#main_content h1 {



	font: bold 2.5em/1.5em Helvetica, Arial, Verdana, serif;



	letter-spacing: -1px;



	color: #670001;



}







#main_content h2 {



	font: bold 2em/1.75em Arial, Verdana, serif;



	letter-spacing: -1px;



	color: #000;



}







#main_content h3 {



	font: bold 1.5em/1.75em Arial, Verdana, serif;



	letter-spacing: -1px;



	color:#000033;



}



#main_content h4 {



	font: bold 1.25em/1.5em Arial, Verdana, serif;



	letter-spacing: -1px;



	color:#000033;



}







ul#checklist li {



	list-style: none;



	line-height: 16px;



	padding: 2px 0px 2px 18px;



	background: url(../images/tick.png) no-repeat left center;



}



blockquote {



	background: #fffee4;



	color: #333;



	border: 1px solid #d5d5d5;



	padding: 10px;



	margin: 10px 50px;



}







/* @end */







table.table-wrapper {



	height:100%;



	padding:0;



	background:#FFFFF;



	border-bottom:7px solid# 000033;



	}







#header {

	position:relative;

	height: 30;

	overflow: hidden;

	z-index: 45;



	}



	







#site-container {	



	background:#fff url(../images/site-bg.jpg) repeat;



	}







#container {



	width:780px;



	margin:0 auto;



	}







#content-container {



	width:780px;



	padding-bottom:0px;



	font:1em "Tahoma", Verdana, "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	color:#4A4537;



}



	



#left_sidebar {



	width:21%;



	padding:0 2%;



	}



	



#maincol {



	width:25%;



	padding:0 2%;



	background:url(../images/border-line.gif) 0px 40px no-repeat;



	}



	



#rightcol {



	width:42%;



	padding:0 2%;



	background:url(../images/border-line.gif) 0px 40px no-repeat;



	}



	



#left_sidebar { width:160px; padding:5px;line-height:2;



	background: #DFDCD7 url(../images/border-line_left.gif) repeat-y left;

	background-color:#002449;



}



#left_sidebar2 { width:50px; padding:2px;line-height:2;



	background: #aac4dd url(../images/border-line_left.gif) repeat-y left;

	background-color:#aac4dd;

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

}

#left_sidebar2a { width:50px; padding:2px;line-height:2;



	background: #aac4dd url(../images/border-line_left.gif) repeat-y left;

	background-color:#aac4dd;

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

}



#left_sidebar2b { width:50px; padding:2px;line-height:2;



	background: #aac4dd url(../images/border-line_left.gif) repeat-y left;

	background-color:#aac4dd;

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

}

#left_sidebar2c { width:50px; padding:2px;line-height:2;



	background: #aac4dd url(../images/border-line_left.gif) repeat-y left;

	background-color:#aac4dd;

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

}

#left_sidebar2d { width:90px; padding:2px;line-height:2;



	background: #aac4dd url(../images/border-line_left.gif) repeat-y left;

	background-color:#aac4dd;

	background-image: url(../images/button-search-bg.gif);

}



#left_sidebar3 { width:160px; padding:2px;line-height:2;



	background: #DFDCD7 url(../images/border-line_left.gif) repeat-y left;

	background-color:#002449;

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

	

	

}



#left_sidebar h3, #right_sidebar h3 {



	padding: 5px;



	margin: 0;



	background: url(../images/lower-content-bg.gif) repeat-x;



	margin: -5px -5px 5px -5px; 



	font-weight: bold;



	height: 27px;



	line-height: 18px;



	text-indent: 5px;

	

	color:#FFFFFF;



}







#main_content { padding:5px; }



#right_sidebar {

	width:130px;

	padding:5px;

	line-height:1.5;

	background: #aac4dd url(../images/border-line_right.gif) repeat-y right;

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

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #333333;

	text-decoration: none;	



	}



	



#lower-content {



	background: url(../images/lower-content-bg.gif) repeat-x;



	padding-bottom:20px;



	}







.lower-content-container {



	width:780px;



	margin:0 auto;



	font:1em "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	line-height:1.5;



	background:url(../images/border-line.gif) 100% 40px no-repeat;



	}



.footer {



	text-align:center;



	margin-top:-23px;



}



/* $2 - i like U */



.headertb {



height: 142px;

width: 780px;

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

}

.headerslidesdanijay {

	height: 35px;

	width: 779px;

	border-top: 2px none #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	border-left: 1px solid #666666;

}

.footdanijay {

	height: 26px;

	width: 780px;

	background:#fff url(../images/foot.gif) repeat-x;

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

	font-size: 11px;

	font-style: normal;

	font-variant: normal;

	color: #333333;

	text-decoration: none;

}





.header-logo {



	height:10px;



	padding-top:1px;

	

	



	}



.header-logo h1 a {



	color: #FFF;



	padding:0;



	margin: 0;



	font: 38px/38px Georgia, "Times New Roman", Times, serif;



	text-decoration: none;



}



.header-logo h2 {



	color: #000033;



	font: 20px/20px Georgia, "Times New Roman", Times, serif;



	padding:0;



	margin: 0;



}







#header-functions {



	position:absolute;



	top:20px;



	right:0;



	width:250px;



	}







p.date {



	padding-left:5px;



	font:bold 1em "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	color:white;



	letter-spacing:1px;



	margin:0 0 6px 0;



	}







.moduletable-search {



	padding-left:0px;



	}







.search-search input {



	float:left;



	border:none;



	}







.search-search input {



	height:19px;



	width:199px;



	padding:0 3px;



	margin-right:2px;



	background:url(../images/search-bg.gif) no-repeat;



	}







.search-search input.button-search {



	height:19px;



	width:30px;



	padding:0;



	background:url(../images/button-search-bg.gif) no-repeat;



	font:bold 1em "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	color:white;



	cursor:pointer;



	}











/* $3 - I really like U */







a,



a:link,



a:visited {



	color:#f7f7f7;



	}







a:hover {



	text-decoration:underline;



	}











/*Content Links*/







#content-container td.contentheading, #content-container .contentheading {



	color:#000033;



	text-align: left;



	text-decoration:none;



	font: normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;



	padding: 0;



	border-bottom: 1px solid #ccc;



}



#content-container a.contentpagetitle:link,#content-container a.contentpagetitle:visited {



	color:#000033;



	text-align: left;



	text-decoration:none;



	font: normal 1.5em "Trebuchet MS", Geneva, sans-serif;



}







#content-container a.contentpagetitle:hover {color:#000;text-decoration:none;}



#content-container .componentheading {color:#000033;font:bold 1.5em Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc;}



#content-container div.sitemap h2.componentheading {



    color           :#000033;



	text-align      : left;



	text-decoration :none;



	font            : normal 1.5em/1.5em "Trebuchet MS", Geneva, sans-serif;



	padding         : 0;



	border-bottom   : 1px solid #ccc;



}	











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



	color:#000033;



	font-family:"Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	}







.lower-content-container h3 {



	height:35px;



	line-height:31px;



	font-size:13px;

	

	color:#FFFFFF;



	}







div#content-container ul, div#content-container ol, #lower-content ul, #lower-content ol {



	margin-left: 20px;



	}



	



div#content-container ul#mainlevel, #lower-content ul#mainlevel {



	margin-left:0px;



	list-style:none;



	}



	



img {



	border:none;



	}











.lower-content-container .moduletable {



	padding:0 0 15px 0;



	margin-bottom:15px;



	background:url(../images/border-hz.gif) 0% 100% no-repeat;



	}







.clearfix:after {



    content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;







}







.clearfix {display:inline-block;}











/* MainMenu Expandable Tables */







#left_sidebar a.mainlevel-sidenav, #left_sidebar a.mainlevel-sidenav2 {



	height: 20px;



	line-height: 20px;



	display: block;



	padding: 0px 0px 0px 12px;



	background: url(../images/mainlevel.gif) no-repeat 0% 50%;



	color: #333;



	margin: 1px 0px 1px 0px;



	border-top: 1px solid #fff;



	font-size: 13px;



	text-decoration: none;



}







#left_sidebar a.mainlevel-sidenav:hover, #left_sidebar a.mainlevel-sidenav2:hover {



	height: 20px;



	line-height: 20px;



	display: block;



	padding: 0px 0px 0px 12px;



	background: url(../images/mainlevel_over.gif) no-repeat 0% 50%;



	color: #333;



	margin: 1px 0px 1px 0px;



	border-top: 1px solid #fff;



	font-size: 13px;



	text-decoration: none;



}







#left_sidebar a.sublevel, #left_sidebar a.sublevel-sidenav, #left_sidebar a.sublevel-sidenav2 {



	line-height: 16px;



	display: block;



	padding: 0px 0px 2px 10px;



	color: #000033;



	margin-bottom: 1px;



	background: url(../images/mainlevel_sub.gif) no-repeat 0 50%;



	text-decoration: underline;



	font-size: 12px;



}







#left_sidebar a.sublevel:hover, #left_sidebar a.sublevel-sidenav:hover, #left_sidebar a.sublevel-sidenav2:hover {



	color: #333;



	text-decoration: underline;



}



/* MainMenu Flat List */















#left_sidebar ul#mainlevel, #left_sidebar ul#mainlevel-sidenav, #left_sidebar ul#mainlevel-sidnav2, #left_sidebar a.mainlevel-sidenav,#left_sidebar a.mainlevel-sidenav2, #left_sidebar a.mainlevel, #left_sidebar a.sublevel, #left_sidebar a.sublevel-sidenav, #left_sidebar a.sublevel-sidenav2 {



	font: normal normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;



}







#left_sidebar ul#mainlevel li a, #left_sidebar ul#mainlevel-sidenav li a, #left_sidebar ul#mainlevel-sidenav2 li a {



	height: 16px;



	display: block;



	padding: 2px 0px 2px 5px;



	margin-bottom: 1px;



	color: #000033;



	text-decoration: none;



	border: none;



	background: url(../images/mainlevel.png) repeat-x 0 0;



}







#left_sidebar ul#mainlevel li a:hover, #left_sidebar ul#mainlevel-sidenav li a:hover, #left_sidebar ul#mainlevel-sidenav2 li a:hover {



	height: 16px;



	display: block;



	padding: 2px 0px 2px 5px;



	margin-bottom: 1px;



	background: url(../images/mainlevel.png) repeat-x 0 -20px;



	color: #000033;



	text-decoration: none;



	border: none;



}



/* @end */











/* $4 Dj  */







#navbar ul { /* all lists */



	padding: 0;



	margin: 0;



	list-style: none;



}











#navbar li { /* all list items */



	float: left;



}







#navbar li ul { /* second-level lists */



	position: absolute;



	background:#000033;



	width:179px;



	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */



}







#navbar li li {



	border-bottom:1px solid #FFFFFF;



	}







/*#navbar li:hover { 



	background:#333;



	border-left:1px solid #B5A171;



	border-right:1px solid #B5A171;



}*/











#navbar a {



	display: block;



	height:25px;



	width:1%;



	padding:8px 14px 0 14px;



	color:white;



	font:normal 14px "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	text-align:center;



	white-space:nowrap;



}







html>body #navbar a {



	display: block;



	height:25px;



	width:auto;



	padding:8px 14px 0 14px;



	color:white;



	font:normal 14px "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	text-align:center;



}











#navbar a:hover, #navbar a#active_menu {



	background:#333;



	border-left:1px solid #FFFFFF;



	border-right:1px solid #FFFFFF;



	padding:8px 13px 0 13px;



	text-decoration:none;



}







html>body #navbar a:hover, #navbar a#active_menu {



	background:#333;



	border:none;



	margin:0;



	padding:8px 14px 0 14px;



}











#navbar li:hover, #navbar li.mainlevel_current {



	background:#000033;



	border-left:1px solid #FFFFFF;



	border-right:1px solid #FFFFFF;



	margin:0 -1px;



}







#navbar li li a {



	display:block;



	height:22px;



	width:171px;



	padding:4px 0 0 8px;



	color:white;



	font:bold 13px "Trebuchet MS", "Tahoma", Verdana, Arial, Helvetica, Sans-Serif;



	text-align:left;



	margin:0;



}







#navbar li li a:hover, #navbar li li a#active_menu {



	background:#333;



	color:#FFFFFF;



	border:none;



	margin:0;



	padding:4px 0 0 8px;



}







#navbar li li:hover {



	border:none;



	border-bottom:1px solid #FFFFFF;



	margin:0;



}



#navbar li li.sublevel_current {



	border:none;



	border-bottom:1px solid #FFFFFF;



	border-top:1px solid #FFFFFF;



	margin:0;



}







#navbar li ul ul { /* third-and-above-level lists */

	margin: -25px 0 0 179px;

}



#navbar ul li:hover li:hover li a:link,#navber ul li.iehover li.iehover li a:link {

	float: none;

	background:#000033;

	color:#fff;

	border:none;

	margin:0;

	padding:4px 0 0 8px;

}



#navbar ul li:hover li:hover li a:hover,#navber ul li.iehover li.iehover li a:hover {

	background:#333;

	color:#fff;

}



#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.iehover ul ul, #navbar li.iehover ul ul ul {

left: -999em;

}



#navbar li:hover ul, #navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}







	



/*--- forms styles ---*/



form {



	padding: 0;



	margin: 0;



}







input.button {



	color: #ffffff;



	padding: 4px;



	margin: 10px;



	font-size: 10px;



	background: url(../images/but_bg.png) repeat-x center center;



	border:1px solid #f0f0f0;



}







div.message {



	color: #cd2800;



	font-size: 18px;



	font-weight: bold;



}







.inputbox {



	border: 1px solid #999;



}







.moduletable .inputbox {



	border: 1px solid #999;



	height: 14px;



	font: 11px Arial, Helvetica, Geneva, sans-serif;



	color: #333;



}







/*-- default Joomla styles --*/



.article_seperator { }



.back_button { }



.blog { }



.blog_more { }



.blogsection { }



.button {background: #666 url(../images/mainlevel.png) repeat-x left center;border: 1px solid #000;color: #fff;font-size: 11px;line-height: 16px;}



.buttonheading { }



.category { }



.clr {clear:both;}



.componentheading { }



.contact_email { }



.content_rating { }



.content_vote { }



.contentdescription { }



.contentheading { }



.contentpagetitle { }



.contentpane { }



.contentpaneopen { }   



.contenttoc { }



.createdate {margin:5px;color: #bbb;font-size: 10px;}



.fase4rdf  { }



.frontpageheader  { }



.highlight {background-color:#FFFFCD;color:#000000;}



.latestnews  { }



.message  { }



.modifydate {margin:5px;color: #bbb;font-size: 10px;}



.module  { }



div.moduletable {margin-bottom: 20px;} 



div.mosimage {border: 1px solid #eaeaea;margin: 7px;}



div.mosimage_caption {padding: 2px;background-color: #f7f7f7;border-top: 1px solid #eee;}



.mostread  { }



.newsfeed  { }



.newsfeeddate {margin:5px;color: #bbb;font-size: 10px;}



.newsfeedheading { }



.pagenav { }



.pagenav_next { }



.pagenav_prev { }



.pagenavbar { }



.pagenavcounter { }



.pathway { }



.polls { }



table.pollstableborder {text-align:left;}



table.pollstableborder tr {padding: 2px 0;}



table.pollstableborder td {padding: 0 2px;}



a.readon {color: #000033;display: block;float: right;line-height: 12px;background: url(../images/readon.gif) no-repeat left center;text-indent: 16px;text-decoration: underline;}



a.readon:hover {color: #600;display: block;float: right;line-height: 12px;background: url(../images/readon.gif) no-repeat left center;text-indent: 16px;text-decoration: none;}



#left_sidebar a.readon {color: #000033;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: underline;}



#left_sidebar a.readon:hover {color: #600;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: none;}



#right_sidebar a.readon {color: #000033;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: underline;}



#right_sidebar a.readon:hover {color: #600;display: block;float: right;line-height: 12px;background: url(../images/readon_side.gif) no-repeat left center;text-indent: 16px;text-decoration: none;}



.search { }



.searchintro { }



td.sectiontableentry1 {padding: 4px;}



td.sectiontableentry2 {background: #f2f2f2;padding: 4px;}



td.sectiontableheader {background: #d8d8d8;color: #333;font-weight: bold;padding: 4px;}



.sitetitle { }



.small {margin:5px;color: #bbb;font-size: 10px;}



.smalldark {margin:5px;color: #994;font-size: 10px;}



.syndicate { }



.syndicate_text { }



.toclink { }



.weblinks { }



.wrapper { }