/* RESET */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4{font-size:100%}
ul,li{list-style:none}
body{font:normal 11px/18px Arial, Helvetica, sans-serif;text-align:center;color:#333;background:#fff url(../images/bgcontainer.jpg) repeat-y top}
p{margin:0 10px 10px 0}
/*LAYOUT*/
div#container{width:100%;margin:0 auto;text-align:left;background:transparent url(../images/bgheader.jpg) no-repeat top;padding-bottom:20px}
div#wrapper{float:left;width:100%}
div#content{margin:10px 0 0 200px}
div#navigation{float:left;width:200px;margin-left:-770px}
div#footer{clear:left;width:100%}
div.widthmax{width:770px;margin:0 auto;text-align:left}
/*HEADER*/
div#header{width:770px;height:306px}
div#logo{position:absolute;top:40px;margin-left:25px;display:block}
div#header h2{position:absolute;top:70px;margin-left:450px;display:block;width:300px;height:42px;font:normal 18px Arial, Helvetica, sans-serif;color:#fff}
div#header h3{position:absolute;top:95px;margin-left:450px;display:block;width:300px;height:42px;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#fff}
div#header h4{position:absolute;top:158px;margin-left:462px;display:block;width:300px;height:42px;font:bold 14px/15px Arial, Helvetica, sans-serif;color:#444}
div#header h4 a:hover{color:#444}
/*MENU KIRI*/
div#navigation{width:217px;background:transparent url(../images/bgsidebar.jpg) no-repeat 12px 0px;min-height:300px;height:auto !important;height:300px}
ul.MenuBarVertical{margin:0 0 0 30px;list-style-type:none;width:175px}
ul.MenuBarActive{z-index:1000}
ul.MenuBarVertical li{height:1%;position:relative;cursor:pointer;width:175px;border-bottom:1px solid #d9cf9f}
ul.MenuBarVertical ul{margin:-1px 0 0 170px;position:absolute;z-index:1020;width:175px;left:-1000em;display:none;top:0;border:1px solid #D9CF9F;border-bottom:none}
ul.MenuBarVertical ul.MenuBarSubmenuVisible{left:0;display:block}
ul.MenuBarVertical ul,ul.MenuBarVertical ul ul{background:#9f7d4f;}
ul.MenuBarVertical ul li a:hover{background:#bf9f75}
ul.MenuBarVertical ul li{}
ul.MenuBarVertical li a{display:block;cursor:pointer;background:transparent;padding:3px 35px 3px 3px;color:#fff;text-decoration:none;font-weight:bold;text-align:right}
ul.MenuBarVertical ul li a{display:block;cursor:pointer;background:transparent;padding:3px 3px 3px 20px;color:#fff;text-decoration:none;text-align:left}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{background-color:#996600;color:#FFF}
ul.MenuBarVertical a.MenuBarItemHover,ul.MenuBarVertical a.MenuBarItemSubmenuHover,ul.MenuBarVertical a.MenuBarSubmenuVisible{background-color:#9f7d4f;color:#FFF}
ul.MenuBarVertical a.MenuBarItemSubmenu{background-image:url(../images/SpryMenuBarRight.gif);background-repeat:no-repeat;background-position:92% 50%}
ul.MenuBarVertical a.MenuBarItemSubmenuHover{background-image:url(../images/SpryMenuBarRightHover.gif);background-repeat:no-repeat;background-position:92% 50%}
/* HACK FOR IE: to make sure the sub menus show above form controls, underlay each submenu with an iframe */
ul.MenuBarVertical iframe{position:absolute;z-index:1010}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{ul.MenuBarVertical li.MenuBarItemIE{display:inline;f\loat:left;background:transparent}}
/*CONTENT*/
div#content{min-height:300px;height:auto !important;height:300px;padding:0 15px 0 30px}
div#content h1{font:bold 17px Arial, Helvetica, sans-serif;margin-bottom:5px;color:#C44C12}
div#content h2{font:bold 13px Tahoma, Verdana, Arial, sans-serif;margin:0px 0 15px 0;color:#444}
div#content h4{font:bold 15px Arial, Helvetica, sans-serif;margin:20px 0 5px 0}
div#wrapper td a,div#wrapper td a:hover, div#wrapper td a img{border:none !important;border-bottom:none !important}
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:#c44c12;border-bottom:1px solid #c44c12}
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}
form h4{margin-top:25px}
fieldset{border:1px solid #f4f4f4;width:480px;padding:10px;background:#F7FCFD}
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}
/*FOOTER*/
div#footer{height:70px;color:#333;padding:70px 0 0 0;background:transparent url(../images/bgfooter.jpg) no-repeat top}
div#footer div.widthmax{text-align:center}
div#footer p{margin:5px 0 0 0;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#fff}
div#footer a,div#footer a:visited{text-decoration:none;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#fff;border-bottom:1px dotted #fff}
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;}