.nav1 {
	background-image: url(test.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	text-align: right;
	padding-right: 8px;
}
.nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.nav3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
}
.nav3tab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	text-align: right;
	background-image: url(banner-atas-about-us.html);
	background-repeat: no-repeat;
	background-position: left center;
}
.bgbot {
	vertical-align: top;
	text-decoration:none;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding: 5px;
}
.tabctcxx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	line-height: 15px;
/*	border-left:2px solid #B6B6B6;
	border-right:2px solid #B6B6B6; */
	padding-left: 15px;
	padding-right: 35px;
	padding-bottom: 20px;

}
.tabctc, .tabctc td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	line-height: 15px;
/*	border-left:2px solid #B6B6B6;
	border-right:2px solid #B6B6B6; */
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 20px;
}
.tabctc2 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:5px;
	color:#000000;
	text-align:left
}
.tabctc_new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:30px;
}
.tabctc_new2 {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	padding-left: 20px;*/
	padding-right: 20px;
	/*padding-bottom:30px;*/
}
.tabctc_new div {
	padding-left:10px;
}
.tabctc_new div ul {
	list-style: square;
	padding-left:20px;
}
.tabctc_new div li {
	padding-bottom:7px;
	font-size:11px;
}

.site {
	background-color:#0c76b2; height:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-left: 235px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.site a {
	color: #FFF;
}
.nav3:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BB7100;
	text-decoration: underline;
}
.sitenav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.search {
	padding: 2px;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.profile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	vertical-align: top;
	text-align: justify;
	padding-left: 8px;
}
.title1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.list1 {
	list-style-position: outside;
	list-style-image: url(arr.gif);
}
.pic_class {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #ECE9D8;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #ECE9D8;
}
.new_css {
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B6B6B6;
	border-left-color: #B6B6B6;
}
.new_class {
	border-right-width: thin;
	border-right: 1;
	border-right-color: #B6B6B6;
	border-left: 1;
	border-left-style: none;
	border-right-style: solid;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 20px;
}
.new_class_b {
	background-image: url(banner_bawah.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	border-right-width: thin;
	border-right: 1;
	border-right-color: #B6B6B6;
	border-left: 0;
	border-left-style: none;
	border-right-style: solid;
}
.bgbot_new {
	background-image: url(banner_bawah.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	border-right: 0;
	border-left: 1;
	border-left-style: solid;
	border-right-style: none;
	border-left-color: #B6B6B6;
	border-left-width: thin;
}
.mainTable{
	width: 700px;
	border: 0;
	border-right:none;
	padding: 0;
	padding-right:: 0;
}

.breadcrumb{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 10px;
}

body{ 
	margin: 0px;
	background: #F9F9F7 url('background.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#mainTable {
	background-color:#FFFFFF;
	border:1px solid #CCC;
}

#contentTable {
/*	border-left:1px dashed #CCC;  */
}

.menuNavigation {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
}
.contentTitle{
	font-weight: bold;
	color: #0A77B2;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
}
.contentSubTitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; }
#contentTD table {
	padding-left: 15px;
	padding-right: 25px;
	vertical-align:top;
}

#header {
	background-color:#0c76b2; height:42px;
}
#header div {
	font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:15px; padding-top:15px;
}
#headerLink {
	background-color:#e2ebf4; height:13px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
    border: none;
} 

.contentEvent {
	background: bottom repeat-x url(a33.gif);
	padding:0px;
	margin:0px;
}
.contentEvent p {
	padding:10px 20px;
	margin:0px;
}

/* Accordion Menu */
.urbangreymenu{
	width: 220px; /*width of menu*/
}
.urbangreymenu .headerbar{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align: right;
	background-image: url(test.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 8px 10px 8px 0px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
	text-decoration: none;
	color: #333;
	display: block;
}
.urbangreymenu ul{
	width: 218px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-width: 1px;
	font-weight: bold;
	color: #0C76B4;
	text-decoration: none;
	font-size: 11px;
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li a, .urbangreymenu ul li a:link, .urbangreymenu ul li a:visited {
	color: #0C76B4;
	display: block;
	background:  url(menu3.gif);
	padding: 4px 10px 0px 0px;
  	height: 22px;
	text-decoration: none;
	text-align:right;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #627EB7;
	background:  url(menu3.gif) 0 -24px;
	padding: 4px 10px 0px 0px;
}