/* CSS Document */
body {
	color: #000;
	text-align:center;
	margin:0;
	padding:0;
	background:url(../images/bg.jpg) repeat-x #e5e2db;
}
#wrapper {
	clear:both;
	margin:auto;
	width:902px;
	padding:0;
	text-align:center;
}
#wrap {
	clear:both;
	float:left;
	margin:0;
	width:902px;
	padding:0;
}
#left {
	float:left;
	width:580px;
	margin:0;
	padding:0;
	text-align:left;
}
#header {
	clear:both;
	float:left;
	width:580px;
	margin:0;
	padding:0;
	height:144px;
}
#header img {
	border:0;
}
/*- Menu Tabs--------------------------- */
#tabs {
clear:both;
float:left;
width:100%;
background:#BBD9EE;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
line-height:normal;
}
#tabs ul {
	margin:0;
	padding:6px 0px 0 0px;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:left;
	background:url(../images/tableft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs a span {
	float:left;
	display:block;
	background:url(../images/tabright.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabs a:hover span {
	color:#FF9834;
}
#tabs a:hover {
	background-position:0% -42px;
}
#tabs a:hover span {
	background-position:100% -42px;
}
#tabs #current a {
	background-position:0% -42px;
}
#tabs #current a span {
	background-position:100% -42px;
}
-->
#main {
	clear:both;
	float:left;
	width:580px;
	margin:10px 0 6px 0;
	padding:0;
	font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#464134;
}
.table{
clear:both;
float:left;
width:580px;
margin:0;
padding:0;
}

#main ul{
clear:both;
float:left;
width:580px;
margin:0;
padding:0 0 0 0px;
}

#main ul li{
clear:both;
float:left;
width:580px;
margin:0;
padding:0 0 0 12px;
list-style:none;
background:url(../images/arrowl.gif) 0 -6px no-repeat;
}

#main ol{
clear:both;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight: normal;
color:#0C1E33;
padding:0 0 0 0px;
} 
#main ol li{
padding:0 0 6px 0px;
margin:0;
}


h2{
	FONT: 30px Georgia, "Times New Roman", serif; 
	COLOR: #643d2b;
	margin:0 0 4px 0;
	padding:0;
}

.btlogin {
background:#CCCCCC;
color:#000;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
margin:2px;
padding:2px 0 2px 0;
border:1px solid #ccc;
} 
.rightsearch{
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#2F496B;
padding:2px;
border:1px solid #666666;
}
#main p{
clear:both;
float:left;
width:580px;
margin:0;
padding:0 0 8px 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
color:#464134;
}

#gallery{
	clear:both;
	float:left;
	width:580px;
	margin:10px 0 12px 0;
	padding:0;
}

#titleresult{
clear:both;
float:left;
width:568px;
margin:0 0 8px 0;
padding:0px 5px 0px 5px;
background:#EEEDE6;
border:1px solid #6e756a;
}
#pagebottom{
	float: left;
	font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 5px 3px 5px ;
	margin:10px 0 0px 0;
	width: 568px;
	text-align:left;
	border-top: 1px solid #000;
	background:#eee;
}
#pagebottom p {
clear:both;
float:left;
width:568px;
padding:0;
margin: 3px 0 3px 0;
}

#pagebottom a, #pagebottom a:link, #pagebottom a:visited, #pagebottom a:active,
#titleresult a, #titleresult a:link, #titleresult a:visited, #titleresult a:active  {
color:#293357;
border:1px solid #2f0101;
background:#fff;
width:10px;
height:12px;
padding:0px 3px 0px 3px;
margin:2px 2px 2px 2px;
text-decoration: none;
}
#pagebottom a:hover, #titleresult a:hover {
	text-decoration: none;
	color: #2f0101;
	border:1px solid #2f0101;
	background:#dbc385;
	padding:0px 3px 0px 3px;
	margin:2px 2px 2px 2px;
	font-weight:bold;
	}



.stub{
float:left;
width:183px;
margin:0;
padding:0px;
background:#e5e2db;
border:5px solid #e5e2db;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
color:#464134;
text-align:center;
}
.stub:hover{
background:#cbd8e9;
border:5px solid #5d83c1;
}
.stbox{
clear:both;
float:left;
width:181px;
}
.stbox img{
border:1px solid #666633;
}

#news{
	clear:both;
	float:left;
	width:568px;
	margin:10px 0 0 0;
	padding:5px;
	border:1px solid #d6d2c8;
	background:#f0ede6;
}
.ncontent{
clear:both;
float:left;
width:568px;
margin:0;
padding:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
}
.date{
clear:both;
float:left;
width:568px;
margin: 0px 0px 0px 0px;
padding:0px 0 0px 0px;
font: 10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
}
.bjudul{
clear:both;
float:left;
width:568px;
margin:0px;
padding:1px 0 2px 0px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#003366;
font-weight:bold;
}
.ncontent p{
clear:both;
float:left;
width:568px;
margin:0;
padding:0 0 6px 0;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
color:#464134;
}
#main a, #main a:active, #main a:link, #main a:visited,
#news a, #news a:active, #news a:link, #news a:visited {
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#0c437b;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
#main a:hover,
#news a:hover{
color:#0473e4;
text-decoration:none;
}

#right {
	float:left;
	width:322px;
	margin:0;
	padding:180px 0 0 0;
	text-align:left;
}
#right a, #right a:active, #right a:link, #right a:visited {
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
color:#0c437b;
font-weight:normal;
text-decoration:none;
font-weight:bold;
}
#right a:hover{
color:#0473e4;
text-decoration:none;
}

#right  p{
	clear:both;
	float:left;
	width:262px;
	margin:0;
	padding:0 0 6px 0;
	font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	color:#46555d;
}
#logo {
	clear:both;
	float:left;
	width:262px;
	height:224px;
	margin:0;
	padding:39px 29px 52px 31px;
	background:url(../images/bingkai.jpg) no-repeat;
}
#logo img{
border:0;
}
.lcontent{
	clear:both;
	float:left;
	width:282px;
	margin:0;
	padding:6px 19px 2px 21px;
}
.box{
	clear:both;
	float:left;
	width:262px;
	margin:0;
	padding:2px 10px 2px 10px;
	background:#c8c4b9;
	font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	color:#46555d;
}

.boxbanner{
clear:both;
float:left;
width:135px;
margin:0;
padding:2px 73px 2px 74px;
}

h3{
	font: 14px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:bold;
	color: #643d2b;
	margin:0 0 4px 0;
	padding:0;
}

#footer{
clear:both;
float:left;
width:902px;
margin:10px 0 10px 0;
padding:6px;
font: 11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
color:#46555d;
text-align:center;
border-top:2px solid #6a8f26;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited{
color:#0c437b;
text-decoration:none;
}
#footer a:hover{
color:#0473e4;
}
.dnone{
display:none;
}


/* begin menu */
#menu{
clear:both;
float:left;
width:940px;
height:32px;
text-align:left;
margin:0;
padding:0;
}
#navbar {
float: left;
width:939px;
margin:0;
padding: 0px 0 0 0; 
border: 0;
font: 11px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
display:inline;
border-left:0px solid #bbd9ee;
}

#navbar A, #navbar A:visited, #navbar A:active, #navbar A:link {
display: block; 
padding: 4px 10px 5px 10px;		
text-decoration: none; 
color: #fff;
list-style:none;
border-right:0px solid #bbd9ee;
}
#navbar A:hover {
background:#494337;
color:#fff;
}
.submenu{
font-weight:bold;
border-right:0px solid #415268;
}
.subnav{
width:180px;
}
#nav {
	PADDING: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none
}
#nav li ul {
	PADDING: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	border-right:0px solid #415268;
}
#nav A, #nav A:link, #nav A:active, #nav A:visited {
display: block; 
padding: 8px 11px 7px 11px;		
margin:0 2px 0 2px;
text-decoration: none; 
color: #000;
list-style:none;
border-right:0px solid #415268;
background:#fff;
}
#nav A:hover {
background:#e7f1f8;
color:#000;
}
#nav LI {
	PADDING: 0px;
	Z-INDEX: 15;
	FLOAT: left;
	MARGIN: 0px;
	POSITION: relative
}
#nav LI LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	Z-INDEX: 10;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 120px;
	PADDING-TOP: 0px;
	POSITION: relative;
	border:none;
}
#nav LI LI A, #nav LI LI A:link, #nav LI LI A:active, #nav LI LI A:visited  {
	font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	background:url(../images/nav-sublevel.gif) 4px 5px #e7e7e0 no-repeat;
	color:#333333;
	FLOAT: none;
	MARGIN: 0px;
	WIDTH: 120px;
	padding: 3px 5px 3px 15px;	
	border-bottom: 1px solid #d5d5c9;	
	font-weight:normal;

}
#nav LI LI A:hover {
	padding: 3px 5px 3px 15px;
	color: #494337;
	background:url(../images/nav-sublevel-over.gif) 4px 5px no-repeat #fff;
}
#nav LI UL {
	LEFT: -999em;
	WIDTH: 10em;
	POSITION: absolute;
}
#nav LI:hover UL {
	DISPLAY: block;
	LEFT: auto
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}


/* end menu */