/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
html{background:#009cb2}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;text-align:center;color:#333}
p{margin:0 0 20px 0}
/*LAYOUT*/
div#container{width:750px;margin:130px auto 40px auto;text-align:left;background:#fff;overflow:auto}
div#wrapper{float:left;width:100%;padding-top:10px}
div#content{margin:0 30px 0 237px}
div#navigation{float:left;width:200px;margin-left:-750px}
div#footer{clear:left;width:750px;margin:0 auto;text-align:left}
/*HEADER*/
div#header{width:750px;height:275px;background:transparent url(../images/bgheader.jpg) no-repeat 10px 10px}
div#logo{position:absolute;top:10px;display:block}
/*BANNER*/
.banner{float:left;display:inline;margin:10px 0 0 10px;height:205px}
.slideshow { position: relative; }
.slideshow li { position: absolute; left: 0; top: 0; width: 730px; height: 250px; display: none; list-style: none; }
.slideshow li:first-child { display: block; }
/*MENU KIRI*/
div#navigation{width:197px;padding-top:10px}
div#navigation ul{margin:0 0 0 10px;width:207px;background:#f8f8f8}
div#navigation ul li{height:1%;position:relative;border-bottom:1px solid #fff;}
div#navigation ul li a{display:block;color:#3e71b3;text-decoration:none;padding:7px 7px 7px 10px;position:relative;text-align:left;font-weight:bold;}
div#navigation a.have_submenu{ margin-right:16px;}
div#navigation a:hover{color:#fff;background:#76c5f0}
div#navigation ul ul{margin:0 0 0 0;width:207px}
div#navigation ul ul.level2{display:none;}
div#navigation ul ul li{height:1%;position:relative;border-bottom:none;border-top:1px solid #fff}
div#navigation ul ul li a{padding:7px 7px 7px 25px}
div#navigation ul li .menu_close, div#navigation ul li .menu_open{cursor:pointer;width:14px;height:14px;float:right;margin-top:8px;margin-right:4px}
div#navigation ul li .menu_close, div#navigation ul li .menu_open{z-index:10000; position:relative;}
div#navigation ul li .menu_close{background:url(../images/menu_arrow.png) bottom right no-repeat;}
div#navigation ul li .menu_open{background:url(../images/menu_arrow.png) top right no-repeat;}
/*CONTENT*/
div#content{min-height:200px;height:auto !important;height:200px}
div#content h1{font:bold 19px/25px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h2{font:bold 17px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h3{font:bold 15px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h4{font:bold 13px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h5{font:bold 12px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h6{font:bold 11px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content a,div#content a:visited{text-decoration:none;color:#3e71b3;border-bottom:1px solid #3e71b3;font-weight:bold}
div#content a:hover{color:#adcf37;border-bottom:1px solid #adcf37}
div#content ol li{list-style:decimal;margin:0 0 20px 30px}
div#content ol li p{margin:10px 10px 10px 0}
div#content ul{margin:10px 0}
div#content ul li{list-style:disc;margin:0 0 5px 20px}
div#content ul li p{margin:10px 10px 10px 0}
/* FORM */
label{width:150px;float:left;text-align:right;margin:3px 10px 0 0;display:block;font:bold 12px Arial, Helvetica, sans-serif}
.submit input{margin-top:20px;padding:5px;cursor:pointer}
form h4{margin-top:25px}
fieldset{border:1px solid #eee;width:460px;padding:10px;background:#e7edee}
legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:5px 7px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
form p{font:normal 12px Arial, Helvetica, sans-serif;margin-bottom:15px;clear:left}
form p input{padding:2px;font:normal 14px Arial, Helvetica, sans-serif;margin-right:5px}
form p input.checkbox{margin-top:0px}
form p small{font:normal 11px Arial, Helvetica, sans-serif}
.nolabel{margin-left:160px}
/* NEWSLETTER */
#newssignup{margin:20px 0 0 10px;width:187px;background:#f8f8f8;padding:10px}
#newssignup h3{font-size:12px;font-weight:bold}
#newssignup p{margin-bottom:5px}
#newssignup p input{font:normal 12px Arial, Verdana, Helvetica, sans-serif}
/*FOOTER*/
div#footer{height:70px;color:#333;margin-top:-25px;background:transparent url(../images/small_logo.png) no-repeat left top;padding-bottom:70px}
div#footer p{margin:5px 0 0 55px;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#444}
div#footer a,div#footer a:visited{text-decoration:none;font:normal 12px/15px Arial, Helvetica, sans-serif;color:#fff;font-weight:bold}
div#footer a:hover{color:#fff;border-bottom:1px solid #fff}
div.horRule {height: 1px;border-top: 1px solid #E5E5E5;margin: 0px 10px 10px}
div.horRule hr {display: none}
a.imagebutton{cursor:pointer;cursor:hand;text-decoration:none;border-bottom:0px !important}
.alignright{float:right}
img.alignright{margin:0 0 7px 7px}
#content p a img.alignright{border:0}
.alignleft{float:left}
img.alignleft{margin:0 7px 7px 0}
#content p a img.alignleft{border:0}
/*OTHERS*/
.notice{font-size:10px;color:#FF0000;vertical-align:super;}