/* JogjaCamp Standard CSS 	*/
/* Date : 12 Mei 2005		*/


/* Body Style */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px; 
	color: #000000; 
	background-color: #fafafa; 
	height: 100%;
}

/* standard paragrap */

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 150%;
	color:#000000;
}

/* standard heading */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 250%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
	margin: 2px 2px 2px 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
	margin: 2px 2px 2px 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
	margin: 2px 2px 2px 0px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
}

/* standard odered list */
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* standard list entry */
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* standard unordered list */
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	margin-left: 10px;
}

/* standard Hyperlink */
a.menu {
	color: #000000;
	text-decoration: none;
}

a {
	color: #ff9900;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.typeA{
	color: #000000;
	text-decoration: none;
}
a.typeA:hover{
	color:#FF9900;
	text-decoration: underline;
}
a.typeB{
	color: #ffffff;
	text-decoration: none;
}
a.typeB:hover{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

/* standard Form */
form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* standard form input text */
input.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

/* standard form select + option*/
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* standard label */
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* standard form textarea */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000000;
}
/* standard form button */
input.button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #cccccc;
	border: 1px solid #000000;
}

button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cccccc;
	border: 1px solid #000000;
}

/* standard table */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	border: none;
}

/* standard cell */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

td.typeA{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 4px 4px 0px;
}
td.typeB{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px 2px 2px 10px;
}
td.typeC{
	padding: 0px;
	height: 25px;
	}

/* standard row */
tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
}

/* standard image */
img {
	padding: 0px;
}

img.floatRight{
 	float: right;
	margin: 0 0 5px 5px;
}
img.floatLeft{
 	float: left;
	margin: 0 5px 5px 0;
}
p.dropcap:first-letter {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:30pt;
	float:left; 
	margin: 0px 4px 4px 0px;
	padding: 0px 4px 4px 0px;
	color: #FF9900;
}

table.tabelUtama{
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	background-color: #aaaaaa;
	}
td.tdIcon{
	border-top: solid 1px #DA251D;
	background:url('../images/bg01.png'); 
	}
td.tdIconBawah{
	border-top: solid 1px #DA251D;
	border-bottom: solid 1px #DA251D;
	background:url('../images/bg01.png'); 
	}
td.tdGambar{
	border-top: solid 1px #DA251D;
	border-bottom: solid 1px #DA251D;
	}
td.tdGambarKanan{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: 0px;
	background-color: #000000;
	}
td.tdMenu{
	border-left: solid 1px #DA251D;
	border-top: solid 1px #3D3937;
	background-color: #4D4948;
	padding: 0 5px 0 10px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 4px;
	color: #eeeeee;
	}
td.tdMenuBawah{
	border-left: solid 1px #DA251D;
	border-top: solid 1px #3D3937;
	border-bottom: solid 1px #3D3937;
	background-color: #4D4948;
	padding: 0 5px 0 10px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 4px;
	color: #eeeeee;
	}
td.tdText{
	padding: 20px 10px 0px 420px;
	vertical-align: top;
	color: #ffffff;
	}
a.typeC{
	color: #eeeeee;
	text-decoration: none;
	width: 160px; 
	height: 42px; 
	padding-top: 15px;
}
a.typeC:hover{
	color:#FF9900;
	text-decoration: none;
}


table.level2{
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	}
td.header1{
	background:url('../images/bg02.png'); 
	height: 55px;
	width: 778px;
	padding-left: 20px;
	}
td.header2{
	height: 28px;
	width: 778px;	
	padding-left: 60px;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
	background:url('../images/bgMenu.gif');;
	}
a.topMenu{
	color:#000000;
	height: 28px;
	padding-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
	background:url('../images/bgMenu.gif');;
	text-decoration: none;
	}
a.topMenu:hover{
	height: 28px;
	background:url('../images/bgMenu2.gif');;
	color: #ffffff;
	text-decoration: none;
	}
td.gambar{
	width: 778px;	
	vertical-align: top;
	background-color: #efefef;
	border-bottom: 1px solid #dddddd;
	}
td.dev3{
	border-left: solid 1px #dddddd;
	padding: 10px;
	vertical-align: top;
	line-height: 150%;
	border-bottom: solid 1px #dddddd;
	}
td.deval{
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	padding: 10px;
	vertical-align: top;
	
	}
	
td.dev3Kiri{
	padding: 10px;
	vertical-align: top;
	line-height: 150%;
	border-bottom: solid 1px #dddddd;
	}
td.bawah{
	background-color: #efefef;
	color: #333333;
	padding: 4px;
	height: 40px;
	}
td.date{
	padding: 2px;
	height: 25px;
	text-align: center;
	border: solid 1px #aaaaaa;
	}
td.dateHeader{
	padding: 2px;
	height: 25px;
	text-align: center;
	border: solid 1px #aaaaaa;
	background-color: #cccccc;
	font-weight: bold;
	}	
td.dateNow{
	background-color: #efefef;
	padding: 4px;
	text-align: center;
	border: solid 1px #aaaaaa;
	font-weight: bold;
	}
a.boldOrange{
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
	}
a.boldOrange:hover{
	color: #ff9900;
	text-decoration:underline;
	}
a.Orange{
	color: #ff9900;
	text-decoration: none;
	}
a.Orange:hover{
	color: #ff9900;
	text-decoration:underline;
	}
span.date{
	color: #666666;
	}
td.judul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px 2px 2px 10px;
	border-bottom: 1px solid #dddddd;
	}
td.newsArchive{
	border-top: 1px solid #cccccc;
	padding: 4px 4px 4px 0px;
	}
