@charset "utf-8";

img{
	max-width:100%;
	height:auto;
	
}
#body {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #f4f4f4;
}
.image_float {
	border:0px solid silver;
	float:right;
	margin-bottom: 5px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 10px;
}
.image_float_right {
	border:solid 1px silver;
	float:right;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	margin-top: 10px;
	margin-left: 15px;
}
.image_float_bottom {
	border:solid 1px silver;
	float:left;
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 5px;
}

a ,
a:link,
a:visited 		{
	color: #333;
	TEXT-DECORATION: none;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover,
a:active 		{
	TEXT-DECORATION: underline;
	color: #09C;
}



#current {
	color: #0086C6;
	text-decoration: underline;
}
#top1 {
	height: 55px;
	width: 100%;
	background-color: #000;
}
 
#top2 {
	height: 1px;
	width: 100%;
	background-color: #FFF;
}
.top_wrapper {
	height: auto;
	width: 1000px;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
}



#menu_back {
	height: 55px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/desain1_02_02_03.jpg);
	background-repeat: repeat-x;
}
#top_wrapper2 {
	height: auto;
	width: 1000px;
	background-color: transparent;
	margin-right: auto;
	margin-left: auto;
}
#header_left{
	width:657px;
	height:365px;
	float:left
}
#header_right{
	width:343px;
	height:365px;
	float:right;
	background-image: url(images/desain1_12.jpg);
	background-repeat: no-repeat;
}
#font_top1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CCC;
	text-align: left;
	float: left;
	padding-top: 15px;
}
#font_top2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CCC;
	text-align: right;
	float: right;
}
#font_top2 a:link {

	color: #CCC;
}
#font_top2 a:hover {

	color: #09C;
}

#content_wrapper {
	height: auto;
	width: 960px;
	background-color: #eaeaea;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
}
.content {
	height: auto;
	width: 1000px;
	margin-bottom: 10px;
	background-color: #E9E9E9;
}
#content_right {
	height: auto;
	width: 290px;
	float: left;
}
#content_right_head {
	height: 37px;
	background-image: url(images/desain1_09.jpg);
	background-repeat: repeat-x;
	width: 290px;
}
#content_right_title {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #1a9cac;
	text-shadow:0 1px 1px #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81C9CF;
	padding-bottom: 10px;
}
#content_right_box {
	height: auto;
	width: auto;
	background-color: #b8e1e4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding: 10px;
	line-height: 2em;
}
.padding {
	height: 10px;
	width: auto;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #FFF;
	line-height: 1.2em;
	font-weight: normal;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 0px;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #333;
	line-height: 1.5em;
	font-weight: normal;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-top: 0px;
}
h1 {
	dbd2b8font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #09C;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow:0 1px 1px #ffffff;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#font_content_subjudul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: left;
	text-shadow:0 1px 1px #ffffff;
}
#font_content_subjudul a:link,#font_content_subjudul a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-shadow:0 1px 1px #ffffff;
}
#font_content_subjudul a:hover,#font_content_subjudul a:active {
	color: #F00;
	text-decoration: none;
}
#font_side {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	font-weight: normal;
	margin: 10px;
}
#font_side a:link, #font_side a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#font_side a:hover, #font_side a:active {
	color: #C00;
	text-decoration: underline;
}
#font_date_posting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #666;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #1D1D1D;
	margin: 0px;
	width: 100%;
}
#font_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	margin: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}
#font_view {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #C00;
	font-weight: normal;
	margin: 0px;
}



input,select,textarea {
	font-size: 12px;
	padding: 4px 3px;
	border: 1px solid #CCC;
	background-color: #fefefe;
	background-image: url(images/desain1_17_02.jpg);
	background-repeat: repeat-x;
}
input:focus, textarea:focus, select:focus {
	background-color: #FFF;
}
input.error, select.error, textarea.error {
	border: 1px solid #F00;
}
label.error {
	color:#F00;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.page{
	padding: 5px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin: 1;
	border: 0px solid #CCC;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
.page a {
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	background-image: url(images/bg_gradient.jpg);
	background-repeat: repeat-x;
	border: 1px solid #DFDFDF;
}
.page a:hover {
	padding: 5px;
	color: #F00;
	text-decoration: none;
	background-color: #CCC;
	font-weight: bold;
	margin: 0;
}
.elipse{
	
	background-color:#373737;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	width: auto;
	display: inline;
	padding: 10px;
	cursor:pointer;
    } 
	
    .elipse:hover{
	background-color:#0a518f;
	color: #FFF;
    } 
	
    .elipse:active{
	background-color:#0a518f;
	color: #FFF;
    } 

#footer {
	height: auto;
	width: 1000px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #151515;
}
#footer2 {
	height: auto;
	width: 1000px;
	text-align: left;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
}

#bottom_wrapper {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: transparent;
	padding-top: 5px;
	padding-bottom: 5px;	
}
#bottomfloat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	float: left;
	width: 31%;
	margin: 1%;
	height: auto;
	line-height: 1.5em;
}
#bottomfloat_title {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #09C;
	font-weight: normal;
	text-shadow: 0px 1px 0px #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#bottom_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1F1F1F;
}
#bottom_menu a:link,#bottom_menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
}
#bottom_menu a:hover,#bottom_menu a:active {
	color: #FFF;
	text-decoration: underline;
}

#bottom_teks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: center;
}
#bottom_teks a:link,#bottom_teks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCC;
}
#bottom_teks a:hover,#bottom_teks a:active {
	color: #FFF;
	text-decoration: underline;
}

#bottom_teks2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	line-height: 2em;
}
#bottom_teks2 a:link,#bottom_teks2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
}
#bottom_teks2 a:hover,#bottom_teks2 a:active {
	color: #F90;
	text-decoration: underline;
}
#separator {
	height: 2px;
	width: 100%;
	background-image: url(images/separator.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.aToolTip {
	border:1px solid #333;
	color:#fff;
	margin:0;
	padding:2px 10px;
	font-size:12px;
	background-image: url(images/bg_opacity.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}

.scrollup{
	width:100px;
	height:100px;
	opacity:0.3;
	position:fixed;
	bottom:30px;
	right:20px;
	display:none;
	text-indent:-9999px;
	background-image: url(images/icon_top.png);
	background-repeat: no-repeat;
}
#menu_1 {
	text-decoration:none;
	width: 200px;
	height: 140px;
	float: left;
	background-color:#ffbd00;
	background: -moz-linear-gradient(top,  #ffbd00 0%, #ff8500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd00), color-stop(100%,#ff8500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffbd00 0%,#ff8500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffbd00 0%,#ff8500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffbd00 0%,#ff8500 100%); /* IE10+ */
	background: linear-gradient(top,  #ffbd00 0%,#ff8500 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd00', endColorstr='#ff8500',GradientType=0 );
}
#menu_2 {
	text-decoration:none;
	width: 200px;
	height: 140px;
	float: left;
	background-color:#f5f5f5;
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 0%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 );
}
#menu_3 {
	text-decoration:none;
	width: 200px;
	height: 140px;
	float: left;
	background-color:#01e3ff;
	background: -moz-linear-gradient(top,  #01e3ff 0%, #138896 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01e3ff), color-stop(100%,#138896)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01e3ff 0%,#138896 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01e3ff 0%,#138896 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01e3ff 0%,#138896 100%); /* IE10+ */
	background: linear-gradient(top,  #01e3ff 0%,#138896 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01e3ff', endColorstr='#138896',GradientType=0 );
}
#menu_4 {
	text-decoration:none;
	width: 200px;
	height: 140px;
	float: left;
	background-color:#424240;
	background: -moz-linear-gradient(top,  #424240 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424240), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #424240 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #424240 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #424240 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(top,  #424240 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424240', endColorstr='#000000',GradientType=0 );
}
#menu_5 {
	text-decoration:none;
	width: 200px;
	height: 140px;
	float: left;
	background-color:#ffdb01;
	background: -moz-linear-gradient(top,  #ffdb01 0%, #ffbb01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb01), color-stop(100%,#ffbb01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffdb01 0%,#ffbb01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffdb01 0%,#ffbb01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffdb01 0%,#ffbb01 100%); /* IE10+ */
	background: linear-gradient(top,  #ffdb01 0%,#ffbb01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdb01', endColorstr='#ffbb01',GradientType=0 );
}

#scrollbar1 {
	width: 1000px;
	clear: both;
	margin: 20px 0 10px;
}
#scrollbar1 .viewport {
	width: 980px;
	height: 400px;
	overflow: hidden;
	position: relative;
	background-color: #ededed;
	background-image: url(images/desain1_02_05_02_02.jpg);
	background-repeat: repeat-x;
}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }