body {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	
	background-color: #ffffff;
	color:#323232;
}

/* Wrapper */

#wrapper {
  margin:auto;
  background-color: #fffff;
  width:100%;
  -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 20px 20px 0px 0px;
}


#header {
    width:100%;
    height:85px;
	background-color: #3366cc;
	padding:0px;
	/*float:left;*/
	margin:auto;
	text-transform: uppercase;
	font: normal Georgia, "Times New Roman", Times, serif;
	color: #ffff00;
	letter-spacing:4px;
	text-shadow: 2px 2px 5px #333;
	font-weight: bolder;
		-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 3px 3px 0px 0px;
   background-image: url(images/Panorama.jpg);
   background-repeat:no-repeat;
   background-size:100%;
}

#header2 {
  width:130px;
  height:115px;
	background-color: #ff9900;
	padding:10px;
	float:left;
	margin:auto;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px 0px 0px 0px;
	
}



#header h1 {
  margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #ffff00;
	letter-spacing:0px;
	text-shadow: 2px 2px 5px #333;
	font-size:120%; 
}

#header h2 {
	padding: 0px;
	text-transform: uppercase;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:60%;
	color:white;
	font-weight: bolder;
	text-shadow: 0px 0px 0px #fff;
	letter-spacing:0px;
}

#content {
  background-color: #fff;
   width:100%;
  
	border-left: 0px solid #3366cc;
	border-right: 0px solid #3366ccrgb(255,153,0);
}

#content  h2 {
	padding: 3px;
	text-transform: none;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bolder;
	font-size:80%;
	color:#cc0000;
}

#content  h4 {
	margin: 0px;
  font-size:120%;
	padding: 10px 10px 10px 10px;
	text-align:left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	 
	color: #660033;
	font-weight:bold;
}


#footer {
  padding:4px;
  width:100%;
  text-align:center'
  margin: 8 auto;
  background-color: #3366cc;
  font-weight:bolder;
  color:#ffffff;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px 0px 0px 0px;
}


#footer a {
  font-weight:bolder;
  color:#ffffff;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
  font-weight:none;
}



#clearer {
	clear: both;
}

#content #right {
  width:10px;
	margin: 0 auto;
	background-color: #fff;
	color:#000000;
	padding:5px;
	display:inline-block;
  text-align:left;
  float:left; 
}

#content #right a {
  color:#fff;
  text-decoration:none;
  padding:5px;
  text-transform: uppercase;
  text-align:center;
  color : #000;
}

#content #right a:hover {
  text-decoration:underline;
  font-weight:none;
}

#bann2 {
  width:100%;
  height:50px;
	margin: 0 auto;
	background-color: yellow;
	color:white;
	padding:0px;
	display:inline-block;
  text-align:left;
  float:left;
  	
  border-bottom: 2px solid #3366cc;	
  text-transform: normal;    
  
} 
 
#bann2  a {
  text-decoration:none;
  font-family: Tahoma, Helvetica, sans-serif; 
} 


#bann {
  width:100%;
  height:33px;
	margin: 0 auto;
	background-color: #000000;
	color:#000000;
	padding:0px;
	display:inline-block;
  text-align:left;
  float:left;
} 

#content #left {
   width:100%;
	margin: 0 auto;
	background-color: #ffffff;
	color:#000000;
	padding:0px;
	display:inline-block;
  text-align:left;
  float:left;
}


#content #left a {
  color:#000033;
  text-decoration:none;
  padding:0px;
  text-transform: uppercase;
  text-align:left;
}

#content #left a:hover {
  text-decoration:underline;
  font-weight:none;
  background: #3366ff;
  
}

#content #left h3 {
  text-transform: uppercase; 
  color:#000066; 
  
}

#box  {
  padding:0px;
	display: block;
	margin-top: 5px;
	letter-spacing: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#box4 {
	list-style: none;
	padding: 4px;
	display: block;
	clear: right;
	width:90px;
	float:left;
	height:30px; 
	text-align:center;
	margin-top:5px;
	color:blue; 
	 font-size:85%;
  -moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px 1px 1px 1px;
  
}

#box4:hover {
	background-color:#00cc66;
	color:yellow; 
 	-moz-box-shadow: 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px #888;
	box-shadow: 1px 1px 1px  #888;
}

 

#box2  {
  padding:5px;
	display: block;
	margin-top: 5px;
	letter-spacing: 1px;
	
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	
	background-color: #3333cc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 0px 0px 10px 10px;
}


#box3  {
  padding:5px;
	display: block;
	margin-top: 5px;
	letter-spacing: 0px;
	marquee:infinite;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color:  #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 0px 0px 10px 10px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	opacity: 0.50;
}

#box5 {
  padding:5px;
	display: block;
	margin-top: 5px;
	letter-spacing: 3px;
	color:#000066;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:  #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 20px 0px 20px 0px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	opacity: 0.5;
	width:600;
	float:left;
}


#box51 {
  list-style: none;
	padding: 4px;
	display: block;
	clear: right;
  margin-left: 5px;
	float:right;
	text-align:center;
	width:90px; 
  font-family: Tahoma, Helvetica, sans-serif;
		background-color:  #ff0000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px ;
	 
 
}


#box51:hover {
 
	background-color:  #000066;
  color:yellow;
}




#box52 {
  padding:5px;
	display: block;
	margin-top: 5px;
	letter-spacing: 2px;
	color:#ff9900;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 2;
	/*background-color:  #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 20px 0px 20px 0px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
	opacity: 0.5;*/
	height:50;
	width:50;
	float:right;
}


#pinjam {
	padding:4px;
	display: block;
	margin-top: 5px;
	text-align: center;
	width:40;
	height:12;
margin-left: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border:1px solid #ff9900;
	background-color:  #ffffff;
	float:right; 
}

#nav2 {
  padding:4px;
	display: block;
	margin-top: 0px;
	margin-left: 5px;
	text-align: center;
	width:100;
	height:12;
	float:left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border:1px solid #669999;
	background-color:  #fff;
  border-radius: 3px;
}
#nav2:hover {
  
	background-color:  #000066;
	color:yellow;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}



#nav {
  padding:4px;
	display: block;
	margin-top: 5px;
	margin-left: 5px;
	text-align: center;
	width:40;
	height:12;
	float:left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border:1px solid #669999;
	background-color:  #fff;
  -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 3px;
}


#nav:hover {
 
	/*text-transform: uppercase;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
 
	background-color:  #000066;
	color:yellow;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}


#form {
  padding:10px;
	display: block;
	margin-top: 5px;
	text-align: left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border:1px solid #ff9900;
	background-color:  #ffffff;
	/*-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 10px 0px 10px 0px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;*/
}


.image {
	background-color: #fff;
	padding: 5px;
	margin: 3px 3px 3px 3px;
	border: 1px solid #ddc688;
	float:left;
	opacity: 0.95;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 6px 6px  6px 6px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 1px 1px #888;
	box-shadow: 2px 2px 2px #888;
}

.baris0 {
  background-color: #cdcdcd;
}

.baris1 {
 background-color: #ededed; 
}

.image2 {
	background-color: #fff;
	padding: 2px;
	margin: 3px 5px 3px 0;
	border: 1px solid #ddc688;
	float:right;
	opacity: 0.95;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 6px 6px  6px 6px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}




.mycol {
  border-bottom:1px solid #cdcdcd;
  padding:2px;
  text-align:none;
  vertical-align:top;
  
  
}
.sb1 {
	padding: 0px;
	display: block;
	height:34px;
	width:100px;
	margin-top:0px;
	margin-left:3px;
   	color:#ffffff;
	background-color:#000066;
  font-family:Tahoma,  Arial, Helvetica, sans-serif;
  font-size:20px;  
  	text-transform: uppercase;
  border:1px solid #6666cc; 
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 12px ;
}
.table {
  padding-left:4px;
  vertical-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;  
  border: 0px solid #000000;
  
}

.tablex {
  padding:0px;
  vertical-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;  
  border: 0px solid #000000;
  color: #000099;
	letter-spacing:0px;
	text-shadow: 0px 0px 0px #333;
	font-weight: bolder;
}

.tab	 {
  padding:0px;
  vertical-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;  
  border: 0px solid #000000;
  color: #000099;
	letter-spacing:0px;
	text-shadow: 0px 0px 0px #333;
	font-weight: bolder;
  margin-top:100px;
}

.tbheader {
  background-color:#3300cc;
  height:25px;
  font-weight:none;
  color:#ffffff;
  vertical-align:center;
  font-weight:bolder;
  font-size:11px;

}

#menu {
	/*list-style: none;*/
	padding: 4px;
	display: block;
	clear: right;
	width:120px;
	float:left;
	margin-top:0px;
	border-bottom:0px solid #ff7f00;
	border-left:0px solid #3366cc;
	border-right:0px solid #3366cc;
	background-color:#000000;
	letter-spacing:0px;
	text-align:center;

}

#menu a {
  color:#ffffff;
  text-decoration:none;
  text-transform: uppercase;
}

ul {
    margin-top: 3px;
    letter-spacing:0px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-right: 15px;
    list-style: none;
    background:#0066cc;
    position: absolute;
    z-index: 500;
    display:none;
    text-align:left;
    margin-left:-4px;
    -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 0px 0px 5px 5px;
	  -moz-box-shadow: 2px 2px 2px #888;
	 -webkit-box-shadow: 22px 22px 22px #888;
	  box-shadow: 12px 12px 12px #888;
	  opacity:0.85;
    
    
}
li a{
    display:block;
    text-decoration:none;
    border-bottom:1px solid  #fff;
    border-left:0px solid #fff;
    border-right:0px solid #fff;
    border-top:0px solid #fff;
    padding:4px;
    font-family:Tahoma,Georgia, garamond, serif;
    margin-left:-37px;
    width: 192px;
    
}

li a:hover{
    display:block;
    text-decoration:none;
    background-color:#3300cc;
    
}

#menu:hover {
    font-weight:bolder;
    background:#3300cc;
} 

#menu:hover ul {
    display:block;
}

.sb {
	padding: 0px;
	display: block;
	height:22px;
	width:60px;
	margin-top:2px;
	margin-left:3px;
  float:right;
	color:#ffffff;
	background-color:#000066;
  font-family:Tahoma,  Arial, Helvetica, sans-serif;
  font-size:10px;  
  	text-transform: uppercase;
  border:1px solid #6666cc; 
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px ;
}

/* coba popup menu */



#menu1 {
	/*list-style: none;*/
	padding: 0px;
	display: block;
	clear: right;
  
	float:left;
 
	/*border-bottom:0px solid #ff7f00;
	border-left:0px solid #3366cc;
	border-right:2px solid #3366cc;
	background-color:#000066;*/
}

#menu1 a {
  color:#ffffff;
  text-decoration:none;
  
}

#menu1 ul {
    margin-top: -1px;
    text-align: center;
    width: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    list-style: none;
    background:#0066cc;
    position: absolute;
    z-index: 500;
    display:none;
    text-align:center;
    margin-left:7px;
    
    -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px 2px 2px 2px;
	  -moz-box-shadow: 2px 2px 2px #888;
	 -webkit-box-shadow: 22px 22px 22px #888;
	  box-shadow: 22px 22px 22px #888;
	  opacity:0.85;
    background-color:#99ccff;
    
}
#menu1 li a{
    display:block;
    color:#ffffff; 
    border :0px solid  #cccc00;
    padding:2px;
    font-family:Tahoma,Georgia, garamond, serif;
    margin-left:-38px;
    width: 120px;
    text-align: center;
    background-color:#99ccff;
    border-bottom:1px solid #3366cc;
    ;
    
}

#menu1 li a:hover{
    display:block;
    text-decoration:none;
    
    
}

#menu1:hover {
    font-weight:bolder;
    background:#ffffff;
} 

#menu1:hover ul {
    display:block;
}


#popup {
	/*list-style: none;*/
	padding: 0px;
	display: block;
	clear: right;
  
	/*float:left;
 
	border-bottom:0px solid #ff7f00;
	border-left:0px solid #3366cc;
	border-right:2px solid #3366cc;
	background-color:#000066;*/
}

#popup a {
  color:#ffffff;
  text-decoration:none;
  
}

#popup ul {
    margin-top: 0px;
    text-align: left;
    -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px 2px 2px 2px;
	  -moz-box-shadow: 2px 2px 2px #888;
	 -webkit-box-shadow: 20px 20px 20px #888;
	  box-shadow: 20px 20px 20px #888;
	  opacity:0.85;
    border :1px solid  #cccc00;
    background:#ffff00;
    
}
#popup li {
    display:block;
    color:#000000; 
    font-family:Tahoma,Georgia, garamond, serif;
    margin-left:-32px;
    text-align: left;
    
}

#popup li a:hover{
    display:block;
    text-decoration:none;
    background-color:#ffffff;
    
}

#popup:hover {
    font-weight:bolder;
    background:#ffffff;
} 

#popup:hover ul {
    display:block;
}