/*
------------------------------------------------------------------------
Theme Name:PCFR
Author:Ndee Siswandhi
Author Company URI:http://www.avasoft.net
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
/*ol, ul, li{list-style:none}*/
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}
.clear {clear:both; height:0px;}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000101;
	background: url(../images/backgroundimage.jpg) no-repeat top center #ebfefc;
	margin:0;
	padding:0;
}
#container {
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	background:#006237;
}

/*
-----------------------------------------
DATE
----------------------------------------- 
*/
#date {
	line-height:20px;
	margin-left:10px;
	margin-bottom:10px;
	color:#FFF;
}



/*
-----------------------------------------
HEADER
----------------------------------------- 
*/
#header {
}
/*
-----------------------------------------
CONTENT
----------------------------------------- 
*/
#content {
	margin:0;
	padding:10px 0 10px 0;
	text-align:left;
	background:#ededed;
}
#content ul {
	list-style-position: outside;
        margin-left:20px
}

#content ul li {
	padding-left:10px;
}
#content .left {
	float:left;
	width:190px;
	margin-right:10px;
}
#content .center {
	float:left;
	width:420px;
	background:#fff;
	padding:20px;
}
#content .c-r {
	float:left;
	width:420px;
	background:#fff;
	padding:20px;
}
#content .c-no-r {
	float:left;
	width:660px;
	background:#fff;
	padding:20px;
}
#content .right {
	float:left;
	width:230px;
	margin-left:10px;
}

#content .moduletable h3 {
	width:190px;
	text-align:center;
	background:#21619e;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	line-height:31px;
}
#content .moduletable {
	background:#FFF;
}
#content .moduletable form {
	padding:10px;
}
#content .moduletable form label{
	/*font:12px Georgia, "Times New Roman", Times, serif;*/
	font:12px Arial, Helvetica, sans-serif;
	
	color:#000;
}
#content .moduletable .inputbox{
	border:1px solid #666666;
	background:#FFF;
}
#content .moduletable p{
	padding:5px 0;
}
#content .moduletable_menu h3 {
	width:185px;
	text-align:left;
	background:#21619e;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	line-height:31px;
	padding-left:5px;
}
#content .moduletable_menu {
	background:#ededed;
}
#content .moduletable_menu ul{
	list-style: none;
	margin: 0;
	padding: 10px 10px;
}
#content .moduletable_menu ul li{
	line-height:27px;
	background:url(../images/submenu_bg.gif) left bottom no-repeat;
	padding-right:10px;
}
#content .moduletable_menu ul li a{
	font:14px Georgia, "Times New Roman", Times, serif;
	color: #343434;
	text-decoration: none;
}
#content .moduletable_menu ul li a:hover{
	color: #4c7faf;
	text-decoration: none;
}
#content .moduletable_event h3 {
	width:230px;
	text-align:center;
	background:#21619e;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	line-height:31px;
}
#content .moduletable_event {
	background:#FFF;
	margin-bottom:10px;
}
#content .moduletable_event td{
	padding:10px;
}
#content .moduletable_event p{
	padding:5px 0;
}
#content .moduletable_menu table{
	margin:10px;
}
#content .moduletable_menu input{
	margin:3px 0;
}

/*
-----------------------------------------
BOTTOM CONTENT
----------------------------------------- 
*/
#bottomcontent {
	margin:0;
	padding:20px 20px 0 20px;
	text-align:left;
	background:#d2e4dc url(../images/bottom_bg.gif) no-repeat bottom;
}
#bottomcontent .bottomcontentbg {
	background: url(../images/bottomcontent_bg.gif) repeat-y top;
}
#bottomcontent .bc-left {
	float:left;
	width:270px;
	margin-right:25px;
	/*background:#fff;*/
}
#bottomcontent .bc-center {
	float:left;
	width:270px;
	/*background:#fff;*/
}
#bottomcontent .bc-right {
	float:left;
	width:270px;
	margin-left:25px;
	/*background:#fff;*/
}
#bottomcontent .moduletable h3 {
	width:260px;
	text-align:left;
	background:url(../images/bottom_bgtitle.gif) no-repeat;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	line-height:30px;
	padding-left:10px;
}
#bottomcontent .moduletable {
	background:#f2f7f5;
	/*height:180px;*/
}
#bottomcontent .moduletable td{
	padding:10px;
}
#bottomcontent .moduletable p{
	padding:5px 0;
}
#bottomcontent .moduletable ul{
	margin:15px;
}
/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#footer {
	height:64px;
	padding:10px 20px 0 20px;
}
#footer .copy{
	float:left;
	color:#FFF;
	font-size:10px;
}
#footer .footermenu{
	float:right;
	color:#FFF;
	font-size:10px;
}
#footer .footermenu a{
	color:#FFF;
	text-decoration:none;
}
#footer .footermenu a:hover{
	color:#FFF;
	text-decoration:none;
}

/*

-----------------------------------------

JOOMLA DEFAULT

----------------------------------------- 

*/

.contentheading {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#006237;
	padding-bottom:15px;

}



.componentheading {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#006237;
	padding-top:18px;
	padding-bottom:15px;
}



.contentpaneopen p{

	font-size:12px;
	color:#000101;
	padding:10px 0;

}

.contentpaneopen td{

	padding:5px;

}

.contentpaneopen a{

	color:#006237;
	text-decoration:none;

}

.contentpaneopen a{

	color:#666;

	text-decoration:none;

}
.contentpaneopen fieldset{

	border-bottom:1px dotted #ad965a;
	padding:10px 0;

}
.contentpaneopen fieldset .small{
	width:20px;
}
.contentpaneopen fieldset .section{

	font-size:11px;
	padding-left:23px;

}
.contentpaneopen fieldset .text{

	padding-left:23px;
	padding-bottom:5px;

}
.contentpaneopen fieldset .highlight{

	background-color:#FF9;

}
.contentpaneopen .pagination span, .contentpaneopen .pagination a{

	padding:0 5px;

}
.contentpaneopen ol, .contentpaneopen ul {padding-left:0px; margin-left:20px;}
.contentpaneopen li {padding-left:5px;}
.contentpaneopen ol li {list-style: decimal outside;}
.contentpaneopen ul li {list-style: disc outside;}
.contentpaneopen blockquote {margin-left:15px;}
/*
-----------------------------------------
MENU
----------------------------------------- 
*/

#menubar {
	width:900px;
	height:40px;
	background:#21619e;
}
#menubar ul li{
        list-style:none;
	position:relative;
	float: left;
	line-height:40px;
	height:40px;
	background:url(../images/menu_sep.gif) left no-repeat;
}

#menubar ul li a{
	vertical-align:middle;
	display:table-cell;
	height:40px;
	font:12px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	line-height:40px;
	text-decoration: none;
	text-transform:uppercase;
	padding:0 20px 0 21px;}

#menubar ul li a:hover{
}

#menubar ul ul {
	position: absolute;
	z-index: 500;
	top: 100%;
	left: 0;
	border-bottom: none;
	width:200px;
	border: 1px solid #bbbbbb;
	border-top: none;
	background:#21619e;
}

html>body #menubar ul ul {

}

#menubar ul ul li {
	display:block;
	width:200px;
}


#menubar ul ul li a {
	width:190px;
	background:#21619e;
	border-bottom: 1px solid #3676b4;
	color:#fff;
	font-weight:normal;
	font:11px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-transform:uppercase;
	display:block;
        line-height:40px;
	padding:0  0  0 10px;
}

#menubar ul ul li a:hover {
	background:#006237;
	color:#fff;
	margin-right: 0px;
}

#menubar ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menubar ul ul,
#menubar ul li:hover ul ul,
#menubar ul ul li:hover ul ul
{display: none;}

#menubar ul li:hover ul,
#menubar ul ul li:hover ul,
#menubar ul ul ul li:hover ul
{display: block;}

/*html #menubar ul li a { height: 1%; } */

#menubar li:hover ul, #menubar li.over ul { display: block; float:left;}




<!--[if lt IE 7]>
#menubar {float:none;}
body{behavior:url(../csshover.htc); }
#menubar ul li{float:left; }
#menubar a{height:1%;font: bold 11px arial, helvetica, sans-serif;}

<![endif]-->