/*Author Name: Hendrawan
  Author NickName: Kodokhunt
  URI 1:http://kodokhunt.blogsome.com
  URI 2:http://dot.choosen.net
  OFFICE 1:http://bascomp.org
  OFFICE 2:http://choosen.net
  */
/*---------------|||||||||||Global------------------------------------------------------*/
	
	body {
	margin:0;
	margin-top: 0 auto;
	  }

	a {
	  color: #000066;
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	color:#330066;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	  }
	  
/*---------------|||||||||||Container------------------------------------------------------*/

	#container {
	width: 0 auto;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0 auto;
	border-top-color: #990033;
	border: 4px solid #990033;
	padding-bottom: 12px;
	position: static;
	bottom: auto;
	background: #fff;
	  }
	  
	#container2 {
	width: auto;
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 14px;
	color: #000080;




	background-image: ;
	position: static;
	left: auto;
	margin-left: 30px;
	margin-top: 10px;
	  }
		
/*---------------|||||||||||header-------------------------------------------------------------------*/

	#header {
	width: 0 auto;
	border: 2px solid #fff;
	padding-bottom:20px;
	padding-top: 0 auto;
	background-color: #FFFFFF;
	background: url(img/menu2.gif) no-repeat;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	position: static;
	  }
	  
	#header p {
	color: #fff;
	font-family: Forte;
	font-size: 36px;
	width: auto;
	height: auto;
	  }
	  	
	#header h1 {
	  font-family: Georgia, Times New Roman, Times, serif;
	  font-weight: bold;
	  font-size: 32px;
	  color: #fff;
	  margin-bottom: 10px;
	  margin-top:30px;
	  margin-left: 10px;
	  }
	  
	#header a {
	  color: #330066;
	  text-decoration: none;
	  }

	#header a:hover {
	  color: #999;
	  }
	    
/*---------------|||||||||||Menu-------------------------------------------------*/

    #menu {
	width:auto;
	font-size:13px;
	background:url(img/menu.gif);
	left: auto;
	right: auto;
	vertical-align: middle;
	display: marker;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: lowercase;
	position: static;
	text-decoration: blink;
	background-color: #880000;
      }
	  
    #menu ul {
	margin:0;
	list-style:none;
	padding: 20;
      }
	  
    #menu li {
	display:inline;
      }
	  
    #menu a {
      float:left;
      background:url(img/left.gif) no-repeat left top;
      margin:0;
      text-decoration:none;
      }
	  
    #menu a span {
	float:left;
	background:url(img/right.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFFFFF;
	display: table;
	word-spacing: normal;
	background-repeat: repeat;
      }
	  
    #menu a span {
	  float:none;
	  }
	  
    #menu a:hover {
	font-size: 12px;
      }
	  
    #menu a:hover span {
	background-position:60% -42px;
	text-align: center;
	vertical-align: baseline;
	color: #990033;
	font-size: 12px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
      }

/*---------------|||||||||||Content------------------------------------------------*/

	#content {
	width: 300px;
	padding-top: auto;
	float: left;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 20px;
	  }
		
	#content p {
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
	  }
	  
	#content h2 {
	color: #000080;
	font-size: 14px;
	font-weight:normal;
	text-decoration:none;
	font-family: "Comic Sans MS";
	background-color: #fff;
	margin-top: 5px;
	  }
	  
	#content h2 a {
	  color: #666;
	  text-decoration: none;
	  }

	#content h2 a:hover {
	  color: #999;
	  }

/*---------------|||||||||||Sidebar------------------------------------------*/

	#sidebar {
	width: 180px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	float: right;
	background:#F1F1F1;
	border-right:1px solid #fff;
	border-color: #CCCCCC;
	list-style-position: inside;
	font-family: "Arial, Helvetica, sans-serif";
	margin-top: auto;
	  }
		
	#sidebar p {
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330066;
	  }
	  
    #sidebar h2 {
	color: #000066;
	font-size: 12px;
	padding-left:15px;
	background:url(img/arrow.gif)no-repeat bottom left;
	font-weight:bold;
	border-bottom: 1px solid #ddd;
	font-family: "Arial Black";
	margin-top: 0px;
	  }
	  
/*---------------|||||||||||Footer-----------------------------------------------*/

	#footer {
	clear: both;
	width: auto;
	font-size:10px;
	border:2px solid #fff;
	background:#2763A5 url(img/foot.gif);
	background-repeat: no-repeat;
	height: 20px;
	  }
		
	#footer p {
	  color:#fff;
	  padding: 2px;
	  text-align: center;
	  }
		
	#footer p a {
	color: #fff;
	background:#2763A5 url(img/foot.gif);
	font-weight:100;
	border-bottom: 1px dotted #fff;
	height: auto;
	  }
		
	#footer p a:hover {
	  color: #fff;
	  text-decoration: none;
	  border-bottom: 0px dotted #fff;
	  }
	
/*---------------|||||||||||Search--------------------------------------------------------------*/

	form {
	  float:left;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  margin-right:0px;
	  color:#fff;
	  }
		
	input {
	color: #000066;
	border: 1px solid #2763A5;
	font-size: 11px;
	padding: 3px;
	background-color: #EEEEEE;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #fff;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  }
	   
/*---------------|||||||||||Others--------------------------------------------------------------*/		
	
	a img{
	border: none;
	margin-left: 20px;
	width: auto;
	  }
	.box {
      background-color: #fff;
      border: 1px solid #2763A5;
	  padding: 5px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #000;
	  font-size: 10px;
	  }