html, body, body * {
	margin:0;
	padding:0;
}

html {
	border-top:6px solid #d81b1b;
	margin-bottom:1px;
	height:100%;
}

body {
	font-family: Arial, Verdana, Tahoma, Times New Roman;
	font-size:10pt;
	color:#1c1c1c;
	background: url('../images/bg.gif') repeat top left;
}

ul, ul li {
  list-style-type:none;
}

ol {
	margin:10px 0px 10px 35px;
}

/* **************************** COMMON **************************** */
.clear {
  clear:both;
  margin:0;
  padding:0;
}
.warning {
  color:red;
  font-weight:bold;
}
.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#main-container {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid red;*/
}

#header {
}
	#header #logo {
		background: url('../images/logo.jpg') no-repeat;
		float:left;
		width:185px;
		height:90px;
		margin-top:15px;
	}

	#header #logo-title {
		background: url('../images/logo-title.gif') no-repeat;
		float:left;
		width:268px;
		height:88px;
		margin-top:15px;
		margin-left:20px;
	}
	
	#header #account {
		height:35px;
		float:right;
	}
		#header #account #fr {
			background: url('../images/hd-acc-fr.gif') no-repeat;
			width:2px;
			height:35px;
			float:left;
		}
		#header #account #bck {
			float:left;
			height:35px;
			background: url('../images/hd-acc-bck.gif') repeat-x;
			width:220px;
		}
			#header #account #bck div {
				color:#fff;
				font-weight:bold;
				padding:5px;
			}
			#header #account #bck a {
				color:#fff;
			}
			#header #account #bck a:hover {
				color:#efa7a7;
			}
	
	#header #photo {
		height:105px;
		float:right;
		width:494px;
		background:url('../images/photo_up.gif') no-repeat;
	}
	
	#header #photo_bottom {
		height:35px;
		float:right;
		width:250px;
		background:url('../images/photo_bottom.gif') no-repeat;
	}
	
	#header #nav {
		margin-left:260px;
		overflow:hidden;
		height:34px;
		width:510px;
		float:left;
	}
		#header #nav li {
			list-style:none; display: inline;
		}
		
		#header #nav li a {
			/*display:block;*/
			float:left;
			padding:20px 0 0 0;
			overflow:hidden;
			background-repeat:no-repeat;
			background-position: 0 0;
			border-bottom:0;
		}
		#header #nav a#utama:link, #header #nav a#utama:visited, 
				#header #nav a#utama_sel:link, #header #nav a#utama_sel:visited{
			background:url(../images/nav-utama.gif) no-repeat;
			width:67px;
		}
		#header #nav a#ttg:link, #header #nav a#ttg:visited, 
				#header #nav a#ttg_sel:link, #header #nav a#ttg_sel:visited {
			background:url(../images/nav-ttg-kami.gif) no-repeat;
			width:119px;
		}
		#header #nav a#anggota:link, #header #nav a#anggota:visited,
				#header #nav a#anggota_sel:link, #header #nav a#anggota_sel:visited {
			background:url(../images/nav-anggota.gif) no-repeat;
			width:90px;
		}
		#header #nav a#berita:link, #header #nav a#berita:visited,
				#header #nav a#berita_sel:link, #header #nav a#berita_sel:visited {
			background:url(../images/nav-berita.gif) no-repeat;
			width:62px;
		}
		#header #nav a#galeri:link, #header #nav a#galeri:visited,
				#header #nav a#galeri_sel:link, #header #nav a#galeri_sel:visited {
			background:url(../images/nav-galeri.gif) no-repeat;
			width:68px;
		}
		#header #nav a#info:link, #header #nav a#info:visited,
				#header #nav a#info_sel:link, #header #nav a#info_sel:visited {
			background:url(../images/nav-info.gif) no-repeat;
			width:49px;
		}
		#header #nav a#links:link, #header #nav a#links:visited,
				#header #nav a#links_sel:link, #header #nav a#links_sel:visited {
			background:url(../images/nav-links.gif) no-repeat;
			width:53px;
		}
		#header #nav a#utama:hover, #header #nav a#ttg:hover, #header #nav a#anggota:hover, 
				#header #nav a#berita:hover, #header #nav a#galeri:hover, #header #nav a#info:hover, 
				#header #nav a#links:hover, #header #nav a#utama_sel:link , #header #nav a#utama_sel:visited, 
				#header #nav a#ttg_sel:link , #header #nav a#ttg_sel:visited, 
				#header #nav a#anggota_sel:link , #header #nav a#anggota_sel:visited,
				#header #nav a#berita_sel:link , #header #nav a#berita_sel:visited,
				#header #nav a#galeri_sel:link , #header #nav a#galeri_sel:visited, 
				#header #nav a#info_sel:link , #header #nav a#info_sel:visited,
				#header #nav a#links_sel:link , #header #nav a#links_sel:visited {
			background-position: 0 -35px;
		}
		
		/* start css--- taken from http://www.fortysevenmedia.com/ */
		#header div#searchbox {
			float: left;
			margin-top:9px;
		}
			#header div#searchbox input#search {
				color: #0a434a;
				background: url(../images/search.jpg) no-repeat left top;
				border: none;
				width: 165px; /* width of text-display area */
				padding: 7px 0 2px 30px;
				font-size: 14px;
				height: 25px;
			}
			#header div#searchbox input#search[type="search"] {
				width: 170px;
			}
			* html #header div#searchbox input#search {
				background-attachment: fixed;
			}
		/* end css */

#box {
	margin-left:auto;
	margin-right:auto;
}
#sidebar {
	width:240px;
	float:left;
	background-color:#f7f7f7;
	padding:10px;
	font-size:9pt;
	line-height:14pt;
}
.sub-sidebar {
	margin-bottom:25px;
}
	.sub-sidebar h1 {
		color:#a22d3f;
		font-size:14pt;
		margin-bottom:5px;
	}
	.sub-sidebar li {
		text-decoration: none;
		background: url(../images/bullet1.gif) no-repeat;
		padding-left:18px;
	}
	.sub-sidebar a {
		color:#d83a52;
		text-decoration:none;
	}
	.sub-sidebar  a:hover {
		color:#f47387;
		text-decoration:underline;
	}
	.sub-sidebar a.img img{
		padding:3px;
		margin-right:2px;
	}
	.sub-sidebar a.img {
		color:#cecece;
		text-decoration:none;
	}
	.sub-sidebar  a.img:hover {
		color:#f47387;
		text-decoration:underline;
	}

#mainbar {
	float:left;
	width:764px;
	background-color:#fff;
}

#breadcrumbs {
	background-color:#f5eaea;
	width:493px;
	padding:5px;
	padding-left:10px;
	font-size:9pt;
}
	#breadcrumbs a {
		color:#e16d6d;
	}
	#breadcrumbs a:hover {
		color:#c45858;
		text-decoration:none;
	}

.content-box {
	padding: 20px 15px 10px 15px;
}
	.content-box h4, .content h4.subpage {
		background: url('../images/target.png') no-repeat center left;
		padding-left:20px;
		font-size: 11pt;
		color:#545454;
		margin-bottom:10px;
		font-family: Verdana, Tahoma, Times New Roman;
	}
	.content p, .content-box #main-news p {
		margin:0;
		margin-bottom:10px;
	}
	.content a, .content-box a, #footer a {
		color:#c82525;
		text-decoration:none;
	}
	.content a:hover, .content-box a:hover, #footer a:hover {
		color:#bc5a5a;
		text-decoration:underline;
	}	
	.content-box #main-news {
		width: 420px;
		float:left;
		border:1px dashed #6b7ea9;
		padding:15px;
		background-color:#d8e4ff;
	}
		.content-box #main-news a {
			color:#0433ff;
			text-decoration:none;
		}
		.content-box #main-news a:hover {
			color:#738dff;
			text-decoration:underline;
		}
		.content-box #main-news #readmore {
			background: url('../images/arrow1.gif') no-repeat center right;
			padding-right:25px;
		}
		.content-box #main-news #date {
			background: url('../images/calendar.gif') no-repeat;
			padding-left:20px;
			color:#757575;
		}
	
	.content-box #headlines {
		margin: 10px 0 0 20px;
		width: 260px;
		float:left;
	}
	
	.content-box ul.news li {
		text-decoration: none;
		background: url(../images/bullet3.gif) no-repeat;
		padding-left:18px;
		margin-bottom:8px;
	}

.content {
	font-size:10pt;
	line-height:15pt;
	padding: 20px 15px 10px 15px;
}
	.content .subcontent {
		margin-top:5px;
		margin-bottom:10px;
	}
	.content h1, .content-box #main-news h1 {
		color:#d62b2b;
		font: 23pt "Times New Roman", Verdana, Tahoma, Arial;
		font-weight:bold;
		margin: 5px 0px 5px 0px;
	}
	.content-box #main-news h1 {
		color:#5279f9;
		margin:0;
	}
	.content h2 {
		color:#c25b5b;
		margin: 5px 0px 5px 0px;
	}
	.content h4.subpage {
		margin-top:20px;
		margin-bottom:0px;
		border-bottom:1px solid #a7a7a7;
		padding-bottom:5px;
	}
	.content ul {
		margin-left:15px;
	}
	.content ul li {
		background: url(../images/bullet3.gif) no-repeat center left;
		padding-left:18px;
	}

.profil {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px dashed #cdcdcd;
}	
	.profil .img {
		float:left;
		padding:5px;
		margin-right:15px;
		margin-top:10px;
	}
	.profil table {
		border:0;
	}
		.profil table th {
			font-weight:normal;
			text-align:left;
			color: #767676;
			padding-right:8px;
		}
		.profil table td.name {
			font-weight:bold;
			font-size:14pt;
		}
	
	
.clinks {
	padding:20px 0 10px 0;
	clear:both;
}
	.clinks .img {
		float:left;
		margin:0 20px 0 0;
		width:100px;
		text-align:center;
		height:118px;
	}
	.clinks h4 {
		color:#931616;
		margin-bottom:0px;
	}
	.clinks .desc {
		color:#959595;
		font-size:9pt;
		margin-bottom:10px;
	}

#footer {
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}
	#footer #desc {
		/*width:500px;
		float:left;
		text-align:center;
		font-size:9pt;
		color:#616161;
		margin-top:40px;*/
		font-size:9pt;
		text-align:center;
	}
	#footer #rss {
		overflow:hidden;
		height:63px;
		margin:0 5px 5px 0;
	}
		#footer #rss a {
			background:url('../images/rss.gif') no-repeat;
			width:66px;
			display:block;
			float:right;
			height:0px;
			padding:63px 0 0 0;
			overflow:hidden;
			margin:0 0 5px;
		}

		
/********* FORMS **************/
fieldset {
	padding:10px;
	margin-bottom:20px;
	border:1px solid #BFBFBF;
}
legend {
	font-weight:bold;
}

/********* MESHCMS CSS **************/
.includenavigation {
	padding-top:20px;
}
.includeitem {
	margin-top:15px;
	margin-left:5px;
}
	.includeitem div.includetitle{
		font: bold 12pt Arial;
		color: #5279f9;
		padding-left:18px;
		background: url('../images/bullet4.gif') no-repeat center left;
	}
	.includeitem h3.includetitle{
		padding-left:18px;
		background: url('../images/bullet3.gif') no-repeat center left;
		margin-top:15px;
	}
	.includeitem .includereadmore {
		font-size:8pt;
	}
	
.mailform {
	margin-top:20px;
}
	.mailform .formfields {
		width: 700px;
	}
	.mailform .fieldname {
		margin-top: 5px;
	}
.pds-box {
	width:200px;
}