@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700|Open+Sans:400,700);
/*---------------------------------body---------------------------------*/

/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://localhost:8080/themes/gray/styles/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
*/

body {
color:#5A5A5A !important;
font: 13px/100% 'Open Sans',Helvetica Neue,Helvetica,Arial,Sans-serif !important;
margin:0px;
padding-left:0px !important;
padding-right:0px !important;
background-color: #FFF !important;
background-image: url("../images/bg-body-main.png");
background-repeat:repeat-x;
}

header, section, footer {
width:100%;
min-width:1024px;
/*background-color: #E4E4E4 !important;*/
}
section {
 background-image: url("../images/bg-body.png"); background-repeat: repeat-x;
}

/*---------------------------------header---------------------------------*/
#headercontainer {width:1024px;border:0px solid red;height:160px;margin-left:auto;margin-right:auto;}	
#parentheader {/*background-color:#A9CC4A;*/}
#header {width:970px;-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);height:160px;margin-left:auto;margin-right:auto;/*background: #4c4c4c url(../images/philfsisbanner.jpg);background-size:auto;*/}

#laman {width:970px;-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);border-radius:0 0 20px 20px;min-height:650px;margin-left:auto;margin-right:auto;background-color:#FFFFFF;}
#laman li {
text-align:justify;
}


/*---------------------------------footer---------------------------------*/
footer {
background-color:#FFF;
}
#bottomcontainer {width:970px;height:20px;margin-left:auto;margin-right:auto;margin-top:20px;}
#copyright {width:100%;margin-left:auto;margin-right:auto;
background-image: url("../images/bg-main.png");background-repeat: repeat-x;padding-top: 15px;padding-bottom: 10px;color:#555555;margin-top:30px;font:600 15px/17px 'Open Sans Condensed',sans-serif}
#footerinfo {width:100%;min-height:280px;margin-left:auto;margin-right:auto;background-color: #FFFFFF;
    background-image: url("../images/bg-main.png");
    background-repeat: repeat-x;
    padding-top: 25px;padding-bottom: 0px;}
#copyrightext {
width:970px;margin-left:auto;margin-right:auto;padding-top:5px;font-weight:bold;text-align:center
}
#footerlogocont {
width:100%;max-width:970px;margin-left:auto;margin-right:auto;padding:10px;
}
#footerlogo {
width:300px;min-height:260px;float:left;line-height:20px;text-align:justify;padding:5px;font-size:12px;
color:#666666;border-right:1px solid #777777;
}
#footerlogoimg {
width:114px;height:108px;margin-top:-5px;margin-bottom:0px;border:0px;float:left;margin-right:10px;
}
#sitelinkscont {
width:150px;min-height:260px;border:0px solid red;float:left;padding:5px;
}
#sitelinkscont h6{
margin-top:-5px;margin-bottom:2px;color:#666666;text-align:center;border:1px solid rgb(163,163,163);width:90%;margin-left:auto;margin-right:auto;border-radius:10px;background-color:#FFFFFF;
}
#sitelinkscont ul{
list-style:none;margin-left:10px;
}
#sitelinkscont li{
font-size:11px;
}
#sitelinkscont a{
color:#666666;
}
#sitelinkscont a:hover{
color:red;
}
#contactuslink {
width:148px;height:100px;border:1px solid #A9CC4A;float:left;padding:5px;border-radius:10px;background-color:#F4E4BC;color:rgb(0,103,0);text-align:center
}
#footerlinks1 {
min-height:200px;float:left;;
}
#footerlinks2 {
height:25px;width:640px;float:left;
}
#footerlinks3 {
height:61px;width:640px;float:left;
}
#footerlinks4 {
background-image: url("../images/bg-main.png");background-repeat: repeat-x;padding-top: 15px;padding-bottom: 15px;
}
#agencytxt {
font-weight:bold;color:#555555;margin-top:10px;text-align:center;
}

/*---------------------------------menu---------------------------------*/

#parentmenu {width:100%;background-color:rgb(102,211,0);border:0px solid red}
#menucontainer {width:970px;border:0px solid blue;height:32px;margin-left:auto;margin-right:auto;-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}
#menu {
width:970px;height:32px;margin-left:auto;margin-right:auto;
background-color: rgb(0,122,0);
background-image: -moz-linear-gradient(#3A9F3B, rgb(0,122,0)); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#3A9F3B), to(rgb(0,122,0)));	
background-image: -webkit-linear-gradient(#3A9F3B, rgb(0,122,0));	
background-image: -o-linear-gradient(#3A9F3B, rgb(0,122,0));
background-image: -ms-linear-gradient(#3A9F3B, rgb(0,122,0));
background-image: linear-gradient(#3A9F3B, rgb(0,122,0));
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #268F35 outset;
-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #268F35 outset;
box-shadow: 0 1px 1px #777, 0 1px 0 #268F35 outset;
}
.activejing { color: rgb(233,255,31) !important; text-decoration: none; height:17px !important;border-left: 1px solid rgb(0,160,0);border-right: 1px solid rgb(0,120,0);/*background-color:rgb(0,130,0);*/}
.lubog {border-left: 1px solid rgb(0,160,0);border-right: 1px solid rgb(0,120,0);height:31px !important;}
.lubog1 {border-right: 1px solid rgb(0,120,0);}
.lubog2 {border-left: 1px solid rgb(0,160,0);}	

.menu-padding {padding-top:40px;}
.sticky {position:fixed; top:0;z-index:1000;opacity:1.0;background-color:rgb(0,128,24) !important;}
.sticky:hover {position:fixed; top:0;z-index:1000;opacity:1.0;}

ul.philfsismenu,
ul.philfsismenu li,
ul.philfsismenu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.philfsismenu {
	position: relative;
	z-index: 597;
	float: left;
	
	text-transform: uppercase;
	margin-left:30px;
	letter-spacing:1px !important;
}

ul.philfsismenu li {
 float: left;
 min-height: 1px;
 line-height: 1.3em;
 vertical-align: middle;
 padding: 8px 0;
 color: #FFFFCC;	
}


ul.philfsismenu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.philfsismenu ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 170px;
	background-color: rgb(242,255,194);
	color: #FFFFCC;
	font-size: 11px;
	border: 1px solid rgba(184, 134, 11, 0.3);	 
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	padding: 6px 0;
	text-transform: none;	 
	filter: alpha(opacity=95);
	-moz-opacity: .95;
	KhtmlOpacity: .95;
	opacity: .95;	
	background-clip: padding-box;
	
}

ul.philfsismenu ul li {
	float: none;
	background-color: transparent;
	color: #000;
	filter: none;
}

ul.philfsismenu ul li.hover,
ul.philfsismenu ul li:hover {
	background-color: transparent;
}

ul.philfsismenu ul ul {
 top: 1px;
 left: 99%;
}

ul.philfsismenu li:hover > ul {
 visibility: visible;
}

ul.philfsismenu a:link,
ul.philfsismenu a:visited { color: #FFFFCC; text-decoration: none; font: 600 13px/13px 'Open Sans Condensed',"Arial Narrow","Arial","Trebuchet MS",Helvetica,sans-serif; }
ul.philfsismenu a:hover { color: rgb(233,255,31); text-decoration: none; }
ul.philfsismenu a:active { color: #FFFFCC; }


ul.philfsismenu ul a:link,
ul.philfsismenu ul a:visited { color: rgb(0,104,0); }
ul.philfsismenu ul a:hover { color: #FFFFCC; background-color: rgb(58,155,27);text-decoration: none; }
ul.philfsismenu ul a:active { color: #FFFFCC; }

ul.philfsismenu li a {
 display: block;
 padding: 7px 14px;
}

ul.philfsismenu li {
 padding: 0; 
}

ul.philfsismenu ul a {
 padding: 4px 5px 4px 14px;
 width: 151px; 
}


/*triangle top*/
ul.philfsismenu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgb(242,255,194);
}
ul.philfsismenu ul li:first-child   a:hover:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -12px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid rgb(242,255,194);
}
/*triangle left*/
ul.philfsismenu ul ul li:first-child a:after {
	left: -6px;
	top: 10px;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid rgb(242,255,194);
}
ul.philfsismenu ul ul li:first-child a:hover:after {
	left: -6px;
	top: 10px;
	margin-top: -10px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid rgb(58,155,27);
}