/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jun 25, 2006)
Screen layout: */

/***** Body and main container *****/
body {
margin:0 auto;
padding:0;
background:#f4f4f4 url(img/bg.gif) top center repeat-y;
color:#303030;
}

#wrap {
background:#ffffff;
color:#202040;
margin:0 auto;
width:860px;
}

/***** Various tags *****/
a {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#0033FF;
background-color:inherit;
}

a img {
border:0;
}

/***** Header *****/
#header {
margin:10px 0 0;
padding:0;
height:35px;
}

#header h1 {
color:#303050;
background-color:inherit;
width:280px;
margin:0 0 10px;
font-size:1.7em;
float:left;
}

#header h1 a{
color:#505050;
background-color:inherit;
text-decoration:none;
}

#header p {
	width:580px;
	float:right;
	text-align:left;
	color:#505050;
	margin:3px 0 0;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.3em;
	background-color:inherit;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#frontphoto {
margin:0 0 12px;
border:0;
}

/***** Left sidebar *****/
#leftside {
	clear:left;
	float:left;
	width:180px;
	margin:0 0 5px;
	padding:0;
	background-color: #F0F7FB;
}

#leftside h2, #leftside h3 {
	background-color:#003366;
	color:#FFFFFF;
	line-height:1.4em;
	font-size:1.3em;
	margin:0 0 5px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-left: 4px solid #286ea0;
	background-image: url(images/grs_hitam.gif);
}

#leftside div.announce {
	clear:left;
	width:166px;
	font-size:0.9em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#leftside h5 {
	clear:left;
	font-size:1.3em;
	background-color:#003366;
	color:#FFFFFF;
	line-height:1.4em;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-bottom: 0px;
	border-left: 4px solid #286ea0;
	margin-top: 15px !important /*Non-IE6*/;
	margin-top: 0px /*IE6*/;
	background-image: url(images/grs_hitam.gif);
}

#leftside div.announce p {
margin:10px 0 0;
padding:0;
}

/***** Main menu *****/
ul.avmenu {
width:178px;
margin:0 0 18px;
padding:0;
list-style:none;
}

ul.avmenu li {
width:178px;
padding:0;
line-height:1.3em;
display:inline;
}

ul.avmenu li a {
background-color:#D3E1E7;
color:#505050;
font-weight:bold;
width:169px;
float:left;
margin-bottom:2px;
padding:5px 1px 5px 5px;
border-left:4px solid #cccccc;
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#B3C4DF;
border-left:4px solid #286ea0;
color:#202231;
}

ul.avmenu li a.akhir {
margin-bottom:5px !important /*Non-IE6*/; margin-bottom:0px /*IE6*/;
}

ul.avmenu ul {
margin:0 0 0 15px;
padding:0 0 5px 0;
font-size:0.9em;
width:165px;
}

ul.avmenu ul a {
padding:3px 1px 3px 5px;
width:154px;
}

ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:100px;
}

/***** Right sidebar *****/
#extras {
float:right;
width:170px;
margin:0 0 5px;
padding:0;
line-height:1.3em;
}

#extras p,#extras ul {
font-size:0.9em;
margin:0 0 16px;
padding:0;
}

#extras li {
list-style:none;
line-height:1.2em;
margin:0 0 6px 0;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras ul ul li {
margin: 0 0 4px 0;
}

#extras ul ul li a {
font-size:1.1em;
font-weight:normal;
}

#extras h2, #extras h3 {
color:#505050;
background-color:inherit;
font-size:1.2em;
margin:0 0 10px;
padding:0;
}

/***** Main content *****/
#content {
margin:0 180px 5px 190px !important /*Non-IE6*/; margin:0 180px 5px 188px /*IE6*/;
border-left:1px solid #e0e0e0 !important /*Non-IE6*/; border-left:none /*IE6*/;
border-right:1px solid #e0e0e0 !important /*Non-IE6*/; border-right:none /*IE6*/;
padding:0 10px !important /*Non-IE6*/; padding:0px 10px 0px 5px /*IE6*/;
line-height:1.6em;
}

#contentwide {
margin:0 0 5px 190px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
}

#content h2,#contentwide h2 {
	font-size:1.8em;
	margin:0 0 10px;
	color:#000066;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #EAEEF2;
	padding-bottom: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
	padding-top: 3px;
}

#content h3,#contentwide h3 {
	font-size:1.4em;
	margin:0 0 0px0px;
	color:#9A2721;
	border-bottom: solid 1px;
	border-bottom-color: #F7EAF2;
	padding-bottom: 2px;
}

#content img,#contentwide img {
padding:1px;
display:inline;
color:#303030;
border:1px solid #f0f0f0;
}

#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/
#footer {
clear:both;
margin:0 auto;
padding:10px 0 20px;
border-top:4px solid #f0f0f0;
width:860px;
text-align:center;
color:#414181;
background:#ffffff;
font-size:0.9em;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.hide {
display:none;
}
#flashcontent {

	width: 180px;

	text-align: right;

	padding: 0px;

	margin: 0px;

}
.header-bottom {width:860px; height:30px; background:rgb(255,255,255) url(img/bg_head_breadcrumbs.jpg) repeat-y;}



.header-breadcrumbs {

	clear:both;

	width:860px;

	/*	background-image: url(../img/bgtabmen.gif);	*/

background-image: url(img/bg_head_breadcrumbs.jpg);

	background-repeat: repeat-y;

	padding-top: 0.3em;

	padding-right: 0;

	padding-bottom: 0.3em;

	padding-left: 0px;

}


.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}

.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}

.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}

.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}



.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}

.header-breadcrumbs .searchform form fieldset {float:right; border:none;}

.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }

.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}

.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.subcontent-unit-border-blue  {width:169px; margin:0 0 1em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);
background-image:url(images/bgkanan2.gif); background-repeat:repeat-x}

.subcontent-unit-border-orange {width:169px; margin:0 0 1em 0px; padding:0 0 10px 0; border:solid 1px #ACAFDD; background-color:#D6D6FB;
background-image:url(images/bgkanan2.gif); background-repeat:repeat-x}

#extras h1.blue {padding:4px 10px 3px 10px; background-color:#6D92C9; font-family:arial, sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:130%;}
#extras h2.blue {
	padding:4px 10px 3px 10px;
	margin-bottom:8px;
	background-color:#477896;
	font-family:arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:120%;
	background-image: url(images/grs_hitam.gif);
	height: 1.2em;
}

#extras h1.orange {clear:both; margin:0 0 0 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:arial, sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:130%;}
#extras h2.orange {
	padding:4px 10px 3px 10px;
	margin-bottom:8px;
	background-color:#D6A40C;
	font-family:arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:120%;
	background-image: url(images/grs_hitam.gif);
	height: 1.2em;
}

.subjudul {

font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#663399;
font-weight:bold;
}

#isi img {
padding-right:10px;
padding-bottom:5px;
padding-top:5px;
padding-left:4px;
}