/* begin Page */


/* Generated with Artisteer version 2.3.0.21098, file checksum is AA796E28. */


body

{

	margin: 0 auto;

	padding: 0;

	background-color: #ffffff;

	background-image: url('images/background.jpg');

	background-repeat: repeat-x;

	background-attachment: fixed;

	background-position: top left;

	font-weight:normal;

	font-style:normal;

	font-size:13px;

	line-height:1.4em;


}


#art-main

{

	position: relative;

	width: 100%;

	left: 0;

	top: 0;

}







#art-page-background-gradient

{

	background-position: bottom left;

}




.cleared

{

	float: none;

	clear: both;

	margin: 0;

	padding: 0;

	border: none;

	font-size:1px;

}




form

{

	padding:0 !important;

	margin:0 !important;

}


table.position

{

	position: relative;

	width: 100%;

	table-layout: fixed;

}

/* end Page */


/* begin Box, Sheet */

.art-Sheet

{

	position:relative;

	z-index:0;

	margin:0 auto;

	width: 1000px;

	min-width:35px;

	min-height:35px;

}


.art-Sheet-body

{

	position: relative;

	z-index: 1;

	padding: 13px;

}


.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl

{

	position:absolute;

	z-index:-1;

}


.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl

{

	width: 34px;

	height: 34px;

	background-image: url('images/Sheet-s.png');

}


.art-Sheet-tl

{

	top:0;

	left:0;

	clip: rect(auto, 17px, 17px, auto);

}


.art-Sheet-tr

{

	top: 0;

	right: 0;

	clip: rect(auto, auto, 17px, 17px);

}


.art-Sheet-bl

{

	bottom: 0;

	left: 0;

	clip: rect(17px, 17px, auto, auto);

}


.art-Sheet-br

{

	bottom: 0;

	right: 0;

	clip: rect(17px, auto, auto, 17px);

}


.art-Sheet-tc, .art-Sheet-bc

{

	left: 17px;

	right: 17px;

	height: 34px;

	background-image: url('images/Sheet-h.png');

}


.art-Sheet-tc

{

	top: 0;

	clip: rect(auto, auto, 17px, auto);

}


.art-Sheet-bc

{

	bottom: 0;

	clip: rect(17px, auto, auto, auto);

}


.art-Sheet-cr, .art-Sheet-cl

{

	top: 17px;

	bottom: 17px;

	width: 34px;

	background-image: url('images/Sheet-v.png');

}


.art-Sheet-cr

{

	right:0;

	clip: rect(auto, auto, auto, 17px);

}


.art-Sheet-cl

{

	left:0;

	clip: rect(auto, 17px, auto, auto);

}


.art-Sheet-cc

{

	position:absolute;

	z-index:-1;

	top: 17px;

	left: 17px;

	right: 17px;

	bottom: 17px;

	background-color:#fff;

	/*background-image: url('images/Sheet-c.png');*/

}




.art-Sheet

{

	margin-top: -13px !important;

}


#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare

{

	min-width:1000px;

}


/* end Box, Sheet */


/* begin Header */

div.art-Header

{

	margin: 0 auto;

	position: relative;

	z-index:0;

	width: 960px;

	height: 20px;

	border:0px solid #ddd;

		background-image: url('images/top.jpg');

}




div.art-Header-jpeg

{

	position: absolute;

	z-index:-1;

	top: 0;

	left: 0;

	width: 974px;

	height: 0px;

	background-image: url('images/Header.jpg');

	background-repeat: no-repeat;

	background-position: center center;

}

/* end Header */


/* begin Logo */

.art-Logo

{

	display : block;

	position: absolute;

	left: 10px;

	top: 10px;

	width: 944px;

}


h1.art-Logo-name

{

	display: block;

	text-align: left;

}


h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 26px;

font-style: normal;

font-weight: bold;

text-decoration: none;

	padding:0;

	margin:0;

	color: #333333 !important;

}


.art-Logo-text

{

	display: block;

	text-align: left;

}


.art-Logo-text, .art-Logo-text a

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 18px;

font-style: normal;

font-weight: normal;

	padding:0;

	margin:0;

	color: #333333 !important;

}

/* end Logo */


/* begin Menu */

/* menu structure */

.garis

{

border:1px dashed #ffffff;

border-top:0px;

margin-bottom:15px;

margin-top:8px;

}

.erik_gambar

{

border:1px solid #cccccc;

padding:3px;

margin-bottom:3px;

margin-top:3px;

margin-right:5px;

margin-left:5px;

}

.erik_gambar2

{

border:1px solid #dddddd;

padding:5px;

margin-bottom:5px;

margin-top:3px;

margin-right:5px;

background:#fafafa;

}

.gambar-radius

{

border:1px solid #fafafa;

padding:0px;

margin-bottom:3px;

margin-top:3px;

margin-right:4px;

margin-left:4px;

border-radius:0px;

background-color:#fafafa;

box-shadow: 3px 3px 1px #444;

-webkit-box-shadow: 3px 3px 1px #444;

-moz-box-shadow: 3px 3px 1px #444;

}

.gambar-radius:hover

{

border:1px solid #111111;

padding:0px;

margin-bottom:3px;

margin-top:3px;

margin-right:4px;

margin-left:4px;

border-radius:0px;

background-color:#ccc;

box-shadow: 3px 3px 1px #444;

-webkit-box-shadow: 3px 3px 1px #444;

-moz-box-shadow: 3px 3px 1px #444;

}

.foto {

width:226px;background-image:url(images/foto.gif);	background-position: center bottom;

	background-repeat: repeat-x; margin-left:8px;border-bottom:0px solid #111; border-radius:0px;

}

.kecil

{

font-family: "Helvetica Neue",Helvetica, Helvetica, Sans-Serif;

font-size: 10px;

font-style: normal;

font-weight: normal;

	padding:0;

	margin:0;

	color: #989ca1 !important;

}


.home-berita {

float:left; text-align:left; margin-bottom:10px; padding:5px; border-bottom:1px solid #ddd;

}


.home-berita:hover {

background:#9FE0FD;

}


.home-artikel {

float:left;width:215px; text-align:left; border:1px solid #ddd; height:228px; margin-right:6px; margin-bottom:8px; padding:5px;background-color:#fafafa;

}

.home-artikel:hover {

background:#f2f463;

}

.link-box {

  -webkit-box-shadow:#ccc 0 1px 0 0;

	-moz-box-shadow:#ccc 0 1px 0 0;

	box-shadow:#ccc 0 1px 0 0;

	background-color:#EEE;

	border-radius:2px;

	-webkit-border-radius:0;

	-moz-border-radius:0;

	border:1px solid #999;

	color:#666;

	font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;

	font-size:11px;

	font-weight:700;

	padding:2px 6px;

	height:28px;

	text-decoration:none;

}

.link-box :hover {

background:#ccc;

}


.erik-link, .erik-link a, .erik-link:link, .erik-link a:visited

{

	font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

	text-decoration:none;

	color: #454545;

    font-size:15px;

	text-align:left;

	font-weight:strong;

	text-align:left;

	outline:none;

	letter-spacing:normal;

	word-spacing:normal;

	line-height:1.1em;

}


.erik-link:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #dd1515;

  font-size:15px;

  	text-align:left;	

}


.title_website

{

  color: #ffffff;

  font-size:16px;

  font-weight:bolder;

  

}


.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover

{

	text-align:left;

	text-decoration:none;

	outline:none;

	letter-spacing:normal;

	word-spacing:normal;

}


.art-menu, .art-menu ul

{

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

	display: block;

}


.art-menu li

{

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: left;

	position: relative;

	z-index: 5;

	background:none;

}


.art-menu li:hover

{

	z-index: 10000;

	white-space: normal;

}


.art-menu li li

{

	float: none;

}


.art-menu ul

{

	visibility: hidden;

	position: absolute;

	z-index: 10;

	left: 0;

	top: 0;

	background:none;

}


.art-menu li:hover>ul

{

	visibility: visible;

	top: 100%;

}


.art-menu li li:hover>ul

{

	top: 0;

	left: 100%;

}


.art-menu:after, .art-menu ul:after

{

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

.art-menu, .art-menu ul

{

	min-height: 0;

}


.art-menu ul

{

	background-image: url(images/spacer.gif);

	padding: 10px 30px 30px 30px;

	margin: -10px 0 0 -30px;

}


.art-menu ul ul

{

	padding: 30px 30px 30px 10px;

	margin: -30px 0 0 -10px;

}








/* menu structure */


.art-menu

{

margin:auto;

	width:950px;

	padding: 2px 0px 2px 0px;

	background-color: none;

	border-bottom:0px solid #11afea;

	-moz-border-radius-topright: 7px; 

	 -webkit-border-top-right-radius: 7px; 

	 -moz-border-radius-topleft: 7px; 

	 -webkit-border-top-left-radius: 7px;

	/*  -moz-border-radius-bottomright: 7px; 

	 -webkit-border-bottom-right-radius: 7px; 

	 -moz-border-radius-bottomleft: 7px; 

	 -webkit-border-bottom-left-radius: 7px;

	 */

}


.art-nav

{

	position: relative;

	height: 41px;

	z-index: 100;

}


.art-nav .l, .art-nav .r

{

	position: absolute;

	z-index: -1;

	top: 0;

	height: 41px;

	/*

	background-image: url('images/nav.png');

	*/

	}


.art-nav .l

{

	left: 0;

	right:0px;

}


.art-nav .r

{

	right: 0;

	width: 974px;

	clip: rect(auto, auto, auto, 974px);

}




/* end Menu */


/* begin MenuItem */

.art-menu ul li

{

	clear: both;

}


.art-menu a

{

	position:relative;

	display: block;

	overflow:hidden;

	height: 29px;

	cursor: pointer;

	text-decoration: none;

	margin-right: 2px;

	margin-left: 2px;

}




.art-menu a .r, .art-menu a .l

{

	position:absolute;

	display: block;

	top:0;

	z-index:-1;

	height: 400px;

	/*

	background-image: url('images/MenuItem.png');

*/

	}


.art-menu a .l

{

	left:0;

	right:4px;

}


.art-menu a .r

{

	width:408px;

	right:0;

	clip: rect(auto, auto, auto, 404px);

}


.art-menu a .t 

{

font-family: verdana,"Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: bold;

	color: #ffffff;

	padding: 0 10px;

	margin: 0 4px;

	line-height: 29px;

	text-align: center;

}


.art-menu a:hover .l, .art-menu a:hover .r

{

	top:-29px;

}


.art-menu li:hover>a .l, .art-menu li:hover>a .r

{

	top:-29px;

}


.art-menu li:hover a .l, .art-menu li:hover a .r

{

	top:-29px;

}

.art-menu a:hover .t

{

	color: #ffffff;

}


.art-menu li:hover a .t

{

	color: #EAF0F0;

}


.art-menu li:hover>a .t

{

	color: #EAF0F0;

}




.art-menu a.active .l, .art-menu a.active .r

{

	top: -58px;

}


.art-menu a.active .t

{

	color: #99d8fd;

}




/* end MenuItem */


/* begin MenuSubItem */

.art-menu ul a

{

	display:block;

	text-align: center;

	white-space: nowrap;

	height: 20px;

	width: 180px;

	overflow:hidden;

	line-height: 20px;

	margin-right: auto;

	background:#5d5e5e;

/*

	background-image: url('images/subitem-bg.png');

	background-position: left top;

	background-repeat: repeat-x;

	*/

	border-width: 0px;

	border-style: solid;

}


.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span

{

	display: inline;

	float: none;

	margin: inherit;

	padding: inherit;

	background-image: none;

	text-align: inherit;

	text-decoration: inherit;

}


.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span

{

	text-align: left;

	text-indent: 13px;

	text-decoration: none;

	line-height: 20px;

	color: #ffffff;

font-family: verdana,"Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

}


.art-menu ul ul a

{

	margin-left: auto;

}


.art-menu ul li a:hover

{

	color: #76bffd;

	background-position: 0 -20px;

}


.art-menu ul li:hover>a

{

	color: #76bffd;

	background-position: 0 -20px;

}


.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span

{

	color: #76bffd;

}


.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span

{

	color: #76bffd;

}




/* end MenuSubItem */


/* begin ContentLayout */

.art-contentLayout

{

	position: relative;

	margin-bottom: 1px;

	width: 974px;

}

/* end ContentLayout */


/* begin Box, Block */

.art-Block

{

	position:relative;

	z-index:0;

	margin:0 auto;

	min-width:15px;

	min-height:15px;

}


.art-Block-body

{

	position: relative;

	z-index: 1;

	padding: 4px;

	border:1px solid #ddd;

	border-radius:7px;

	background-color:#fff;

	margin-bottom:10px;

}

.art-Block-body:hover

{


	border:1px solid #e5cbcb;

}




.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl

{

	position:absolute;

	z-index:-1;

}


.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl

{

	width: 14px;

	height: 14px;

/*	background-image: url('images/Block-s.png');*/

}


.art-Block-tl

{

	top:0;

	left:0;

	clip: rect(auto, 7px, 7px, auto);

}


.art-Block-tr

{

	top: 0;

	right: 0;

	clip: rect(auto, auto, 7px, 7px);

}


.art-Block-bl

{

	bottom: 0;

	left: 0;

	clip: rect(7px, 7px, auto, auto);

}


.art-Block-br

{

	bottom: 0;

	right: 0;

	clip: rect(7px, auto, auto, 7px);

}


.art-Block-tc, .art-Block-bc

{

	left: 0px;

	right: 0px;

	height: 14px;

/*	background-image: url('images/Block-h.png');*/

}


.art-Block-tc

{

	top: 0;

	clip: rect(auto, auto, 7px, auto);

}


.art-Block-bc

{

	bottom: 0;

	clip: rect(7px, auto, auto, auto);

}


.art-Block-cr, .art-Block-cl

{

	top: 7px;

	bottom: 7px;

	width: 14px;

/*	background-image: url('images/Block-v.png');*/

}


.art-Block-cr

{

	right:0;

	clip: rect(auto, auto, auto, 7px);

}


.art-Block-cl

{

	left:0;

	clip: rect(auto, 7px, auto, auto);

}


.art-Block-cc

{

	position:absolute;

	z-index:-1;

	top: 5px;

	left: 5px;

	right: 5px;

	bottom: 7px;

	background-color: #fafafa;/* background warna di menu kotak */

}




.art-Block

{

	margin: 7px;

}


/* end Box, Block */


/* begin BlockHeader */

.art-BlockHeader

{

	position:relative;

	z-index:0;

	height: 37px;

	padding: 0 7px;

	margin-bottom: 0px;

	border:0px solid #000;

}


.art-BlockHeader .t

{

	height: 37px;

	color: #ffffff;

	text-shadow: #111111 0.1em 0.1em 0.2em;

font-family:"Helvetica Neue",Tahoma, Arial, Helvetica, Sans-Serif;

font-size: 14px;

font-style: normal;

font-weight: bold;

	white-space : nowrap;

	padding: 0 6px;

	line-height: 30px;	

}


.art-BlockHeader .l, .art-BlockHeader .r

{

	display:block;

	position:absolute;

	z-index:-1;

	height: 35px;

	/*background-color:#05a9e6;*/

	background-image: url('images/BlockHeader.png');

	border-radius:5px 5px 0px 0px;

}


.art-BlockHeader .l

{

	left:0;

	right:0px;

}


.art-BlockHeader .r

{ 

	width:994px;

	right:0;

	clip: rect(auto, auto, auto, 988px);

}








.art-header-tag-icon

{

    height: 35px;

	background-position:left top;

	background-image: url('images/BlockHeaderIcon.png');

	padding:0 0 0 12px;

	background-repeat: no-repeat;

	min-height: 12px;

	margin: 0 0 0 5px;

}




/* end BlockHeader */


/* begin Box, BlockContent */

.art-BlockContent

{

	position:relative;

	z-index:0;

	margin:0 auto;

	min-width:1px;

	min-height:1px;

}


.art-BlockContent-body

{

	position: relative;

	z-index: 1;

	padding: 8px;

	background-color:#fafafa;

	border-radius:0px 0pc 5px 5px;

}





.art-BlockContent-body

{

	color:#3B4C4F;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

line-height:18px;


}


.art-BlockContent-body a:link

{

	color: #0a7ccc;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

}


.art-BlockContent-body a:visited, .art-BlockContent-body a.visited

{

	color: #6F9095;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

}


.art-BlockContent-body a:hover, .art-BlockContent-body a.hover

{

	color: #e6420f;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

/*background-color:#ffffff;*/

text-decoration: underline;

}


.art-BlockContent-body ul

{

	list-style-type: none;

	color: #4A6064;

	margin:0;

	padding:0;

}


.art-BlockContent-body li

{

font-family: "Helvetica Neue",Helvetica, Helvetica, Sans-Serif;

font-size: 13px;

text-decoration: none;

}


.art-BlockContent-body ul li

{

	padding:0px 0 0px 13px;

background-image: url('images/BlockContentBullets.png');

	background-repeat:no-repeat;

	margin:0.5em 0 0.5em 0;

	line-height:1.2em;

}


/* end Box, BlockContent */


/* begin Box, Post */

.art-Post

{

	position:relative;

	z-index:0;

	margin:0 auto;

	min-width:1px;

	min-height:1px;


}


.art-Post-body

{

	position: relative;

	z-index: 1;

	padding: 10px 2px 10px 2px;


	}





.art-Post

{

	margin: 7px;


	}


/* Start images */

a img

{

	border: 0;

}


.art-article img, img.art-article

{

	border: solid 1px #C1CFD1;

	margin: 1em;

}


.art-metadata-icons img

{

	border: none;

	vertical-align: middle;

	margin: 2px;

}

/* Finish images */


/* Start tables */


.art-article table, table.art-article

{

	border-collapse: collapse;

	margin: 1px;


}


.art-article table, table.art-article .art-article tr, .art-article th, .art-article td

{

	background-color:#ffffff;

}


.art-article th, .art-article td

{

	padding: 2px;

	border: solid 1px #7B999D;

	vertical-align: top;

	text-align:left;

}


.art-article th

{

	text-align: center;

	vertical-align: middle;

	padding: 7px;

	background-image: url('images/BlockHeader.png');

}


/* Finish tables */


pre

{

	overflow: auto;

	padding: 0.1em;

}


/* end Box, Post */


/* begin PostHeaderIcon */

.art-PostHeader

{

	text-decoration:none;

	margin: 0.1em 0;

	padding: 0 0 10px 0;

	font-weight:normal;

	font-style:normal;

	letter-spacing:normal;

	word-spacing:normal;

	font-variant:normal;

	text-decoration:none;

	font-variant:normal;

	text-transform:none;

	text-align:left;

	text-indent:0;

	line-height:inherit;

font-family: "Helvetica Neue",Helvetica, Helvetica, Sans-Serif;

font-size: 23px;

font-style: normal;

font-weight: bold;

text-align: left;

	color: #1371ff;

		background-image: url('images/garis.gif');

	background-repeat: no-repeat;

	background-position: bottom left;

	

}


.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover

{

font-family: "Helvetica Neue",Helvetica, Helvetica, Sans-Serif;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-align: left;

	margin:0;

	color: #142E34;

}


/* end PostHeaderIcon */


/* begin PostHeader */

.art-PostHeader a:link

{

font-family: "Helvetica Neue",Helvetica, Helvetica, Sans-Serif;

text-decoration: none;

text-align: left;

  color: #1B3F46;

}


.art-PostHeader a:visited, .art-PostHeader a.visited

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

text-align: left;

  color: #384A4C;

}


.art-PostHeader a:hover, .art-PostHeader a.hovered

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

text-align: left;

  color: #09BDDC;

}

/* end PostHeader */


/* begin PostContent */

/* Content Text Font & Color (Default) */

body

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

color: #293638;

  

}




.art-PostContent p 

{

	margin: 0.5em 0;

}


.art-PostContent, .art-PostContent p

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

text-align: justify;

  color: #293638;

}


.art-PostContent

{

  margin:0;

  

}




/* Start Content link style */

/*

The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.

http://www.w3schools.com/CSS/css_pseudo_classes.asp

http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/

*/

a

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #29606B;

}


/* Adds special style to an unvisited link. */

a:link

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #29606B;

}


/* Adds special style to a visited link. */

a:visited, a.visited

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: underline;

  color: #1388ff;

}


/* :hover - adds special style to an element when you mouse over it. */

a:hover, a.hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

  color: #1388ff;

}


/*manual erik */

a.manual

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

border-bottom:1px solid #3fa1ca;

  color: #29606B;

    font-size:16px;

	margin-bottom:5px;

}


a.manual:hover, a.manualhover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

  color: #228fff;

  font-size:16px;

}




/* Finish Content link style */


/* Resert some headings default style & links default style for links in headings*/

h1, h2, h3, h4, h5, h6,

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited

{

  font-weight: normal;

  font-style: normal;

  text-decoration: none;

}




/* Start Content headings Fonts & Colors  */

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover

{

font-family: "Helvetica Neue",Helvetica, Helvetica, Sans-Serif;

font-size: 28px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #29606B;

}


h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 22px;

font-style: normal;

padding:2;

font-weight: bold;

text-align: left;

  color: #fff;

  text-shadow: #e3e3e3 0.1em 0.1em 0.2em;


}


h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 18px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #29606B;

  

}


h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 16px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #14191A;

}


h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 14px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #14191A;

}


h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 14px;

font-style: normal;

font-weight: bold;

text-align: left;

  color: #14191A;

}

/* Finish Content headings Fonts & Colors  */

/* end PostContent */


/* begin PostBullets */

/* Start Content list */

ol, ul

{

	color: #090B0C;

	margin:1em 0 1em 2em;

	padding:0;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

}


li ol, li ul

{

	margin:0.5em 0 0.5em 2em;

	padding:0;

}


li 

{

	margin:0.2em 0;

	padding:0;

}


ul

{

	list-style-type: none;

}


ol

{

	list-style-position:inside;

	

}





.art-Post li

{

	padding:0px 0 0px 13px;

	line-height:1.2em;

}


.art-Post ol li, .art-Post ul ol li

{

	background: none;

	padding-left:0;

}


.art-Post ul li, .art-Post ol ul li 

{

	background-image: url('images/PostBullets.png');

	background-repeat:no-repeat;

	padding-left:13px;

}




/* Finish Content list */

/* end PostBullets */


/* begin PostQuote */

/* Start blockquote */

blockquote,

blockquote p,

.art-PostContent blockquote p

{

	color:#0F1415;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-style: italic;

font-weight: normal;

text-align: left;

}


blockquote,

.art-PostContent blockquote

{

		border:solid 1px #C1CFD1; 

		margin:10px 10px 10px 50px;

	padding:5px 5px 5px 41px;

	background-color:#EDF1F2;

	background-image:url('images/PostQuote.png');

	background-position:left top;

	background-repeat:no-repeat;

}




/* Finish blockuote */

/* end PostQuote */


/* begin Button */

.art-button-wrapper .art-button

{

	display:inline-block;

	width: auto;

	outline:none;

	border:none;

	background:none;

	line-height:33px;

	margin:0 !important;

	padding:0 !important;

	overflow: visible;

	cursor: default;

	text-decoration: none !important;

	z-index:0;

}


.art-button-wrapper

{

	display:inline-block;

	position:relative;

	height: 33px;

	overflow:hidden;

	white-space: nowrap;

	width: auto;

	z-index:0;

}


.firefox2 .art-button-wrapper

{

	display:block;

	float:left;

}


.art-button-wrapper .art-button

{

	display:block;

	height: 33px;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

	white-space: nowrap;

	text-align: left;

	padding: 0 21px !important;

	line-height: 33px;

	text-decoration: none !important;

	color: #E7EEEE !important;

}




.form-pencarian {

    border:solid 1px #817e7e;

	background:#454545;

	padding:2px;

	color:#cdcaca;

	margin-top:5px;

	margin-left:62px;

    -moz-border-radius-topleft: 4px;

    -moz-border-radius-topright:4px;

    -moz-border-radius-bottomleft:4px;

    -moz-border-radius-bottomright:4px;

    -webkit-border-top-left-radius:4px;

    -webkit-border-top-right-radius:4px;

    -webkit-border-bottom-left-radius:4px;

    -webkit-border-bottom-right-radius:4px;

    border-top-left-radius:4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    border-bottom-right-radius:4px;


}

.form-pencarian:hover {

    border:solid 1px #90d9fb;

	background:#686767;

}

.form-pencarian-submit {

    border:solid 1px #817e7e;

	background:#454545;

	padding:2px 4px 2px 4px;

	margin-top:5px;

	color:#cdcaca;

	font-weight:bold;

    -moz-border-radius-topleft: 4px;

    -moz-border-radius-topright:4px;

    -moz-border-radius-bottomleft:4px;

    -moz-border-radius-bottomright:4px;

    -webkit-border-top-left-radius:4px;

    -webkit-border-top-right-radius:4px;

    -webkit-border-bottom-left-radius:4px;

    -webkit-border-bottom-right-radius:4px;

    border-top-left-radius:4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    border-bottom-right-radius:4px;

}

.form-pencarian-submit:hover {

    border:solid 1px #90d9fb;

	background:#686767;

}


input, select

{

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

}


.art-button-wrapper.hover .art-button, .art-button:hover

{

	color: #2B393B !important;

	text-decoration: none !important;

}


.art-button-wrapper.active .art-button

{

	color: #E1F1F4 !important;

}


.art-button-wrapper .l, .art-button-wrapper .r

{

	display:block;

	position:absolute;

	z-index:-1;

	height: 99px;

	background-image: url('images/Button.png');

}


.art-button-wrapper .l

{

	left:0;

	right:10px;

}


.art-button-wrapper .r

{

	width:409px;

	right:0;

	clip: rect(auto, auto, auto, 399px);

}


.art-button-wrapper.hover .l, .art-button-wrapper.hover .r

{

	top: -33px;

}


.art-button-wrapper.active .l, .art-button-wrapper.active .r

{

	top: -66px;

}




/* end Button */


/* begin Footer */

.art-Footer

{

	position:relative;

	z-index:0;

	overflow:hidden;

	width: 100%;

	margin: 20px auto 0px auto;

}


.art-Footer .art-Footer-inner

{

	height:1%;

	position: relative;

	z-index: 0;

	padding: 8px;

	text-align: center;

}


.art-Footer .art-Footer-background

{

	position:absolute;

	z-index:-1;

	/*

	background-repeat:no-repeat;

	background-image: url('images/Footer.png');

	*/

	background:#111;

	width:100%;

	height: 200px;

	bottom:0;

	left:0;

	border-radius:5px;

	border-bottom:3px solid #ffde00;

	/*-moz-border-radius-bottomright: 7px; 

	 -webkit-border-bottom-right-radius: 7px; 

	 -moz-border-radius-bottomleft: 7px; 

	 -webkit-border-bottom-left-radius: 7px;

	 */

}




.art-rss-tag-icon

{

	position: relative;

	display:block;

	float:left;

	background-image: url('images/rssIcon.png');

	background-position: center right;

	background-repeat: no-repeat;

	margin: 0 5px 0 0;

	height: 25px;

	width: 25px;

    cursor: default;

}







.art-Footer .art-Footer-text p

{

	margin: 0;

	text-align:left;

}


.art-Footer .art-Footer-text

{

	display:inline-block;

	color:#ffffff;

	font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	width:950px;

}


.art-Footer .art-Footer-text a:link

{

	text-decoration: none;

	color: #99d8fd;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: none;

}


.art-Footer .art-Footer-text a:visited

{

	text-decoration: none;

	color: #14191A;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: underline;

}


.art-Footer .art-Footer-text a:hover

{

	text-decoration: none;

	color: #09BDDC;

font-family: "Helvetica Neue",Helvetica,Arial, Helvetica, Sans-Serif;

text-decoration: underline;

}

/* end Footer */


/* begin PageFooter */

.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover

{

	font-family:"Helvetica Neue",Helvetica,Arial;

	font-size:10px;

	letter-spacing:normal;

	word-spacing:normal;

	font-style:normal;

	font-weight:normal;

	text-decoration:underline;

	color:#577175;

}


.art-page-footer

{

	margin:1em;

	text-align:center;

	text-decoration:none;

	color:#547877;

}

/* end PageFooter */


/* begin LayoutCell */

.radiusnya {

-moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;

-moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;

border:2px solid #ffffff;

} 


.art-contentLayout .art-sidebar1

{

	position: relative;

	margin: 0;

	padding: 68px 0px 50px 0px;

	border: 0;

	float: left;

	overflow: hidden;

	width: 243px;

	float: right; /* POSISI MENU MENJADI DI KANAN SEMUA */

}

/* end LayoutCell */


/* begin LayoutCell */

.art-contentLayout .art-content

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 486px;

}

.art-contentLayout .art-content-sidebar1

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 729px;

}

.art-contentLayout .art-content-sidebar2

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 729px;

}

.art-contentLayout .art-content-wide

{

	position: relative;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	overflow: hidden;

	width: 972px;

}

/* end LayoutCell */


/* begin LayoutCell */

.art-contentLayout .art-sidebar2

{

	position: relative;

	margin: 0;

	margin-bottom: 0px;

	margin-top: 0px;

		padding: 0;

	padding-top: 18px;

	padding-bottom: 10px;

	border: 1px dashed #ccc;

	border-right: 1px dashed #ccc;

	

	background-image: url('images/bg1.gif');

	background-position: top right;

	background-repeat: repeat-x;


	background-color: none;

	height:100%;

	float: left;

	overflow: hidden;

	width: 243px;

	border-radius:0px 0px 5px 5px;

	 

}


/* end LayoutCell */