@charset "utf-8";
/* CSS Document */
#body_bg { background-image:url(../new_images/index_bg.jpg); background-repeat:repeat-x; float:left; width:100%; height:2380px;}

h1 { margin:0px;}
h2 { margin:0px;}
h3 { margin:0px;}
h4 { margin:0px;}
h5 { margin:0px;}
p { margin:0px;}

#nav {
	text-align: center;
	width: 100%;
	background: #000 url(../new_images/nav.gif) repeat-x;
	margin: 0;
	padding: 0;
	height: 40px;
	cursor: default;
	float:left;
}

#nav li, #nav a {
	display: inline;
	color: #fff;
	text-decoration: none;
	font:normal 11px verdana,;
	height: 40px;
	line-height: 40px;
	padding: 12px 10px;
	margin: 0;
}

#nav li a {
	background: transparent url(../new_images/nav.gif) repeat-x;
}

#nav li a:hover, #nav li#current a {
	background: transparent url(../new_images/nav.gif) repeat-x;
	background-position: 0 -40px;
}

#nav li {
	padding: 5px 0;
}
#waktu{ font-family:verdana; font-size:11px; font-weight:bold; color:#333333;}

.plg_bottom {width:100%; font-family:verdana; font:normal 11px verdana,; color: #333333; margin-top:10px; height:50px;}
.plg_bottom a {width:100%; font-family:verdana; font:normal 10px verdana,; color: #333333; margin-top:10px; height:50px;}
.plg_bottom a:hover {width:100%; font-family:verdana; color: #990000;}

#button{ width:850px; margin:10px 0px 0px 0px;}
#second_body {width:850px; height:100px; float:left; padding-top:20px;}

.dc_title {font-family:verdana; text-decoration:none; font-size:13px; color:#990000;}
.dc_title a {font-family:verdana; text-decoration:none; font-size:14px; color:#990000; font-weight:bold;}
.dc_title a:hover { text-decoration:underline;}

#dc { width:410px; height:90px; float:left;}
#dc a { width:420px; height:90px; float:left; border:1px solid white; display:block; font-family:verdana; font-size:11px; color:#333333; text-decoration:none; line-height:20px; margin:0px 0px 0px 0px; padding:2px;}
#dc a:hover{border:1px solid #990000;}

#aiobp { width:410px; height:90px; float:right;}
#aiobp a { width:410px; height:90px; float:left; border:1px solid white; display:block; font-family:verdana; font-size:11px; color:#333333; text-decoration:none; line-height:20px; margin:0px 5px 0px 0px; padding:2px;}
#aiobp a:hover{border:1px solid #990000;}

#content h3 { font-family:verdana; font-size:14px; color:#333333; line-height:21px;}
#content h5 { font-family:verdana; font-size:10px; color:#333333; line-height:16px; margin:0px; font-weight:normal;}

#contentb {width:850px; margin-top:20px;}
#contentb h3 { font-family:verdana; font-size:15px; color:#333333; line-height:21px; margin:10px 0px 0px 0px; }
#contentb h4 { font-family:verdana; font-size:15px; color:#333333; line-height:21px; margin:0px;}
#contentb h5 { font-family:verdana; font-size:13px; color:#333333; line-height:21px; margin:0px; font-weight:normal;}
#contentb h2 a { font-family:verdana; font-size:14px; color: #990000; line-height:21px; margin:0px;}
#contentb p { font-family:verdana; font-size:12px; color:#333333; line-height:21px; margin:0px; padding:5px 0px 5px 0px;}
#contentb ol { font-family:verdana; font-size:12px; color:#333333; line-height:21px; margin:0px;}
#contentb a { font-family:verdana; font-size:12px; color:#990000; line-height:21px; text-decoration:underline;}
#contentb a:hover {text-decoration:none; color:#333333;}
#contentb ul { font-family:verdana; font-size:12px; color:#333333; line-height:21px; list-style-image:url(../IMAGES/arrow13.gif); margin:10px 0px 10px 0px; text-align:justify;}

#b_get {padding:8px; border:1px solid white; background-image:url(../new_images/mini_course.jpg); background-repeat:no-repeat; background-position:right;}
#b_get ul li {font-family:verdana; font-size:12px; color:#333333; line-height:21px; list-style-image:url(../IMAGES/arrow13.gif); margin:10px 0px 10px 0px; text-align:justify; line-height:18px;}
#b_get:hover {border:1px solid silver;}

#newsletter {width:309px; height:275px; float:right; padding:5px; border:1px dotted silver; background-image:url(../new_images/bg_dci.gif); background-position:bottom left; background-repeat:no-repeat; margin-left:10px;}
#newsletter:hover {border:1px solid #990000;}
.newsletter {color:#336666; font-size:15px; font-family:verdana;}
#newsletter form {margin:0px}
#newsletter h4 {font-family:verdana; color:#333333; font-size:15px; line-height:20px; margin:0px 0px 2px 0px;}
.newsletter2 a {font-family:verdana; color:#990000; font-size:14px; line-height:20px;}
#newsletter h6 {font-family:verdana; color:#333333; font-size:11px; line-height:17px; font-weight:normal; margin:0px;}

.free { font-family:verdana; color:#5B0000; font-size:17px;}

#content ul { font-family:verdana; font-size:12px; color:#333333; line-height:21px; list-style-image:url(../IMAGES/arrow13.gif); margin:0px;}
#content ul a { font-family:verdana; font-size:12px; color:#990000; line-height:21px; text-decoration:underline; list-style-image:url(../IMAGES/arrow13.gif); margin:0px;}

#m_ats {width:850px; margin-top:8px; height:448px; padding-top:8px; border:1px solid white;}
#m_ats:hover {background-color:#E1E1F0; border:1px solid silver;}

#content a:hover {color:#333333; line-height:20px; text-decoration:none;}

#title h1{font-family:verdana; font-size:24px; color:#333333; width:850px; margin-top:5px;}

#r_menu {width:435px; height:445px; float:right;}

#title3 h3 {font-family:verdana; font-size:14px; color:#333333;}

#title3 p {font-family:verdana; font-size:12px; color:#333333; line-height:21px; margin:0px;}
#title3 a {font-family:verdana; font-size:12px; color:#990000; line-height:21px; text-decoration:underline;}
#title3 a:hover {text-decoration:none; color:#333333;}

#video {width:410px; height:445px; float:left; font-family:verdana; font-size:10px; color:#333333; line-height:18px; font-weight:normal;}

#profil {width:415px; height:75px;}
#profil a {width:415px; height:75px; border:1px dotted silver; text-decoration:none; display:block;}
#profil a:hover {border:1px solid #990000;}

.capt_video { font-family:verdana; font-size:10px; color:#333333; line-height:18px; font-weight:normal;}

#l_images { 
background-image:url(../highslide/graphics/outlines/rounded-white/1.png);
background-image:url(../highslide/graphics/outlines/rounded-white/2.png);
background-image:url(../highslide/graphics/outlines/rounded-white/3.png);
background-image:url(../highslide/graphics/outlines/rounded-white/4.png);
background-image:url(../highslide/graphics/outlines/rounded-white/5.png);
background-image:url(../highslide/graphics/outlines/rounded-white/6.png);
background-image:url(../highslide/graphics/outlines/rounded-white/7.png);
background-image:url(../highslide/graphics/outlines/rounded-white/8.png);
}



/*start button style*/
/*End button style*/

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}