body {
margin : 10px;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #003250 url(http://porsenasma.upgrismg.ac.id/img/bgd.png) repeat;
}
#container {
width : 1050px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*TOP BANNERs*/
#banner {
float : left;
width : 510px;
height : 130px;
padding : 0;
margin-bottom : 2px;
color : #666;
background : inherit;
}
#bannerb {
float : right;
width : 200px;
margin : 0 0 2px 10px;
padding : 0;
color : #666;
background : #f2f2f5;
}
			/*TOP MENU*/
/*#navcontainer {
clear : both;
width : 100%;
font : 90% "Trebuchet MS", verdana, arial, sans-serif;
}
#navcontainer ul {
float : left;
width : 100%;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
background : #036;
color : #fff;

}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.8em 0.8em;
text-decoration : none;
border-right : 1px solid #fff;
background : #036;
color : #fff;
height:10px;
font : 150% "Trebuchet MS", verdana, arial, sans-serif;
display:block;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}

*/



		#tray {
		clear : both;
		width : 100%;
		font : 90% "Trebuchet MS", verdana, arial, sans-serif;
		padding:20px 0px 25px 0px;
		margin:0px 0px 5px 0px;
		background : #0303D0;
		 }
		
        #tray ul {
		/*float : left;*/
		width : 100%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background : #036;
		color : #fff;
		}
        #tray ul li {display:inline; float:left;}

        #tray ul li a {
		display:block; float:left; padding:0 15px 0 10px; 100% 50% no-repeat; text-decoration:none;
		/*border-right : 1px solid #fff;*/
		font : 140% "Arial", verdana, sans-serif;
		color : #fff;
		}
        #tray ul li a:hover {text-decoration:none;}
        #tray ul li#tray-active a {font-weight:bold; text-decoration:none;}
		

			
		#tray li li a:hover{
			color:#AA0602;
			background-color:#DAF1B2;
			}
		
		#tray li ul{
			/*background:transparent;*/
			z-index:9999;
			position:absolute;
			/*padding:30px 10px 0px 10px;
			margin:25px 10px 0px 10px;*/
			left:-999em;
			margin:18px 0px 0px 10px;
			height:auto;
			width:200px;
			float:left;
			}
			
		#tray li li a:link, #tray li li a:visited{
			width:200px;
			float:left;
			padding:10px 10px;
			font-size:14px;
			font-weight:normal;
			color:#FFFFFF;
			background-color:#0303D0;
			}			
		#tray li li a:hover{
			color:#fff;
			background-color:#0099FF;
			}			
		
		#tray li ul a{width:140px;}
		
		#tray li ul ul{margin:-32px 0 0 0;}
		
		#tray li:hover ul ul{left:-999em;}
		
		#tray li:hover ul, #tray li li:hover ul{left:auto;}
		
		#tray li:hover{position:static;}
		
		#tray li.last a{margin-right:0;}		
		
		
			/*CENTRE CONTENT*/
#content {
padding: 10px 10px 5px 5px;
/*margin-left : 270px;*/
margin-left : 0px;
margin-right : 340px;
background : inherit;
color : #666;
font : 115% "Arial", verdana, Trebuchet MS, sans-serif;
padding : 10px;
border-right : 1px solid #999;
}
			/*LEFT CONTENT*/
#sidebar {
float : left;
width : 250px;
margin : 0 0 0 0;
padding : 10px;
color : #666;
background : #f2f2f5;
}
			/*LEFT MENU*/
/*#menu {
width : 260px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
display : block;
width : 140px;
padding : 0.1em 0.8em;
text-decoration : none;
color : #fff;
background : #003366;
}
#menu a:hover {
background : #a1aac9;
color : #fff;
}*/
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 320px;
margin : 0;
padding : 10px;
border-left : 1px solid #999;
background : #f2f2f5;
color : #666;
height:auto;

}

			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 30em;
width : 310px;
padding : 0px;
color : #333;
background : #f2f2f5;
border : 1px solid #eee;
margin: 2px 0 5px 0px;

}
			/*FOOTER*/
#footer {
clear : both;
padding : 15px 0px 15px 0px;
margin-top : 25px;
color : #bbd2e0;
background : #0303D0;
text-align:center;

}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
			/*TYPOGRAPHY*/
h1, h2 {
margin : 0px 0px 10px 0px;
letter-spacing : 3px;
font-size : 120%;
color : #003366;
background : inherit;
font-family:"Arial", Helvetica, sans-serif;
}
h3 {
font-size : 110%;
color : #826c45;
background : inherit;

}
			/*LINKS*/
a {
color : #0303D0;
font-weight : bold;
text-decoration : none;
background : inherit;
font-family:"Arial", Helvetica, sans-serif;
}
a:hover {
color : #697899;
background : inherit;
font-family:"Arial", Helvetica, sans-serif;
}
			/*CLASSES*/
.news {
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
font-size : 180%;
margin : 0 0 10px 0;
color : #826c45;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

			/*IMAGE*/

/*img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}*/
.boxholder{padding:5px; border:1px solid #D6D6D6;}
.imgl img{width:auto; height:auto; float:right; margin:0px 0px 0px 10px; clear:left; padding:5px 5px 5px 5px; border:2px solid #D6D6D6;}

.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 10px 10px 10px 10px; }

/*Agenda*/
.box-date-agenda{
					width:50px;
					height:20px;
					float:left;
					padding-bottom:30px;
					padding-right:7px;					
				}
.box-jdl-agenda{
padding:5px 0px 40px 0px;
}
h1.date-agenda {
	text-transform: Uppercase;
	color:#333;
	font-size: 32px;
	margin:0px 0px;
	height:20px;
}
	.bold{
		font-weight:bold;
	}	


.jtabel{background-color:none; border:0px solid #4533AA; height:500px;}
/*.jtabel tr { line-height: 1px; background-color:#A8E0FE;}
.jtabel td { height: 1px; }*/

.jtabelako{background-color:none; border:0px solid #4533AA;}
.jtabelako p{
color:#0000FF;
line-height:15px;
}
.jtabelako tr { line-height: 1px; background-color:#D0ECFE; vertical-align:top;}
.jtabelako td { line-height: 1px; vertical-align:top; padding:0px 0px 0px 0px; font-family:"Arial", Helvetica, sans-serif; font-size:14px;}



.pro tr{
padding:0px 10px;
margin-left:15px;
text-align:left;
background-color:#A8E0FE;
height: 15px;
font-size:10px;

}

.pro td{
padding:0px 10px;
margin-left:15px;
text-align:left;
background-color:#A8E0FE;

font-size:14px;
}	

.pro1 tr{
padding:0px 10px;
margin-left:15px;
text-align:left;
background-color:#D6ECFC;
line-height: 1px;
color:#000099;


}

.pro1 td{
padding:0px 10px;
margin-left:15px;
text-align:left;
background-color:#D6ECFC;
line-height: 1px;
color:#000099;
}	

.pro2 tr{
padding:0px 10px;
margin-left:15px;
text-align:left;
background-color:#EFF9FF;
line-height: 1px;

}

.pro2 td{
padding:0px 10px;
margin-left:15px;
text-align:left;
background-color:#EFF9FF;
line-height: 1px;
}	


				#box-kontak{
				float:left;
				width:328px;
				height:auto;
				background-color:#f0f7fa;
				margin-bottom:2px;
			}
				#kontak{
					width:305px;
					height:250px;
					background-color:#f0f7fa;
					padding: 42px 11px 23px 11px;	
								
				}
			
				#kontak h2{
				font-family:"Arial", Helvetica, sans-serif;
				font-size:18px;
				padding:0px 0px 0px 5px;
				}

				#kontak p{
				font-family:"Arial", Helvetica, sans-serif;
				padding:0px 0px 0px 5px;
								
				}
				#sn{
					width:100%;
					height:35px;
					background-color:#a4d2e8;
					float:left;
				}
					.sn-icon{
						width:72px;
						height:32px;
						float:left;
						margin:3px 10px;
						background-color:none;
					}
					.email-icon{
						width:100px;
						height:42px;
						float:right;
						margin:1px 1px;
						background-color:none;
					}
	

			.window{
				border-top:0px;
				border-left:1px;
				border-right:1px;
				border-bottom:1px;
				border-style:solid;
				border-color:#dae6ec;			
			}
			
			
			.box-title{
				width: 100%;
				height: 26px;
				background-color: #e6f0f5;
				float:right;
				border-bottom: 1px solid #9ecade;
			}				
				.title-icon{
					float:left;
					width:32px;
					height:32px;
					margin-right:7px;
					margin-left:7px;
					background-color:none;
				}
				
				.title-title{
					font-size:14px;
					text-transform:uppercase;
					padding-top:6px;
					color:#000099;
					font-family:"Arial", Helvetica, sans-serif;
				}
				
				.section {
					float:left;
					width: 100%;
					height:1px;
					background-color:none;
					border-bottom: 1px dashed #dae6ec;
					margin-bottom:10px;
				}

				.kolom-informasi{
				width:100%;
				padding:0px 0px;
				background-color:none;	
				float:left;
				border-bottom:1px dotted #dae6ec;
				}
				.konten-informasi{
					width:93%;
					height:auto;
					padding: 0px 0px 0px 0px;
					float:left;

				}



				.div_info{
				width:318px;
					border-bottom: 1px solid #dedede;
					margin-bottom: 0px;
					padding: 5px 5px 5px 5px;
					/*padding: 0px 10px 0px 10px;*/
					line-height: 160%;
					text-align:justify;

					
					
				}
				.div_info a{
				text-decoration:none;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				color:#000099;
				font-family:"Arial", Helvetica, sans-serif;
				font-size:12px;
				}
				.div_info:hover{
					border-bottom: 1px solid #9DB9C3;
					background: none;
					color:#00CC00;
					font-family:"Arial", Helvetica, sans-serif;
				}
				
.h2_title {
	text-transform: Uppercase;
	color:#5ea6c8;
	font-size: 14px;
	margin:0px 0px;
	text-align: justify;
}

.h2_title a {
	text-transform: Uppercase;
	color:#5ea6c8;
	font-size: 12px;
	text-decoration:none;
	margin-bottom:0px;
}

.h2_title a:hover {
	text-transform: Uppercase;
	color:#3c83a4;
	font-size: 12px;
	margin-bottom:0px;
	text-align: left;
}

.biangnya {
font-family:"Arial", Helvetica, sans-serif;
font-size:14px;

}
.biangnya tr{
background:#C4E7FE;
border:1 solid #1C36D6;
padding:5px;
height:25px;
color:#006633;

}

.biangnya tr input {
color:#006633;
background:#C4E7FE;

border: 2px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
}
.biangnya tr:nth-child(2n+1){
background-color:#92D1FB;
border:1 solid #1C36D6;
padding:5px;
height:25px;
color:#000099;
}

.biangnya tr:nth-child(2n+1) input{
color:#000099;
background-color:#92D1FB;
}
.biangnya td{
padding:0px 5px 0px 5px;
border:1 solid #1C36D6;

}
.biangnya th{
text-transform: uppercase;
color:#FFF;
background:#18246B;
padding:5px;

}

/*#menu, #menu ul {
  list-style-type:none;
  margin-bottom: 10px;
  padding: 0;
  width: 500px;
    font:Arial, Helvetica, sans-serif;
}

#menu a {
  display: block;
  text-decoration: none;	
}

#menu li {
  margin-top: 1px;
  width: 500px;
}

#menu li a {
  background: #3399cc;
  color: #fff;	
  padding: 4px 4px 4px 4px;
  width: 320px;
font : 155% "Arial";
}

#menu li a:hover {
  background: #aaa;
    padding: 4px 4px 4px 4px;
  width: 320px;
font : 155% "Arial";
}*/