body {
	background-color:#84B5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

a{
	text-decoration:none;
	color: #00579a;
}

a:hover{
	color: #f60;
}

hr {
	border: none;
	border-bottom: 1px solid #CCC;
	height: 0px; 
}

.balongrubrik {
	FONT: bold 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #333333
}

.balonglain {
	FONT: bold 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #aa0000
}

FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#garis{ 
CLEAR: both; MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #CCC 1px solid;
}

#garis1{ 
CLEAR: both; MARGIN: 5px 0px 5px 0px; BORDER-BOTTOM: #CCC 1px solid;
}

p{
    margin:0; padding:0;
	FONT: 12px/16px Arial, Helvetica, sans-serif; COLOR: #000;
}

.balong {
	FONT: bold 13px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #000000
}

#header {
	width: 760px;
	background-color: #ffffff;
	margin: auto;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	clear: both;
}

html>body #header {
	width: 762px;
}

#headline {
	width: 754px;
	background-color: #ee0000;
	margin: auto;
	padding: 3px 3px 3px 3px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	clear: both;
}

html>body #headline {
	width: 796px;
}

#menu {
	width: 754px;
	background-color: #ffffff;
	margin: auto;
	padding: 1px 3px 3px 3px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	clear: both;
}

html>body #menu {
	width: 756px;
}

#content {
	width: 754px;
	background-color: #ffffff;
	margin: auto;
	padding: 0px 3px 3px 3px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	clear: both;
}

html>body #content {
	width: 756px;
}

#footer {
	width: 760px;
	margin: auto;
	background-color: #ffffff;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	clear: both;
}

html>body #footer {
	width: 762px;
}

.menu {
   FONT: 12px Arial, Helvetica, sans-serif;
   color: #000;
   font-weight:bold;
   text-align: left;
}

.menu a{
   FONT: 12px Arial, Helvetica, sans-serif;
   color: #aa0000;
   font-weight:bold;
   text-align: left;
   text-decoration:none;
}

.menu a:hover{
   FONT: 12px Arial, Helvetica, sans-serif;
   color: #000;
   font-weight:bold;
   text-align: left;
   text-decoration:none;
}

#etalase{
    padding:5px 5px 5px 5px;
	font-size:11px;
	border:1px solid #666666;
	margin-bottom:5px;
	background-color:#d2d2d2;
}

.topnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

.topnav a{
	color:#000;
	font-weight:none;
}

.topnav a:hover{
	color:#aa0000;
	text-decoration:underline;
	font-weight:none;
}

.headline{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

.judul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#aa0000;
	font-weight:bold;
}

.judul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#aa0000;
}

.judul a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0099FF;
}

.tanggal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
}

.content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.bidik{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

.judulview{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.judulview a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#0099FF;
}

.judulview a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#aa0000;
}

#catalog {
	MARGIN-TOP: 5px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
#catalog LI {
	BACKGROUND-POSITION: 0px 0.6em; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../images/bullet.gif); PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat;
}
#catalog A {
	FONT: 12px Arial, Helvetica, sans-serif; COLOR: #336699; TEXT-DECORATION: none
}
#catalog A:hover {
	COLOR: #003366; TEXT-DECORATION: underline
}



#navlist {
	MARGIN-TOP: 5px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
#navlist LI {
	BACKGROUND-POSITION: 0px 0.6em; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(./images/bullet.gif); PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat;
}
#navlist A {
	FONT: 12px Arial, Helvetica, sans-serif; COLOR: #336699; TEXT-DECORATION: none
}
#navlist A:hover {
	COLOR: #003366; TEXT-DECORATION: underline
}

#navmail {
	MARGIN-TOP: 5px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
#navmail LI {
	BACKGROUND-POSITION: 0px 0.7em; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../images/bullet.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; text-transform:capitalize; BORDER-BOTTOM: #eee 0px solid; BACKGROUND-REPEAT: no-repeat;
}
#navmail A {
	FONT: 12px Arial, Helvetica, sans-serif; COLOR: #336699;  TEXT-DECORATION: none
}
#navmail A:hover {
	COLOR: #aa0000;  TEXT-DECORATION: underline
}

#navrubrik {
	MARGIN-TOP: 5px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
#navrubrik LI {
	BACKGROUND-POSITION: 0px 0.7em; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../images/bullet.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; text-transform:capitalize; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-REPEAT: no-repeat;
}
#navrubrik A {
	FONT: 12px Arial, Helvetica, sans-serif; COLOR: #336699; font-weight:bold; TEXT-DECORATION: none
}
#navrubrik A:hover {
	COLOR: #aa0000; font-weight:bold; TEXT-DECORATION: underline
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
background-color:#84B5FF;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #84B5FF; /*navy border*/
background-color:#84B5FF;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #FFFFFF ; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: #000;
}

.indentmenu ul li a.selected{
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background-color:#84B5FF;
color:#FF0000 !important;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 300px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}