body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}

/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 

html { background-color:#322a1d;}

body { 
	background:#1b576a url("../images/bgpageo.gif") top repeat-x;
	text-align:center; 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { 
	margin-left:10px; 
	margin-right:10px; 
	}

a	{ color:#000; text-decoration:none; outline:none; }
a:hover	{ color:blue; text-decoration:underline; outline:none; }

/* ----- classes ----- */

.clear {
	clear:both;
	}

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:18px;
	background:url("../images/bullet-back-to-top.gif") right no-repeat;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
	
/* ----- global form elements ----- */ 

form {
	width:234px;
	margin:0 0 18px 0;
	}

form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

.input, .textarea, .select { 
	background-color:#dedef7 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #F6F4E9;
	color:#414141;
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding:1px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:11px;
	}
	
select { width:135px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

.button { width:50px; padding: 5px; background: #ff0000 }

#contact-business { display: none; } /* do not remove */ 

/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	width:10px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 5px 5px 243px; }

/* framework
 * ------------------------------------------------------------------------- */

#wrap {
	
	width:824px;
	margin:0 auto;
	text-align:left;
	}
	
#logo {
	background: url(../images/topheader.jpg) no-repeat;
	width: 770px;
	height: 145px;
	padding: 0px 50px 0px 35px;
	color: #000;
	}
/* ----- row-blurbs on index ----- */

#row-blurbs {
	background: #fff url(../images/bgwrap.gif) repeat-y;
	width:824px;
	}
	
	#row-blurbs a { color:#000; }
	
	.col-left {
		width:287px;
		padding: 10px 15px 10px 20px; 
		line-height: 20px;
		}
		
		#col-news p {
			margin:10px 20px 18px 12px;
			}

	#col-main {
		width:450px;
		float:left;
		}
		
		#col-main p{margin-top:12px }
			
		
	.col-right {
		width:558px;
		padding: 10px 45px 10px 20px; 
		line-height: 20px;
		}
	.col-right p{margin-top: 19px;}	
	
	
#galeri {
	background: url(../images/bggaleri.jpg) no-repeat;
	width: 845px;
	height: 255px;
	padding: 0px 0px 0px 100px;
	
	}
			
/* ----- bottom-wrap ----- */
 
#bottom-wrap {
	background:#1b576a url(../images/footer.jpg) no-repeat top;
	height:74px;
	width:100%; 
	padding-top: 0px;
	}

	
/* header framework
 * ------------------------------------------------------------------------- */

body#index #header-graphic { position:relative; height:356px; background:url("../images/headersplash.jpg"); }  
#header-graphic { position:relative; height:356px; background:url("../images/header-graphic-sub.jpg"); } 
#header-graphic a {
	position:absolute;
	top:0px;
	left:12px;
	width:371px;
	height:60px;
		}
		#header-graphic a span {display:none;}
		
h2 {font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0000ff;}
h3 {font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;}
h4 {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #99ffff;}
h5 {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ccff99;}
.tanggal {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ccff99;}
.judul {font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0000FF;}
.penulis {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #99ffff;}
/* ------------------------ title framework with varying heights ------------------------- */
#title-search {
	height:auto;
	background: url("../images/bglogin.gif") no-repeat top left;
	border: 0px #ccc solid;
	margin-bottom:0px;
	padding: 40px 0px 10px 15px;
	}

#title-pendaftaran {
	height:auto;
	background:#fff url("../images/title-newso.jpg") no-repeat top;
	margin-bottom:-100px;
	}

#splash {
	height:auto;
	padding: 31px 0px 0px 85px;
	}
	
	
#login {
    height:auto;
	margin-bottom:20px;
	padding: 55px 0px 0px 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:11px;
	color: #ff6600;
	}

#title-profil {
	background: #e0dbbe url(../images/bgprofil.jpg) no-repeat top right;
    height:auto;
	margin-bottom:10px;
	padding:35px 30px 10px 23px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	text-align: justify;
	border: 2px #ccc solid;
	}
	
#submenu {
	background: #e0dbbe url(../images/bg_menukiri.jpg) no-repeat top right;
    height:auto;
	margin-bottom:10px;
	padding:35px 20px 10px 23px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	text-align: justify;
	border: 2px #ccc solid;
	}
	
#event {
    width: 430px;
    background: url("../images/agenda.jpg") no-repeat top left ;
    height:auto;
	margin-bottom:10px;
	padding:35px 0px 10px 23px;
	font-family:"Comic San MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	}
	
#title-galeri {

	height:auto;
	background:#cee7fa url("../images/title-galeri.jpg") no-repeat top left ;
	margin-bottom:20px;
	padding:55px 5px 10px 5px;
	}

#box_menu {
    background:url("../images/bgmenu.jpg") no-repeat top left;
	width: 257px;
	margin-bottom:10px;
	padding:40px 0px 0px 7px;
	}
	
#ban_galeri {
	width: 150px;
	margin-bottom:10px;
	padding:15px 0px 0px 0px;
	}
#ban_forum {
	margin-bottom:10px;
	padding:15px 0px 0px 30px;
	}
#ban_alumni {
	margin-bottom:10px;
	padding:15px 0px 0px 30px;
	}
	
/* footer
 * ------------------------------------------------------------------------- */
#footer-wrap {
	background:#0e2149 url("../images/bg-footer-scaleo.jpg") repeat-x;
	width:100%;
	}
	 
#footer {
	background:url("../images/bg-footer-limo.jpg") no-repeat;
	width:845px;
	margin:0 auto;
	text-align:left;
	padding:102px 0 5px 0;
	color:#fff;
	}

#footer p {
	margin:0 274px 18px 13px;
	}
	
	#footer a { color:#fff; }

#footer ul {margin:0 284px 18px 6px;}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid #fff;
	}

	#footer li.first { border: none; }

/* Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav { 
	background:url("../images/nav.jpg") repeat-x; 
	width:845px; 
	height:44px; 
	margin:0;
	padding:0; 
	}
#nav span { display: none; }

#nav li { float:left; list-style:none; _display:inline; position:relative; display:block; font: bold 1.1em Georgia, Tahoma, Helvetica, sans-serif;}

#nav-01 { padding: 22px 0px 0px 47px;}
#nav-02 { padding: 22px 0px 0px 50px;}
#nav-03 { padding: 22px 0px 0px 68px;}
#nav-04 { padding: 22px 0px 0px 60px;}
#nav-05 { padding: 22px 0px 0px 70px;}
#nav-06 { padding: 22px 0px 0px 60px;}
#nav-07 { padding: 22px 0px 0px 65px;}

#nav-01 a:hover { text-decoration:underline; color: #322d11}
#nav-02 a:hover { text-decoration:underline; color: #322d11}
#nav-03 a:hover { text-decoration:underline; color: #322d11}
#nav-04 a:hover { text-decoration:underline; color: #322d11}
#nav-05 a:hover { text-decoration:underline; color: #322d11}
#nav-06 a:hover { text-decoration:underline; color: #322d11}
#nav-07 a:hover { text-decoration:underline; color: #322d11}

.leftmenu {
	position: relative;
	font-size: 14px;
	left: 0px;
	width: 70px;
	margin:0px;
	float:left;
	padding:12px 12px;
}

.leftmenu ul {
	list-style: none;
	width: 150px;
	float: left;
	padding-bottom:10px;
	
}

.leftmenu ul li {
	float: left;
	width: 150px;
	
}

.leftmenu ul li a {
	display: block;
	background: #e0dbbe url(../images/bullet.gif) no-repeat 5px;
	font-family: verdana 14px;
	Font-weight:bold;
	color: #072d74;
	padding: 10px 20px;
	border-bottom: 1px dotted #000;
}

.leftmenu ul li a:hover {
	color: #09204a;
	display: block;
	text-decoration: underline;
}

.leftmenu ul li.head {
	width:215px;
	background: #9a8622 url(../images/bg_menukiri.jpg) no-repeat top right;
    display: block;
	color: #244800;
	padding: 5px 0px;
	font: normal 18px/26px Georgia, "Times New Roman", Times, serif;
}
.tabpadd  {padding: 15px; line-height: 20px; }
.tabcont  {background: #fff url(../images/bgtabpad.gif) repeat-x top; padding: 12px;}
.tabpadd p {margin-top: 10px;}

.leftalign {
	float: left;
	margin: 0 10px 1px 0;
	padding: 0;
}
/* Lightbox Fotos
----------------------------------------------------*/
	
.sidebar .objekt {
	padding:50px 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
}
.objekt ul {
	list-style:none;
	margin:0;
	padding:0;
}

.objekt ul li{
	float:left;
	padding:0;
	margin:10px 11px 8px 0;
	text-align:center;
}

.objekt img{
	float:left;
	margin:0;
	border:1px solid #ccc;
	padding: 1px;
	background-color: #eee;
	width:42px;
	height:42px;
}

.objekt ul li img:hover{
	border:1px solid #ED6A00;
}
/*--- navigation ------------*/

div#categories p.category, div#categories p.single a {
	width: 229px;
	background-color: #4898b5;
	margin: 0;
	font-size: 0.9em;
	color: #fff;
}

div#categories p.single a {
width: 229px;
	display: block;
	padding: 3px 7px;
	font-size: 0.9em;
	border-bottom: 1px solid #62b9d9;
}

div#categories p.single a:hover {
	color: #99ffff;
	text-decoration: none;
}

div#categories ul li a {
	display: block;
	padding: 0px;
	text-decoration: none;
	color: #fff;
	width: 228px;
	outline: none;
}

div#categories ul.subcategory {
width: 229px;
	margin: 0 0 0 0;
	padding: 3px 7px;
	background: #4898b5;
	border-bottom: 1px solid #62b9d9;
}

div#categories ul.subcategory li {
width: 229px;
	margin: 0;
	padding: 0;
	background: none;
}

div#categories ul.subcategory li a:hover {
	color: #003366;
	width: 229px;
}

div#categories ul.subcategory li a.accordion {
width: 229px;
	color: #fff;
	background: url("../images/down_off.png") right 0.7em no-repeat; font-size: 0.9em;
	/*cursor: n-resize;*/
}

div#categories ul.subcategory li a.accordion:hover, div#categories ul.subcategory li a.active {
	color: #99ffff; width: 229px; width: 229px;
}

div#categories ul.subcategory li a.accordion:hover, div#categories ul.subcategory li a.accordion.active {
	background: transparent url("../images/down_on.png") right 0.7em no-repeat; font-size: 0.9em; width: 229px;
}

div#categories ul.projects {
width: 229px;
	margin: 0;
	padding: 0;
	background: transparent url("/img/global/opaque_10.png") 0 0 repeat;
}

div#categories ul.projects li a {
width: 229px;
	padding: 3px 5px;
	font-size: 0.9em;
	color: #fff;
	cursor: pointer;
	border-top: 1px solid #62b9d9;
}

div#categories ul.projects li a:hover {
	color: #99ffff;
	width: 229px;
}

div#categories ul.projects li a.active {
	color: #79ff25;
	background: transparent url("/img/global/opaque_15.png") 0 0 repeat;
}

/* table styles */

#playlist {
	border: 1px solid #666;
	border-collapse: collapse;
	color: #000;
}

#playlist thead tr { background: #eee url(../images/bgth.gif) repeat-x; }

#playlist tbody tr td {
	padding: 0.2em 0.5em;
	
}

#playlist tbody tr.selected {
	background: #3d80df;
	color: #000;
	font-weight: bold;
	
}
.title {background: #eee url(../images/bgth.gif) repeat-x; font-weight: bold; padding: 0.5em; color:#fff;}
.odd { background: #fff; padding: 0.5em; color:#000; border-bottom: 1px solid #000;}
.even { background: #edf3fe; padding: 0.5em; color:#000; border-bottom: 1px solid #000;}

#playlist tbody tr.odd.selected { color: #ddd; }
#playlist tbody tr.even.selected { color: #fff; }

/* list styles */


.first  { color: #000; background: #fff; }
.second { color: #444; background: #edf3fe; }
.third  { color: #000; background: #3d80df; }

/* heading styles */
.h_odd { background: url(heading_bg1.png) repeat-y top left; }
.h_even { background: url(heading_bg2.png) repeat-y top left; }

.galeri {background: #fff; padding: 5px; border:1px dotted #ccc;}