/* BASE LAYER & HOLDER LAYERS PROPS */

/* GLOBAL CSS */

#baseLayer 
{
	width:100%;
}
#baseHolder 
{
	width:760px; 
	text-align:justify;
	position:relative; 
}
#designHolder 
{
	top:-20px;
	position:absolute;
	z-index:0;
}
#flashHolder 
{
	height:117px; 
	width:760px; 
	position:absolute;
}

/* MAINPAGE CSS */
#contentHolder 
{
	top:29px;
	left:1px;
	position:absolute; 
	z-index:10;
}
#contentBox 
{
	top:405px; 
	left:5px; 
	width:750px; 
	height:473px; 
	background-color:#E7E7E7; 
	position:absolute;
}
#rightColumnBox 
{
	left:228px; 
	top:405px; 
	width:515px; 
	height:465px; 
	border:4px solid #DBDBDB; 
	background-color:#FFFFFF; 
	position:absolute;
}
#leftColumnBox 
{
	left:11px; 
	top:405px;
	width:217px;
	height:473px;
	position:absolute;
	background-color:#FEF3D0;
}
#leftColTopBox 
{
	top:27px; 
	width:217px; 
	height:174px; 
	background-color:#F6E2A6;
	position:absolute;
}
#footerHolder 
{
	top:878px;
	width:760px;
	height:45px;
	background:url(images/foot_bg.gif) repeat-x;
	position:absolute;
}
#headlineHolder 
{
	left:450px; 
	top:397px; 
	width:277px; 
	height:110px; 
	position:absolute;
}
#jadwalHolder 
{
	left:21px; 
	top:624px; 
	width:201px; 
	height:203px;
	text-align:left;
	position:absolute; 
}
#newsHolder, #infoHolder 
{
	left:0px; 
	top:43px; 
	width:200px; 
	height:170px;
	position:absolute; 
}
#infoBox, #newsBox 
{
	left:21px; 
	top:357px; 
	position:absolute; 
	width:224px; 
	height:223px; 
	overflow:hidden; 
	visibility:hidden;
}
#rngBox, #kskBox, #glrBox, #skBox 
{
	left:250px; 
	top:535px; 
	width:480px; 
	height:152px; 
	position:absolute;
	visibility:hidden;
	overflow:hidden;
}
#strBox, #mobBox, #mlBox 
{
	left:250px; 
	top:705px; 
	width:480px; 
	height:113px; 
	position:absolute;
	visibility:hidden;
	overflow:hidden;
}

/* MODULE CSS */
#headerBoxModule 
{
	width:100%; 
	height:25px; 
	margin-top:5px; 
	background:url(images/module_header.gif) repeat-x; 
	border-bottom: 2px solid #FFC57F;
}
#contentBoxModule 
{
	width:760px; 
	background-color:#FFFFFF; 
	border-bottom: 1px solid #DBDBDB;
	border-top: 3px solid #DBDBDB;
	padding-bottom: 5px;
	position:relative;
	overflow:hidden;
}
#contentHolderModule 
{
	width:760px; 
	position:relative;
	overflow:hidden;
}
#captionHolderModule
{
	padding:10px 10px 3px 15px; 
	background:#EFEFEF; 
	border-bottom:2px solid #CCCCCC;
}
#captionInfoHolderModule 
{
	padding:5px 10px 5px 15px; 
	background:#F6F6F6;
}
#footerHolderModule 
{
	width:760px;
	height:45px;
	background:url(images/foot_bg.gif) repeat-x;
	position:relative;
}

#menu
{
	background:#E7E7E7; 
	width:150px; 
	padding:2px;
	margin:0 0 5px 10px;
	float:right;
	border: 2px solid #DDDDDD;
	position:relative;
	overflow:hidden;
}
#menu ul, #articlesList ul
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

#menu li
{
	border-bottom: 1px solid #DDDDDD;
	font-size:7pt;
}
#menu li.first
{
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

#menu li.last
{
	border-bottom: 1px solid #DDDDDD;
}
#menu ul a
{
	display: block;
	padding: 9px 6px 9px 6px;
	width: 138px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #555555;
	background:#FFFFFF;
}
#menu ul a:hover
{
	color: #000000;
	background-color: #F8F8F8;
	border:none;
}
#menu ul a:visited
{
}

#articlesList
{
	padding:2px;
	margin:0 0 5px 10px;
	width:700px;
	float:none;
	background:none;
	border:none;
}
#articlesList li
{
	border-bottom: 1px solid #DDDDDD;
	font-size:1em;
}
#articlesList li.odd
{
	background:#EFEFEF;
}
#articlesList li.even
{
	background:#FFFFFF;
}
#articlesList ul a
{
	display: block;
	padding: 9px 6px 9px 6px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	width:688px;
	text-align:left;
	background:none;
}
#articlesList ul a:hover
{
	color:#996600;
	background:#FEF3D0;
	border:none;
}
#articlesList ul a:visited
{
}

#menubottom
{
	border-bottom: 2px solid #CCCCCC; 
	margin-bottom:1px; 
	text-align:center
}
#menubottom span
{
	padding:0 46px 0 46px;
	font-weight: bold;
	font-size:7pt;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #DDDDDD;
}

#menubottom span.first
{
	border-left: 1px solid #DDDDDD;
}

#menubottom span a
{
	color: #555555;
}
#menubottom span a:hover
{
	color: #996600;
	border-bottom:none;
}

#menubottom span a:visited
{
}

a.path
{
	font-weight:bold;
	text-decoration:none;
}
a.path:hover
{
	font-weight:bolder;
	border:none;
}
a.path:visited
{
}



/* GLOBAL CLASSES */
.holder 
{
	position:absolute;
	z-index:inherit;
}
.imageHolder {
	background:url(images/image_holder.gif) repeat; 
	vertical-align:middle; 
	text-align:center; 
}
.content1 
{ /* info, jadwal */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	overflow:auto;
}
.content2 
{ /* general index content */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#444444;
	overflow:auto;
}
.content3 
{ /* headline content */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#444444;
	overflow:auto;
}
.content4 
{ /* renungan list content */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight:bold;
	color:#777777;
	line-height:2em;
	overflow:auto;
}
.content5 
{ /* renungan content */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	overflow:auto;
}
.caption1 
{ /*info, jadwal */
	font-size:0.8em;
	font-weight:bold;
	color:#777777;
}
.caption2 
{ /* general index content */
	font-weight:bold;
	color:#777777;
}
.caption3 
{ /* headline content */
	font-weight:bold;
	color:#777777;
}
.caption5 
{ /* renungan content -- caption */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:x-large;
	font-weight:bold;
	text-align:left;
	color:#996600;
}
.listIndented 
{
	padding-left:.8em; 
	text-indent:-.8em;
	position:relative;
}
a:link 
{
	text-decoration:none;
	color:#BB8F0F;
}
a:visited 
{
	color:#BB8F0F;
	text-decoration:none;
}
a.list:link, a.list:visited
{
	color:#777777;
}
a:hover, a.list:hover
{
	color:#996600;
	text-decoration:none;
	border-bottom: 1.5px dashed #996600;
}


/*MAINPAGE CLASSES */
.leftTab 
{
	top:0px; 
	right:0px; 
	position:absolute; 
	overflow:hidden;
}
.row2linksHolder 
{
	top:0px; 
	width:400px; 
	height:16px; 
	border-left: 1px solid #aaaaaa; 
	border-bottom: 1px solid #aaaaaa; 
	position:absolute;
}
.row2links_attr, .row3links_attr 
{
	top:1px; 
	height:14px; 
	background-color:#e8e8e6; 
	font-family:Verdana; 
	font-size:7pt; 
	color:#aaaaaa; 
	text-align:center;
	position:absolute; 
}
.row2linksMap, .row3linksMap 
{
	left:1px; 
	top:1px; 
	width:284px; 
	height:14px; 
	position:absolute;
}
.row2Holder 
{
	left:1px; 
	top: 25px; 
	width:246px; 
	height:125px; 
	position:absolute;
}
.row2listBox 
{
	left:260px; 
	top: 25px; 
	width:215px; 
	height:120px; 
	border-left: 1px dotted #888888; 
	background-color:#F2F2F2; 
	position:absolute;
}
.row2listHolder 
{
	left:270px; 
	top: 39px; 
	width:195px; 
	height:100px; 
	position:absolute;
}
.row3linksHolder 
{
	top:0px; 
	width:400px; 
	height:16px; 
	border-left: 1px solid #aaaaaa; 
	border-bottom: 1px solid #aaaaaa; 
	position:absolute;
}
.row3Holder 
{
	left:0px; 
	top:25px; 
	width:475px; 
	height:105px; 
	position:absolute;
}
.hDivider 
{
	left:250px; 
	width:480px; 
	height:2px; 
	border-top: 1px dotted #888888; 
	position:absolute;
}

/* MODULE CLASSES */
.teras { /* teras renungan */
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	font-weight:bold;
	line-height:1.5em;
}
.ayat { /**/
    font-style:italic;
	color:#996600;
}
.strList
{
	padding: 0px 0px 0px 6px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	text-align:center;
	border-bottom: 1px solid #DDDDDD;
}
a.block
{
	display:block;
	padding: 16px 6px 16px 6px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	text-align:center;
	background:none;
}
a.block:hover
{
	color: #996600;
	background-color:#FEEDB8;
	border:none;
}
a.block:visited
{}
a.block2
{
	display:block;
	padding: 9px 6px 9px 6px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	text-align:left;
	background:none;
}
a.block2:hover
{
	color: #996600;
	border:none;
}
a.block2:visited
{}