/* 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: #482904;
}

.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{
	border:1px solid #CCCCCC;
	display:block;
	width:575px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	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;
	border:1px solid #CCCCCC;
	display:block;
	width:570px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:0 0px 0 0px;
	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;
}

.endtitle {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

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

#cont_news {
	border:1px solid #CCCCCC;
	display:block;
	width:770px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:0px 0 0px 0px;
	padding:5px 5px 5px 5px;
}

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

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

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

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

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

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

#cont_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;
}

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

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


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

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

/******************* news rotator *********************/
/* Rotator Styles */
#wrapper {
	width:270px;
	display:block; 
	border-bottom:1px solid #92a5bc;
	margin:0 auto;
}

#rotator {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:1.0em;
	/*border: thin solid #CCCCCC;*/
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:0.8;
	text-decoration:none;
	font-size:1.0em;
	list-style:none;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:#FFF url(images/uitabsbg.gif) repeat-x bottom right;
	border-top:1px solid #FFF;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:0.8em;
	font-weight:normal;
	color:#999;
	background:#FFF url(images/uitabsbg.gif) repeat-x bottom left; 
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF url(images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url(images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	clear:left;
	color:#000;
	padding:20px 5px 10px 10px;
	height:150px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#004276;
	font-weight:normal;
	margin:0;
	font-size:1.2em;
	line-height:1.1em;
}

#rotator p {
	font-size:0.85em;
	margin:.5em 0;
	color:#666666;
	/*color:#333;*/
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(images/getstarted.gif) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

.morenews {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:0.9em;
	margin:.5em 0;
	color:#666666;
}

a:link {
	color:#004276;
	text-decoration: none;
}
a:visited {
	color:#5c7996;
	text-decoration: none;
}
a:hover {
	color:#ca0026;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	/*font-family: Arial, Helvetica, sans-serif;*/
}

#connected {
	width:115px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:5px 5px 5px 5px;
	position: top left;
}

/******************* darmasiswa *********************/
#darmasiswa1 {
	border:1px solid #CCCCCC;
	display:block;
	width:200px;
	background:#ffffff;
	border:1px solid #D4D4D4;
	margin:5px 0 5px 5px;
}

.darmasiswa2{
	display:block;
	background-color:#CECECE;
	margin:0 0 6px 0;
}

.darmasiswa2 .text{
	font-size:14px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

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

.darmasiswabg {
	display:block;
	background-color:#CECECE;
	margin:0 0 6px 0;
}

.darmasiswabg h1{
	font-size:20px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

.darmasiswabg h2{
	font-size:14px;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000099;
	background-position:top left;
	margin:-2px;
	padding:3px 3px 3px 6px;
}

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

/******************* site index *********************/
#site1 {
	border:1px solid #CCCCCC;
	display:block;
	background:#EAE1C4;
	border:1px solid #D4D4D4;
	margin:5px 0 5px 0px;
}

.site2  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	margin:5px 5px 5px 5px;
}