body, html {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-family: Arial, Verdana, sans-serif;
	color: silver;
	font-size: 14px;
	background: #072f46 url('../images/bg.png') repeat-x fixed; 
}
table, td, tr {
	font-size: 10px;
}
a , a:link, a:active{
	color: #b40000;
	text-decoration: none;
}
a:hover {
	color: #045685;
}
p {
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
h4 {
	padding: 0px;
	margin: 0px;
}
h1 {
	font-size: 15px;
	color: #000;
	border: 0px solid #000;
	margin: 0px;
}
h3 {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 16px;
}	
img.close {
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
h2 {
	margin: 0px;
	color: #000;
	font-size: 13px;
	font-family: Arial, Verdana, sans-serif;
	border-bottom: 1px solid #464646;
	border-top: 1px solid #464646;
	border-left: 10px solid #464646;
	border-right: 10px solid #464646;
	padding: 3px 3px 3px 10px;
	margin-bottom: 5px;
	background: #f4f4f4;
}
h2 img {
	display: inline;
	margin-right: 7px;
}
h2 span {
	position: relative;
	bottom: 2px;
}
h4 {
	font-size: 11px;
	margin-bottom: 5px;
}
ul, li {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear:both;
}
.inline {
	display: inline;
}
img {
	border-width: 0px;
	display: block;
}
img.info {
	display: inline;
}
div.icon img {
	display: inline;
}
div.icon span {
	margin-left: 6px;
	position: relative;
	bottom: 3px;
}
dt {
	font-weight: bold;
}
input,option,textarea {
	background: #dedede;
	color: #434343;
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}	
input,select,textarea {
	border: 1px solid #c9c8c8;
	background: #dedede;
	padding: 3px;
}
textarea.big {
	width: 400px !important;
	height: 100px !important;
    background-color: #ffffff;
}
legend {
    margin-top: 15px;
	font-weight: bold;
	color: #b40000;
}
fieldset {
	background: #f4f4f4;
	border: 1px solid #d8d8d8;
	margin-bottom: 10px;
    color: #4a4a4a;
}

/* ## INFO BOX ## */
div.infowrapper {
	position: relative;
	display: inline;
	height: 1px;
	z-index: 100;
	border: 1px solid #eceaea;
}
div.info {
	background: #fbf9f9;
	position: absolute;
	border: 5px solid #d8d8d8;
	padding: 5px;
	z-index: 99;
	top: -9px;
	left: 3px;
	width: 300px;
	display: none;
}	
div.infowrapper img {
	position: absolute;
	top: 0px;
	left: -20px;
}

/* ## TABLES ## */
.vertical {
	width: 100%;
}
.vertical th {
	text-align: right;
	width: 200px;
	padding-right: 5px;
}
.vertical td {
	padding: 4px;
	background: #eceaea;
	border: 0px solid #000;
}
.vertical textarea {
	width: 200px;
	height: 50px;
}
.vertical input {
	width: 200px;
}
option.default {
	background: #808080;
	color: #F4f4f4;
}	
.vertical img.info {
	position: relative;
	top: 4px;
}
.exco th {
	font-size: 12px;
	background: #f1f1f1;
	color: #2143c2;
}
.exco td {
	padding: 10px;
}
.exco .ketua {
	color: #b40000;
}

/* ## BODY ## */
#bodywrapper {
	background: url('../images/wrapper_body.png') repeat-y;
	width: 928px;
}
#body {
	margin: 0px 15px 0px 15px;
	text-align: left;
}

/* ## HEADER ## */
#header {
	height: 150px;
	border-bottom: 1px solid #ffffff;
	position: relative;
	background: #000000 url('../images/banner.png') top left no-repeat;
}
/* login */
#login {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 25px;
	text-align: right;
	width: 370px;
    margin-bottom: 10px;
}
#login img {
	float: left;
}
.input input {
	padding: 4px 0px 4px 0px;
	text-align: center;
	border-width: 0px;
	background: none;
	width: 140px;
}
.input {
	background: url('../images/login-input.png') no-repeat;
	width: 151px;
	margin-right: 3px;
	text-align: center;
	display: block;
	height: 21px;
}
#login .input {
	float: left;
}
/* ## MAIN MENU ## */
#mainmenu {
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	margin-bottom: 40px;
}
#mainmenu a {
	padding: 2px 10px 5px 10px;
	/*font-weight: bold;
	height: 13px;*/
	display: block;
    border-right: silver solid 1px;
    border-left: silver solid 1px;
    border-bottom: silver solid 1px;
}
#mainmenu a:hover {
	background: #4a4a4a;
	color: #FFF;
	text-decoration: none;
}

/* ## CONTENT ## */
/* content */
#contentwrapper {
	float: left;
	width: 648px ;
}
.nosub {
	padding-left: 10px;
	width: 880px !important;
}
.content {
	padding: 2px 2px 2px 10px;
	margin-bottom: 10px;
	text-align: justify;
}
.author {
	font-weight: bold;
	color: #fbf9f9;
	background: #979797;
	padding: 2px 2px 2px 5px;
}
img.logo {
	float: left;
	padding: 5px 15px 15px 15px;
	background: #FFF;
}
/* album */
.album {
	background: #f4f4f4;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-bottom: 5px;
	position: relative;
}
.album img.thumb {
	padding: 10px;
	border: 1px solid #e5e5e5;
	background: #FFF;
	float: left;
	width: 150px;
}
.album .albumdetails {
	padding: 0px 0px 0px 10px;
	float: left;
	width: 444px;
}
.album fieldset {
	margin-top: 10px;
	padding: 2px 5px 5px 5px;
	text-align: left;
}
/* album view */
.albumitems {
	text-align: center;
}
.albumitems img.thumb {
	float: none; 
	display: inline;
	padding: 6px;
	margin: 2px;
}
/* album item view */
.albumitemleft {
	float: left;
	width: 420px;
}
.albumitemright {
	padding: 0px 0px 0px 10px;
	float: left;
	width: 425px;
}
.viewalbumitems img.thumb {
	max-width: 400px;
	width: auto !important;
}
.commentitem {
	background: white;
	border: 1px solid #e5e5e5;
	padding: 3px;
	margin: 0px 0px 10px 5px;
}	
.albumitemright textarea {
	width: 400px;
	height: 100px;
	margin-bottom: 3px;
}
/* pagination */
.pagination {
	text-align: center;
	padding: 5px 0px 5px 0px;
}
.pagination a {
	background: #f4f4f4;
	border: 1px solid #e5e5e5;
	margin: 0px 3px 0px 3px;
	padding: 2px;
}
.pagination a:hover {
	background: #4a4a4a;
	border: 1px solid #000;
	color: #FFF;
}
/* rounded edge */
.rounded_topleft {
	position: absolute;
	top: -1px;
	left: -1px;
}
.rounded_topright {
	position: absolute;
	top: -1px;
	right: -1px;
}
.rounded_btmleft {
	position: absolute;
	bottom: -1px;
	left: -1px;
}
.rounded_btmright {
	position: absolute;
	bottom: -1px;
	right: -1px;
}

/* ## SUB PANELS ## */
#subwrapper {
	width: 235px;
	float: right;
}
#subwrapper h2 {
	background: url('../images/sub_hdr.png') no-repeat;
	border-width: 0px;
	margin: 0px;
	height: 22px;
	padding: 6px 5px 5px 10px;
}
.subpanel {
	background: #f4f4f4;
	width: 212px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding: 10px;
}
.subpanel input {
	margin-bottom: 5px;
}
#subwrapper  .items li {
	border-bottom: 1px solid #c3c3c3;
	padding: 0px;
	margin-bottom: 2px;
	font-size: 11px;
}
#subwrapper  .items a {
	display: block;
	padding: 2px 2px 2px 5px;
	
}
#subwrapper  .items li:hover { 
	background: #787878;
}
#subwrapper  .items a:hover { 
	color: #FFF;
}
/* search panel specifics */
.search {
	text-align: center;
}	
.search img {
	display: inline;
}
.search input {
	text-align: center;
	width: 190px;
	margin-bottom: 5px;
}	

/* FRONTPAGE specifics */
.frontpage .fp_box {
	background: #ffffff;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	width: 608px;
	padding: 5px;
}
.frontpage h2 {
	background: url('../images/main_hdr2.png') no-repeat;
	border-width: 0px;
	font-size: 13px;
	padding: 5px 0px 0px 12px;
	height: 22px;
	margin: 0px;
}
#ucapan {
	width: 800px;
	margin-bottom: 30px;
}
#ucapan .content {
	padding: 3px;
}
#ucapan h3 {
	color: #b40000;
}
/* item bar & item content */
.itembar, .itemwrapper {
	position: relative;
	z-index: 10;
    background: #ffffff;
}
.itemwrapper {
	overflow: hidden;
}
.itembar a {
	display: block;
	padding: 3px 3px 0px 10px;
	color: white;
	background: url('../images/itembar_rpt.png') repeat-x;
	height: 18px;
	margin-top: 5px;
}
.itembar a:hover {
	text-decoration: none;
}
.itembar .left {
	position: absolute;
	left: 0px;
	top: 0px;
}
.itembar .right {
	position: absolute;
	right: 0px;
	top: 0px;
}
.itemcontent {
	background: #ebebeb;
	margin: 0px 3px 0px 3px;
	padding: 3px;
	border: 1px solid #e5e3e3;
	display: none;
	text-align: justify;
    color:#4a4a4a;
}
.frontpage .readfull { /* frontpage's read full link */
	background: #bebebe;
	font-size: 10px;
	text-align: right;
	margin-top: 5px;
	color: #FFF;
	padding: 2px 5px 2px 2px;
}
.readfull { /* normal read full link */
	border-top: 1px solid #bebebe;
	background: #eae9e9;
	font-size: 10px;
	text-align: right;
	margin-top: 5px;
	color: #FFF;
	padding: 2px 5px 2px 2px;
}
/* ## FOOTER ## */
#footer {
	color: #9fbbfb;
	width: 928px;
}

/*************************************** SLIDESHOW */
#slide {height: 300px; position: relative; z-index: 1; width: 450px;border: 1px solid silver ;overflow:hidden;}
#slide a {display: none; /*position: absolute;*/ z-index: 1;}
#slide .descbg, #slide .desc  {position: absolute; bottom: 0px; height: 70px; z-index: 10; width: 450px; /*padding: 10px;*/ overflow:hidden;}
/*#slide .descbg {background: #64c9f3;}*/
#slide .desc {color: #000;}
#slide .desc h1.title {margin: 0px;font-size:24px;font-family:sans-serif;}
#slide .desc .text {position:relative; z-index: 5;}


.rte {
    background-color: #ffffff;
}

#idx {
    z-index: 200;
}