/* CSS Document */

/* bagian luar */

{
	margin:0;
	padding:0;
}

body, td, th, form, textarea, input, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

body{
	text-align:center;
}

#container{
	width:800px;
	text-align:left;	
	background-color:#FFFFFF;
	padding:5px;
	margin:0 auto; 
}

#header{
		background-color: #ffffff;
}

.tdTopMenu{
	background-color:#AFB6AE;
}

.aTop, .aTop:link, .aTop:visited, .aTop:active{
	color:#795D36;
	font-weight:bold;
	text-decoration:none;
}

.aWhite:hover{
	text-decoration:none;
}

/* Container for the Menu */

#sidemenu {
	width:200px;
	background-color:#EAE1C4;
}

#menu{
	background-color: #EAE1C4;
	border: 1px solid;
	border-color: #E4E9D8 #99A189 #99A189 #E4E9D8;
	padding: 6px;
	width: 200px;
	font-weight:bold;
	left: 102px;
	top: 288px;
}

/**************** Turns off Margin, Padding, and Bullets for the Menu List ******************/

#menu ul {margin: 0px; padding: 0px;}
#menu li {margin: 1px; padding: 1px; list-style-type: none;}


/**************** Rules to copy if you use the WriteStyles Command **************************/

.closed ul{display:none;}
.open ul{display:block;}

/***************************** Link Styles for the Menu *************************************/

.closed a, .open a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #C0B99D;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #EEF0E3;
	display: block;
	font-size:"2px";
	padding: 2px 0px 2px 16px;
	text-decoration: none;
}

/**************************** Hover and Active styles for the menu ****************************/

.closed a:hover, .open a:hover, .closed a:active, .open a:active {
	background-color: #ACB39F;
	color: #5B624F;
}

/************** Plus Sign for Trigger Links in Closed State ****************/

.closed a {background-image: url(images/menplus.gif);}

/************** Minus Sign for Trigger Links in Open State *****************/

.open a {background-image: url(images/menminus.gif);}

/************** Link Styles for the Submenus ******************************/

.closed ul a, .open ul a, .open ul a:hover {
	background-color: transparent;
	background-image: url(images/pagemarker.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0;
	color:#666;
	font-size:"1px";
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 16px;
}

/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {font-weight: bold;}


/************************ feauture ***************************/

#2008 {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	text-align:justify;
	margin:0 3px 0 3px;
	border:1px solid #cccccc;
}

#feature{
	background-color:#ffffff;
	margin:3px 3px 3px 3px;
}

#feature h2 {
	background-color:#AC1011;
	font-size:12px;
	background-position:top left;
	margin:0 0 0 0;
	padding:3px 3px 3px 6px;
}

#feature1 {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	text-align:justify;
	margin:0 5px 0 5px;
	vertical-align:top;
}

#feature1 ul{
	padding:0px 6px 0px 0px;
	margin:6px 0px 0px 0px;
}


#feature1 ul li{
	margin-bottom:6px;
	padding:6px 3px 3px 6px;
	list-style-type:none;
}

#feature2 {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	text-align:justify;
	margin:0 5px 0 5px;
	vertical-align:top;
}

#feature2 h2{
	font-size:12px;
	color:#666666;
	text-decoration:none;
	text-align:left;
}

#feature2 h3{
	font-size:12px;
	color:#004276;
	text-decoration:none;
	margin:5px 0 0 5px;
}

#feature2 .text {
	font-size:11px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:5px 10px 0 8px;
}

#feature2 .link1 {
	font-size:11px;
	color:#663333;
	margin:0 0 0 5px;
}

#feature2 .img {
	margin: 5px 5px 5px 5px;
	text-decoration:none;
	text-align:center;
}

/******************* news *********************/

#news {
	border:1px solid #CCCCCC;
	display:block;
	width:275px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:5px 0 5px 5px;
}

.news1{
	display:block;
	background-color:#AFB6AE;
	margin:0 0 6px 0;
}

.news1 h2{
	background-color:#AC1011;
	font-size:12px;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

#news h3{
	font-size:12px;
}

#news ul{
	padding:0px 3px 0px 0px;
	margin:3px 0px 0px 0px;
}

#news ul li{
	margin-bottom:3px;
	padding:0px 3px 0px 6px;
	list-style-type:none;
}

#news ul li h3{
	margin-bottom:3px;
	margin-top:3px;
}

#news ul li .text{
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#666666;
	text-align:justify;
}

#news .link1 {
	clear:both;
	font-size:11px;
	color:#663333;
	margin:0 0 0 5px;
}

#news .module_content{
	margin:6px;
	margin-right:9px;
	margin-bottom:9px;
}


#news li small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666666;
}

#news. img{
		text-align:center;
}

/******************* events *********************/

#events {
	width:275px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	border-color:#D4D4D4;
	margin:5px 0 5px 5px;
	position: top left;
}

.events1{
	background-color:#AFB6AE;
	margin:0 0 6px 0;
}

.events1 h2{
	background-color:#AC1011;
	font-size:12px;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

#events h3{
	font-size:12px;
}

#events ul{
	padding:0px 3px 0px 0px;
	margin:3px 0px 0px 0px;
}

#events ul li{
	margin-bottom:3px;
	padding:0px 3px 0px 6px;
	list-style-type:none;
}

#events ul li h3{
	margin-bottom:3px;
	margin-top:3px;
}

#events ul li .text{
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666666;
	text-align:justify;
}

#events .link1 {
	clear:both;
	font-size:11px;
	color:#663333;
	margin:0 0 0 5px;
}

#events .module_content{
	margin:6px;
	margin-right:9px;
	margin-bottom:9px;
}


#events li small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#666666;
}

#events. img{
		text-align:center;
}

/******************* multimedia *********************/

#multi {
	width:275px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:5px 0 5px 5px;
	position: top left;
}

.multi1{
	background-color:#AFB6AE;
	margin:0 0 6px 0;
}

.multi1 h2{
	background-color:#AC1011;
	font-size:12px;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

#multi h3{
	font-size:12px;
}

#multi ul{
	padding:0px 3px 0px 0px;
	margin:3px 0px 0px 0px;
}

#multi ul li{
	margin-bottom:3px;
	padding:0px 3px 0px 6px;
	list-style-type:none;
}

#multi ul li h3{
	margin-bottom:3px;
	margin-top:3px;
}

#multi ul li .text{
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666666;
	text-align:justify;
}

#multi .link1 {
	clear:both;
	font-size:11px;
	color:#663333;
}

#multi .module_content{
	margin:6px;
	margin-right:9px;
	margin-bottom:9px;
}


#multi li small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#666666;
}

#multi. img{
		text-align:center;
}

/******************* courses *********************/

#courses {
	width:275px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:5px 0 5px 5px;
	position: top left;
}

.courses1{
	background-color:#AFB6AE;
	margin:0 0 6px 0;
}

.courses1 h2{
	background-color:#AC1011;
	font-size:12px;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

#courses h3{
	font-size:12px;
}

#courses ul{
	padding:0px 3px 0px 0px;
	margin:3px 0px 0px 0px;
}

#courses ul li{
	margin-bottom:3px;
	padding:0px 3px 0px 6px;
	list-style-type:none;
}

#courses ul li h3{
	margin-bottom:3px;
	margin-top:3px;
}

#courses ul li .text{
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#666666;
	text-align:justify;
}

#courses .link1 {
	clear:both;
	font-size:11px;
	color:#663333;
}

#courses .module_content{
	margin:6px;
	margin-right:9px;
	margin-bottom:9px;
}


#courses li small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666666;
}

#courses. img{
		text-align:center;
}

/******************* menu link *********************/

#menul {
	width:200px;
	background-color:#EAE1C4;
	border:1px;
	border-color:#000000;
}

#menul ul{
	width:200px;
	padding:5px 3px 0px 0px;
	margin:3px 0px 10px 0px;
}

#menul ul li{
	margin-bottom:10px;
	padding:0px 3px 0px 6px;
	list-style-type:none;
}

#menul .img {
	text-align:center;
}

/******************* news-content *********************/

#newscont {
	background-color:#CCCCCC;
	border-right:1px;
	border-right-color:#CCCCCC;
	margin:5px 5px 0 5px;
}

#newscont h2 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

.text{
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 3px 0 3px;
	padding:0px;
	font-size:11px;
	color:#666666;
	text-align:justify;
}

.small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#666666;
}

/******************* news-archives *********************/

#newsarch {
	background-color:#FFFFFF;
	margin:5px 5px 0 5px;
}

#newsarch1 {
	background-color:#AFB6AE;
	margin:0 0 6px 0;
}

#newsarch1 h2 {
	background-color:#AC1011;
	font-size:12px;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

#newsarch ul{
	padding:0px 3px 0px 0px;
	margin:3px 0px 0px 0px;
}

#newsarch ul li{
	margin-bottom:3px;
	padding:0px 3px 0px 6px;
	list-style-type:none;
}

#newsarch ul li h3{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin-bottom:3px;
	margin-top:3px;
}

#newsarch ul li .text{
	margin-top:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#666666;
	text-align:justify;
}

#newsarch .link1 {
	clear:both;
	font-size:11px;
	color:#663333;
	margin:0 0 0 5px;
}

#newsarch .module_content{
	margin:6px;
	margin-right:9px;
	margin-bottom:9px;
}

#newsarch li small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#666666;
}