body {
	font-family: "Comic Sans MS", cursive;
	background-color: #0CF;
	font-size:14px;
	background-image: none;
}
#kotak {
width: 100%;
height:auto;
margin:auto;
}
#kotak #header {
	float: left;
	margin-bottom: 18px;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	margin-top: 18px;
	
}
#kotak #content {
	background-image: none;
	float: left;
	width: 100%;
	padding-right: 10px;
	padding-left: 8px;
	background-color: #C6F;
	color: #FFF;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
}
}
#kotak #content #tengah {
	float: left;
	width: 885px;
	background-color: #FFF;
	color: #000;
	height: auto;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#kotak #content #tengah #navteng {
	font-size: 14px;
	color: #FFF;
	background-color: #C6F;
	height: 500px;
	width: 100%;
	text-align: center;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
#kotak #content #bawah {
	float: left;
	width: 50%;
	background-color: #FFF;
	color: #000;
	height: 170px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#navteng1 {
	font-size: 16px;
	color: #FFF;
	background-color: #C6F;
	height: 20px;
	width: 50%;
	text-align: center;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
#kotak #content #bawah2 {
	float: left;
	width: 30%;
	background-color: #00FF00;
	color: #000;
	height: 170px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#navteng2 {
	font-size: 16px;
	color: #FFF;
	background-color: #C6F;
	height: 20px;
	width: 30%;
	text-align: center;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
#kotak #content #bawah3 {
	float: left;
	width: 30%;
	background-color: #FFF;
	color: #000;
	height: 170px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#navteng3 {
	font-size: 16px;
	color: #FFF;
	background-color: #C6F;
	height: 20px;
	width: 50%;
	text-align: center;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}
#kotak #batas {
clear: both;
}

#kotak #footer {
	height: 46px;
	width: 100%;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
}
#gambar ul {
	list-style-type: none;
	margin-right: 10px;
}
#gambar ul li a {
text-decoration: none;
float: left;
display: block;
padding: 8px;
color: #FFFFFF;
}
#gambar ul li a:hover {
color:#F9951D;
}

/*========menuu===========*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
}
#cssmenu ul {
  background: #333333;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #333333 url('images/seperator.gif') bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #cccccc;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #2580a2 url('images/hover.png') bottom center no-repeat;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('images/sub_sep.gif') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #2580a2 url('images/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}

#pages {
	background-color: #FF33CC;
	margin: 10px;
	padding: 10px;
	float: left;
	height: auto;
	width: 97%;
}
#pages1 {
	background-color: #FF33CC;
	margin: 10px;
	padding: 10px;
	float: left;
	height: auto;
	width: 31%;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px
}

#pages3 {
	background-color: #FF33CC;
	margin: 10px;
	padding: 10px;
	float: left;
	height: auto;
	width: 31%;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px
}



@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcecodepro/v4/mrl8jkM18OlOQN8JLgasDxM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}