body {
	background-color:#FF6600;
}

body,td,th {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

a:link{
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px;
	font-family: Verdana;
	font-weight: bold;
}

a:visited{
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px;
	font-family: Verdana;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
	color:#FFFFCC;
	font-size:11px;
	font-family: Verdana;
	font-weight: bold;
}

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


.atas{
	color:#FF9900;
	font-size:18px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.awal{
	color:#000000;
	font-size:15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.judul{
	text-decoration: none;
	color:#0000FF;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.isitabel{
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px;
	font-family: Verdana;
}

.tabel{
	text-decoration: none;
	color:#ffffff;
	font-size:10px;
	font-family: Verdana;
	font-weight: bold;
	background-color:#009933;
}

.baru{
	text-decoration: none;
	color:#FFFFFF;
	font-size:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.idx{
	text-decoration: none;
	color:#FF9900;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.idx2{
	background-image:url(images/repeat.gif);
	text-decoration: none;
	color:#FF9900;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.isi1{
	text-decoration: none;
	color:#000000;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


fieldset
{
	height:180px;
	margin-bottom: 2em;
	border: #A3B6AF solid 1px;
	padding: 1em;
	padding-top: 0.4em;
}

h1 {
	font-size:150%;
	line-height:1em;
	color:#FF9900;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	position:relative;	
}


h1 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:22px;
	width:100%;
	background:url(images/gradient_1.png) repeat-x;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background:#CCCCCC;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: orange;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}