body { 
background : #80a500 url(../images/body_bg.jpg) repeat-x top; 
font : 12px Verdana, Tahoma, arial, sans-serif; 
color : #000; 
text-align : center; 
} 
a, a:visited { 
color : #585a2b; 
background : inherit; 
text-decoration : none; 
} 
a:hover { 
color : #81cded; 
background : inherit; 
text-decoration : none; 
} 
h1, h2, h3 { 
font-family : Verdana, Tahoma, Sans-serif; 
font-weight : normal; 
} 
h1 { 
font-size : 180%; 
font-weight : normal; 
} 
h2 { 
font-size : 135%; 
color : #88ac0b; 
} 
h3 { 
font-size : 125%; 
font-weight : bold; 
} 
h4 { 
font-size : 100%; 
} 
h1, h2, h3, p { 
padding : 5px; 
margin : 0; 
} 
ul, ol { 
margin : 5px 20px; 
padding : 0 0; 
} 
table { 
margin-left : 5px; 
} 
img.border { 
background : #fafafa; 
padding : 5px; 
margin-right : 5px; 
} 
img.float-right { 
margin : 5px 0 10px 10px; 
} 
img.float-left { 
margin : 5px 10px 10px 0; 
} 
blockquote { 
margin : 10px; 
padding : 0 0 0 25px; 
background : #f9f7dd; 
border : 1px solid #e0dbc9; 
font-family : Verdana, Arial, Helvetica, sans-seriff; 
color : #563e24; 
} 
form { 
margin : 10px; 
padding : 0 5px; 
} 
label { 
display : block; 
font-weight : bold; 
margin : 5px 0; 
} 
input, select { 
padding : 2px; 
border : 1px solid #a4e649; 
font : normal 1em Verdana, sans-serif; 
color : #777; 
} 
textarea { 
width : 350px; 
padding : 2px; 
font : normal 1em Verdana, sans-serif; 
border : 1px solid #a4e649; 
height : 100px; 
display : block; 
color : #777; 
} 
input.button { 
font : 12px Arial, Sans-serif; 
font-weight : bold; 
height : 24px; 
margin : 0; 
padding : 2px 3px; 
color : #172439; 
background : #2a4505; 
} 
.float-left { 
float : left; 
} 
.float-right { 
float : right; 
} 
.align-left { 
text-align : left; 
} 
.align-right { 
text-align : right; 
} 
.clear { 
clear : both; 
} 
#wrap { 
position : relative; 
width : 820px; 
margin : 0 auto; 
margin-top : 30px; 
text-align : left; 
} 
#nav { 
z-index : 10; 
text-align : center; 
position : relative; 
clear : both; 
width : 820px; 
margin : 0 auto; 
height : 53px; 
background : #fff url(../images/nav.jpg) no-repeat; 
} 
#nav ul { 
list-style : none; 
padding : 0; 
margin : 0 auto; 
right : 0; 
bottom : 0; 
margin-left : 30px; 
float : left; 
height : 30px; 
} 
#header { 
width : 820px; 
margin : 0 auto; 
height : 250px; 
color : #003300; 
z-index : 2; 
border-bottom : 1px solid #c4c5c3; 
} 
a.logo img { 
position : absolute; 
top : 65px; 
left : 20px; 
height : 86px; 
border : 0; 
width : 116px; 
z-index : 7; 
} 
#sidebar fieldset { 
border : 0; 
} 
#content-wrap { 
position : relative; 
z-index : 1; 
clear : both; 
float : left; 
width : 820px; 
display : inline; 
margin : 0 auto; 
padding-bottom : 15px; 
background : #f3f5e7; 
} 
#top { 
clear : both; 
height : 54px; 
background : url(../images/contop.jpg) no-repeat; 
} 
#main { 
float : right; 
width : 67%; 
float : right; 
padding-right : 10px; 
padding-left : 7px; 
margin-right : 6px; 
display : inherit; 
text-align : justify; 
color : #000; 
} 
#main h1 { 
margin : 10px; 
font-family : Verdana, Tahoma, Sans-serif; 
color : #436602; 
padding : 1px 0 0 0; 
} 
#main h1 { 
float : left; 
} 
#main ul li { 
list-style-image : url(../images/273.ico); 
} 
#main h2, h3, h4 { 
margin-top : 10px; 
font-family : Verdana, Tahoma, Sans-serif; 
color : #000; 
padding : 5px 0 5px 5px; 
} 
#main p { 
clear : both; 
} 
p.moreBtn { 
width : 100px; 
text-align : center; 
font : 12px Verdana, Arial, Helvetica, sans-serif; 
float : right; 
display : block; 
font-weight : bold; 
padding : 3px; 
margin : 0; 
border : 1px solid #333; 
height : 14px; 
margin-top : 1px; 
margin-right : 12px; 
background : #bbd84e; 
} 
p.moreBtn a { 
color : #555; 
text-decoration : none; 
} 
p.moreBtn a:hover { 
color : #555; 
text-decoration : underline; 
} 
#sidebar { 
margin-top : 10px; 
margin-left : 5px; 
position : relative; 
float : left; 
width : 220px; 
} 
#sidebar h2 { 
padding : 0 0 0 30px; 
height : 37px; 
font : bold 13px/37px Verdana, Tahoma, Sans-serif; 
color : #fff; 
background : url(../images/side_h2.jpg) no-repeat; 
} 
#sidebar ul.sidemenu, #sidebar ul.sidemenu_support { 
text-align : left; 
margin : 0; 
padding : 10px 10px 10px 25px; 
text-decoration : none; 
background : #a9dda6; 
background : url(../images/sidebar_bg.png) repeat-y; 
} 
#sidebar ul.sidemenu li, #sidebar ul.sidemenu_support li { 
padding : 5px 0 3px 0.5px; 
margin : 0 2px; 
margin-bottom : 7px; 
color : #518500; 
} 
#sidebar ul.sidemenu li a { 
height : 25px; 
font-size : 12px; 
display : inline; 
text-decoration : none; 
color : #518500; 
} 
#sidebar ul.sidemenu_support li a { 
height : 25px; 
font-size : 12px; 
display : inline; 
color : #518500; 
} 
#sidebar ul.sidemenu_support img { 
float : right; 
} 
#sidebar ul.sidemenu li a:hover { 
color : #e51d06; 
} 
#sidebar h2.tutup_bawah { 
width : 220px; 
background : url(../images/side_bottom.jpg) no-repeat; 
margin : 0; 
padding : 0; 
height : 13px; 
} 
#sidebar form { 
width : 220px; 
margin : 0; 
padding : 0; 
} 
#sidebar form fieldset { 
width : 220px; 
margin : 0; 
padding : 0; 
} 
#sidebar fieldset ul.sidemenu { 
text-align : left; 
margin : 0; 
padding : 10px 10px 10px 12px; 
text-decoration : none; 
background : #a9dda6; 
background : url(../images/sidebar_bg.png) repeat-y; 
list-style : none; 
} 
#sidebar fieldset ul.sidemenu li { 
padding : 2px 0 1px 0.5px; 
margin : 0 2px; 
margin-bottom : 7px; 
} 
#textarea { 
width : 150px; 
} 
#bottom { 
clear : both; 
width : 820px; 
height : 2px; 
background : #f3f5e7 url(../images/div.png) repeat-x bottom; 
} 
#footer { 
clear : both; 
color : #639802; 
width : 820px; 
height : 85px; 
text-align : center; 
font-weight : bold; 
background : #f3f5e7 url(../images/footer.png) no-repeat bottom; 
margin : 0; 
} 
#footer p { 
padding : 10px; 
} 
#footer p.copyright { 
padding : 20px; 
color : #343433; 
font-size : 11px; 
} 
#footer a { 
color : #639802; 
font-weight : bold; 
padding : 5px; 
} 
#footer a:hover { 
color : #f06c02; 
} 
p { 
text-align : left; 
} 
h4 { 
color : #f00; 
margin-left : 5px; 
} 
#main img { 
padding : 4px; 
margin : 2px; 
} 
.kotak { 
width : 140px; 
height : 160px; 
border : 1px solid #000; 
float : left; 
margin : 5px; 
background-color : #690; 
text-align : center; 
color : #fff; 
} 
#kotak a { 
color : #fff; 
} 
#kotak a:hover { 
color : #000; 
} 
#portfolio { 
float : left; 
width : 550px; 
} 
#directory { 
float : left; 
width : 550px; 
} 
#kiri { 
float : left; 
width : 270px; 
} 
#kanan { 
float : left; 
width : 270px; 
} 
.gambar2 img { 
border : 0; 
width : 130px; 
text-align : center; 
height : 130px; 
padding-top : 5px; 
} 
.bali_news { 
font-weight : bold; 
color : #690; 
} 
.bali_news:hover { 
color : #f00; 
} 
#ninja { 
background-image : url(../images/404.png); 
background-repeat : no-repeat; 
width : 450px; 
height : 450px; 
text-align : center; 
margin-top : 20px; 
} 
#domain { 
font-weight : bold; 
color : red; 
} 
#footer img { 
border : 0; 
} 
.sidemenu { 
background-color : #e9f1c2; 
} 
#slideshow { 
position : relative; 
height : 250px; 
z-index : 5; 
} 
#slideshow IMG { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 8; 
} 
#slideshow IMG.active { 
z-index : 10; 
} 
#slideshow IMG.last-active { 
z-index : 9; 
} 
.sf-menu, .sf-menu * { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
.sf-menu { 
line-height : 1.0; 
} 
.sf-menu ul { 
position : absolute; 
top : -999em; 
width : 13em; 
text-align : left; 
} 
.sf-menu ul li { 
width : 100%; 
} 
.sf-menu li:hover { 
visibility : inherit; 
} 
.sf-menu li { 
float : left; 
position : relative; 
} 
.sf-menu a { 
display : block; 
position : relative; 
font-size : 1.2em; 
} 
.sf-menu li:hover ul, .sf-menu li.sfHover ul { 
left : 0; 
top : 3.5em; 
z-index : 99; 
} 
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { 
top : -999em; 
} 
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { 
left : 10em; 
top : 0; 
} 
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { 
top : -999em; 
} 
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { 
left : 10em; 
top : 0; 
} 
.sf-menu { 
float : left; 
margin-bottom : 1em; 
} 
.sf-menu a { 
border-left : 1px solid #c0e346; 
border-top : 1px solid #b4df20; 
padding : 0.75em 1em; 
text-decoration : none; 
} 
.sf-menu a.level1 { 
margin-top : 7px; 
border-left : none; 
border-top : none; 
padding : 0.75em 1em; 
text-decoration : none; 
} 
.sf-menu a, .sf-menu a:visited { 
color : #fff; 
} 
.sf-menu li { 
background : none; 
} 
.sf-menu li li { 
background : #abd129; 
} 
.sf-menu li li li { 
background : #9aaedb; 
} 
.sf-menu li ul li:hover, .sf-menu li ul li a:hover { 
background : #c3e15c; 
outline : 0; 
} 
.sf-menu a.level1:hover { 
color : #dadece; 
} 
.sf-menu a.sf-with-ul { 
padding-right : 2.25em; 
min-width : 1px; 
} 
.sf-sub-indicator { 
position : absolute; 
display : block; 
right : 0.75em; 
top : 1.05em; 
width : 10px; 
height : 10px; 
text-indent : -999em; 
overflow : hidden; 
background : url('../images/arrows-ffffff.png') no-repeat -10px -100px; 
} 
a > .sf-sub-indicator { 
top : 0.8em; 
background-position : 0% -100px; 
} 
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { 
background-position : -10px -100px; 
} 
.sf-menu ul .sf-sub-indicator { 
background-position : -10px 0%; 
} 
.sf-menu ul a > .sf-sub-indicator { 
background-position : 0% 0%; 
} 
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { 
background-position : -10px 0%; 
} 
.sf-shadow ul { 
background : url('../images/shadow.png') no-repeat right bottom; 
padding : 0 8px 9px 0; 
} 
.sf-shadow ul.sf-shadow-off { 
background : transparent; 
} 
table.c9 { 
text-align : left; 
} 
span.c8 { 
color : #ff0000; 
font-size : medium; 
} 
p.c7 { 
text-align : center; 
} 
div.c6 { 
margin-left : 2em; 
} 
div.c5 { 
display : none; 
} 
div.c4 { 
text-align : center; 
width : 220px; 
background : url(images/sidebar_bg.png) repeat-y; 
} 
div.c3 { 
margin-top : 2px; 
} 
li.c2 { 
list-style : none; 
} 
table.c9 { 
text-align : left; 
} 
span.c8 { 
color : #ff0000; 
font-size : medium; 
} 
p.c7 { 
text-align : center; 
} 
div.c6 { 
margin-left : 2em; 
} 
div.c5 { 
display : none; 
} 
div.c4 { 
text-align : center; 
width : 220px; 
background : url(images/sidebar_bg.png) repeat-y; 
} 
div.c3 { 
margin-top : 2px; 
} 
li.c2 { 
list-style : none; 
}