* html img,* html .png  {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
html,body{margin:0;padding:0}
body{font:arial,sans-serif;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#subcontainer{text-align:left;}
div#content{background:url("img/rbg.jpg");background-position:top left;background-repeat:no-repeat;}
div#navigation{background:url("img/bglogo.gif")}
div#footer{background: #333;color: #FFF}

div#container{width:900px;margin:0 auto}
div#content{position:relative;float:right;width:661px;height:700px;}
div#cam2{position:relative;float:right;height:100px;margin: 40px 10px 10px 10px;}
div#content .footer{font-family:Arial;font-size:9px;color:#5f4023;font-weight:bold;text-align:right;margin: 5px 0 0 0;}
div#content .flash{margin: 120px 0 0 0;}
div#navigation{float:left;width:239px;height:235px;}
div#extra{float:left;width:239px;height:465px;}
div#footer{clear:both;width:100%}
div#textcontent{position:relative;width:621px;height:401px;overflow:auto;margin: 207px 0 0 0;padding-left:20px;padding-right:20px;font-family:Arial;font-size:16px;color:#1a171b;}
div#textcontent2{position:relative;width:621px;height:401px;overflow:auto;margin: 207px 0 0 0;padding-left:20px;font-family:Arial;font-size:16px;color:#FFFFFF;background-color:#000000;}
.title {font-family:"Arial Black";color:#008bd0;text-transform:uppercase;}
.judul {font-family:"Arial Black";color:#008bd0;}
.coklat {font-family:Arial;color:#5f4023;}
.blue {font-family:Arial;color:#008bd0;}
.titleblue {font-family:"Arial Black";color:#008bd0;}
.floatright{float: right;margin: 0 0 5px 5px;padding: 2px;}
.floatleft{float: left;margin: 0 0 5px 5px;padding: 2px;}
.floatleft2{float: left;margin: 0 0 5px 5px;padding: 2px;border:1px solid #ffffff;}
.linknya {font-family:Arial;font-size:16px;color:#1a171b;text-decoration:underline;}
.link1 {font-family:Arial;font-size:16px;color:#0b89c6;text-decoration:underline;}
.planacces {font-family:Arial;font-size:13px;color:#1a171b;text-decoration:underline;}
.rouge {color:#000}
.rouge a {color:#000; text-decoration:none}
#textcontent ul {margin:0 0 0 20px;padding:0;list-style-type:none;list-style-image:url("img/list.gif");}
div#extra p{margin: 275px 0 0 21px;}

div#scroll
{
	width:400px;
	overflow:auto:
	margin:0;
}

div#scroll clr // to clear floating elements in the list
{
	clear:both;
	font-size:1px;
	line-height:1px;
}

#scroll ul
{
	width:1400px;
	height:80px;
}
#scroll ul li
{
	display:block;
	float:left;
	margin-left:5px;
	text-align:center;
}
#scroll ul li a img
{
	border:none;
}
#scroll ul li a
{
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}

#lnavc {
	position: absolute;
	list-style: none;
	margin: 60px 0 0 0;
	padding: 0 0 0 30px;
	height: 120px; 
	overflow: hidden;
}

#lnavc li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#lnavc a {
	float: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	height: 60px !important; 
	height /**/:60px; /* for IE5/Win */
	}


#lnav {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 60px; 
	overflow: hidden;
	width: 150px; 
}

#lnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#lnav a {
	float: left;
	padding: 0px 0 0 0;
	overflow: hidden;
	height: 20px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#lnav a:hover {
	background-position: 0 -20px;
	}

#lnav a:active, #lnav a.selected {
	background-position: 0 -20px;
	}
	
#m1 a  {
	width: 150px;
	background: url("img/lmenu1.gif") top left no-repeat;
	}

#m2 a  {
	width: 150px;
	background: url("img/lmenu2.gif") top left no-repeat;
	}

#m3 a  {
	width: 150px;
	background: url("img/lmenu3.gif") top left no-repeat;
	}
	
dt, dl, dd{
list-style-type: none;
margin: 0;
padding: 0;
}

#menu {
	position: relative;
	margin:0;
	padding:0;
	list-style-type:none;
	top: 48px;
	height: 48px;
	width: 661px;
	z-index:100;
}

#menu dd {
	padding-left:4px;
	padding-top:3px;
}

#menu dl dt a:hover, #menu dl dt a:active, #menu dl dt a.selected {
	background-position: 0 -32px;
	}
#mm1 a  {
	display: block;
	position: relative;
	width: 101px;
	height: 32px;
	background: url("img/menu1.gif");
	}

#smm1_1 a  {
	display: block;
	position: relative;
	width: 98px;
	height: 28px;
	background-image: url("img/sbmenu1_1.png");
	}
	
#smm1_1 a:hover  {
	background-image: url("img/sbmenu1_1.png");
	background-position: 0px -28px;
	}
	
#smm1_2 a  {
	display: block;
	position: relative;
	width: 125px;
	height: 28px;
	background: url("img/sbmenu1_2.png") top left no-repeat;
	}
#mm2 a  {
	display: block;
	position: relative;
	width: 108px;
	height: 32px;
	background: url("img/menu2.gif") top left no-repeat;
	}
#mm3 a  {
	display: block;
	position: relative;
	width: 109px;
	height: 32px;
	background: url("img/menu3.gif") top left no-repeat;
	}
#mm4 a  {
	display: block;
	position: relative;
	width: 108px;
	height: 32px;
	background: url("img/menu4.gif") top left no-repeat;
	}
#mm5 a  {
	display: block;
	position: relative;
	width: 126px;
	height: 32px;
	background: url("img/menu5.gif") top left no-repeat;
	}
#mm6 a  {
	display: block;
	position: relative;
	width: 109px;
	height: 32px;
	background: url("img/menu6.gif") top left no-repeat;
	}

#menu dl {
float: left;
}
#menu li {
display: inline;
float:left;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
left: 0;
width: 661px;
float:left;
}

#smenu5 {
position: absolute;
left: 0;
margin:0 0 0 200px;
width: 500px;
float:left;
}
#smenu6 {
position: absolute;
left: 0;
margin:0 0 0 150px;
width: 520px;
float:left;
}

#isisub1 {
	display: block;
	float:left;
	position: relative;
	width: 12px;
	height: 28px;
	background: url("img/bgsubl.png") top left no-repeat;
}

#isisub3 {
	display: block;
	float:left;
	position: relative;
	width: 14px;
	height: 28px;
	background: url("img/bgsubr.png") top left no-repeat;
}
#isisub2 {
	position: relative;
	display:block;
	float:left;
	background: url("img/bgsub.png") top left repeat-x;
	height: 26px;	
	text-align:center;
	font-family:Arial;
	font-size:12px;
	color:#efddc7;	
	padding-top:2px;
}

#submenu12{
	float:left;
	top:93px;
	left:53px;
	background:url("img/bgsubsubmn.png") top left no-repeat;
	padding:25px 0 0 28px;	
	margin: 45px 0 0 53px;
	width:497px;
	height:61px;
	font-family:Arial;
	font-size:13px;
}

#submenu21{float:left;top:87px;left:24px;background:url("img/bgsubsubmn23.png") top left no-repeat;padding:30px 0 0 13px;margin: 39px 0 0 24px;width:512px;height:68px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu22{float:left;top:87px;left:65px;background:url("img/bgsubsubmn22.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 65px;width:281px;height:60px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu23{float:left;top:87px;left:78px;background:url("img/bgsubsubmn23.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 65px;width:512px;height:63px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu31{float:left;top:87px;left:24px;background:url("img/bgsubsubmn32.png") top left no-repeat;padding:25px 0 0 8px;margin: 39px 0 0 24px;width:513px;height:97px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu32{float:left;top:87px;left:54px;background:url("img/bgsubsubmn32.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 54px;width:513px;height:94px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu41{float:left;top:87px;left:24px;background:url("img/bgsubsubmn41.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 24px;width:571px;height:117px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu42{float:left;top:87px;left:24px;background:url("img/bgsubsubmn42.png") top left no-repeat;padding:25px 0 0 5px;margin: 39px 0 0 36px;width:237px;height:69px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu43{float:left;top:87px;left:24px;background:url("img/bgsubsubmn43.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 100px;width:430px;height:117px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu44{float:left;top:87px;left:24px;background:url("img/bgsubsubmn44.png") top left no-repeat;padding:25px 0 0 5px;margin: 39px 0 0 100px;width:308px;height:69px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu45{float:left;top:87px;left:24px;background:url("img/bgsubsubmn45.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 36px;width:521px;height:117px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu61{float:left;top:87px;left:100px;background:url("img/bgsubsubmn61.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 100px;width:327px;height:84px;font-family:Arial;font-size:13px;overflow:hidden;}
#submenu63{float:left;top:87px;left:24px;background:url("img/bgsubsubmn63.png") top left no-repeat;padding:25px 0 0 13px;margin: 39px 0 0 24px;width:544px;height:88px;font-family:Arial;font-size:13px;overflow:hidden;}

a.submenu {color:#efddc7; text-decoration:none;}
a.submenu:hover, .submenuaktif {color:#84d0f0;font-family:"Arial Black",Arial;font-size:12px;text-decoration:underline;}

a.subsubmenu {color:#5f4023;color:#5f4023; text-decoration:none;}
a.subsubmenu:hover, .subaktif {font-family:"Arial Black",Arial;font-size:12px;color:#1a89c6;text-decoration:underline;}