/* GLOBAL BROWSER RESET */

@import "reset.css";



/* COMMON STYLE */

body {

	font-family: Arial, Helvetica, Verdana, sans-serif;

	font-size: 12px;

	color: #666;

	line-height: 20px;

	background-image: url(../image/wires.jpg);

	background-repeat: no-repeat;

	background-position: center 0px;

	background-color: #ecedf2;

}

a {

	text-decoration: none;

	font-weight: bold;

	color: #758b32;

}

a:hover {

	text-decoration: underline;

	font-weight: bold;

	color: #4f654f;

}

a:visited {

	text-decoration: none;

	font-weight: bold;

}

.clear {

	clear: both;

}

h1 {

	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;

	font-size: 24px;

	font-weight: normal;

	color: #3f3f3f;



	}

h2 {

	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #626e7f;

	padding: 15px 0 0 0;

	}

h3 {

	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;

	font-size: 17px;

	font-weight: bold;

	color: #435643;

	}

h4 {

	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #333;

	}

.icoarrow {

	list-style-image: url(../image/ico.arrow.gif);

	margin-left: 33px;

	padding: 0 auto;

}

.icoarrow2 li {

	list-style-image: url(../image/ico.arrow.gif);

	margin-left: 33px;

	padding: 0 0 15px 0;

	margin-top: 0px;

	margin-bottom: 0px;

}

.accordion {

	text-align: center;

}





/* STRUCTURE */

/* HEADER */

#header {

	background: #07195b url(../image/bg.headerbar.jpg) no-repeat top center;

	height: 93px;

	border-bottom: 4px solid #dedfde;

	margin-bottom:3px;

}

#header .wrap {

	margin: 0 auto;

	width: 960px;

	height: 93px;

	}

#header .left {

	width: 195px;

	height: 93px;

	float: left;

	}

#header .right {

	width: 750px;

	float: right;

	padding-top: 62px;

	}

#flash-player {

	float: right;

	width: auto;

	padding: 5px 5px 2px 5px;

	background-color: #D9DFC4;

	margin-right: 27px;

}



#flash-player2 {

	float: right;

	width: auto;

	padding: 0px 0px 0px 0px;

	background-color: #D9DFC4;

	margin-right: 10px;

}

	

/* MAIN MENU */

#nav {

	margin: 0;

	padding: 0;

	width: 880px;

	height: 21px;

    }

#some-text {

	width: 600px;

	float: right;

	padding: 10px 0px 0px 10px;

	margin-right: 27px;

}





/* CONTENT */

#content {

	margin: 0 auto;

	width: 960px;

	line-height: 16px;

	float: none;

	background-color: #FFFFFF;

	}

#member {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #435643;

	text-decoration: none;

}

#news-letters {

}





#some-text-left {

	float: left;

}

#login-area {

	width: 250px;

	float: right;

}





#center-menus {

	float: left;

	width: 960px;

	background-color: #07195B;

	height: auto;

}

#login-title {

	color: #435643;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	float: left;

	padding: 2px 0px 0px 0px;

}

#news-title {

	color: #435643;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	float: left;

	padding: 0px 0px 0px 0px;

}

#some-text-right {

	float: right;

}

#login-input {

	float: left;

	border: 1px solid #ccc;

	margin: 2px 0px 0px 0px;

}



#news-input {

	float: left;

	border: 1px solid #ccc;

	margin: 2px 0px 0px 0px;

	width: 210px;

}



ul.nav-about {

	margin: 0px 0px;

	padding: 0px 10px;

}

#news-input #newsletters {

	width: 165px;

	float: left;

}





#login-button {

	width: 250px;

	float: left;

}

#newsbutton {

	color: #435643;

	background-color: #D9DFC4;

	float: right;

}





#some-text-right ul {

}

#loginbutton {

	color: #435643;

	margin: 3px 39px 0px 0px;

	float: right;

	background-color: #D9DFC4;

	padding: 2px 5px;

}





#center-menus ul {

	padding: 10px 0px;

}

#some-text-right li {

	display: block;

	list-style-type: none;

	padding: 5px 0px;

}

#some-text-right li a{

	color: #0B1D5F;

	padding: 3px 60px 3px 5px;

	

}

#some-text-right li a:hover {

	color: #D9DFC4;

	

}



.contentothers {

	margin: 0 auto;

	width: 960px;

	padding-top: 19px;

	background-color: #FFFFFF;

	}

#center-menus li {

	display: inline;

	padding: 10px 0px;

}

#center-menus li a {

	padding: 10px 95px;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-decoration: none;

	

}

#center-menus li a:hover{

	

}

#nav li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

	display: inline;

}

#nav li a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration: none;

	padding: 18px 10px;

}

#nav li a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #273244;

	text-decoration: none;

	display: inline;

	background-color: #FFFFFF;

}

#borders {

	border: 0px solid #ccc;

	margin-bottom: 3px;

}





/* HOME */

/* Text Home */

.homespecial {

	margin: 0 auto;

	width: 960px;

	padding-top: 0px;

	float: left;

	}

.titlehomespecial {

	margin: 0px 0px 5px 0px;

	background-color: #D9DFC4;

	padding: 4px 0px 6px 0px;

	float: left;

	width: 960px;

	height: auto;

	}

.hs-left2 {

	float: left;

}



.texthomespecial {

	margin: 0px 340px 0 16px;

	}

.homespecial p {

	margin: 8px 19px 0 16px;

	}



/* Content Home */

.homespecial2 {

	margin: 0px 0px 0px 16px;

	width: 944px;

	padding-top: 5px;

	overflow: hidden;

	float: left;

	}

#content .hs-left {

	background: url(../image/bg.hsleft.jpg) no-repeat top left;

	margin: 0 auto;

	padding: 163px 10px 0px 10px;

	width: 282px;

	height: 233px;

	float: left;

	border-right: 1px solid #07195B;

	}

.hs-left .title {

	margin: 0px 20px 0 0px;

	}

.hs-left p {

	margin: 10px 20px 0px 0px;

	}















#content .hs-left4 {

	background: url(../image/bg.hsleft4.jpg) no-repeat top left;

	margin: 0 auto;

	padding: 163px 10px 5px 20px;

	width: 282px;

	height: 248px;

	float: left;

	border-right: 1px solid #07195B;

	}


#content .hs-left5 {
	
	

	margin: 0 auto;

	padding: 163px 10px 5px 20px;

	width: 285px;

	height: 5px;

	float: left;

	border-right: 1px solid #07195B;

	}

.hs-left4 .title {

	margin: 0px 20px 0 0px;

	}

.hs-left4 p {

	margin: 10px 20px 0px 0px;

	}



























#content .hs-left2 {

	background: url(../image/bg.hscenter.jpg) no-repeat top left;

	margin: 0 auto;

	padding: 163px 10px 0px 10px;

	width: 263px;

	height: 367px;

	float: left;

	border-right: #666 1px dotted;

	}

.hs-left2 .title {

	margin: 0px 20px 0 0px;

	}

.hs-left2 p {

	margin: 10px 20px 0px 0px;

	}









#content .hs-center4 {

	background: url(../image/premii.jpg) no-repeat top center;

	margin: 0 auto;

	padding: 163px 10px 0px 10px;

	width: 610px;

	height: 245px;

	float: left;

	border-right: 1px solid #07195B;

	}


.hs-center4 .title {

	margin: 0px 20px 0 20px;

	}

.hs-center4 p {

	margin: 10px 20px 0px 20px;

	}


#content .hs-center5 {
	
	background: url(../image/premii5.jpg) no-repeat top center;

	margin: 0 auto;

	padding: 163px 10px 0px 10px;

	width: 610px;

	height: 5px;

	float: left;

	border-right: 1px solid #07195B;

	}


.hs-center5 .title {

	margin: 0px 20px 0 20px;

	}

.hs-center5 p {

	margin: 10px 20px 0px 20px;

	}


















#content .hs-center {

	background: url(../image/cseke.jpg) no-repeat top center;

	margin: 0 auto;

	padding: 163px 10px 0px 10px;

	width: 284px;

	height: 249px;

	float: left;

	border-right: 1px solid #07195B;

	}

.hs-center .title {

	margin: 0px 20px 0 20px;

	}

.hs-center p {

	margin: 10px 20px 0px 20px;

	}

#content .hs-right {

	background: url(../image/bg.hsright.jpg) no-repeat top right;

	margin: 0 auto;

	padding: 163px 10px 0px 10px;

	width: 282px;

	height: 220px;

	float: left;

	}

.hs-right .title {

	margin: 0px 20px 0 19px;

	}

.hs-right p {

	margin: 10px 5px 0px 20px;

	}

.homespecial2 a {

	text-decoration: none;

	font-weight: bold;

	color: #4f654f;

}

.homespecial2 a:hover {

	text-decoration: underline;

	font-weight: bold;

	color: #758b32;

}

.homespecial2 a:visited {

	text-decoration: none;

	font-weight: bold;

}

.homespecial3 {

	margin: 0px 0px 0px 0px;

	width: 100%;

	padding-top: 12px;

	overflow: hidden;

	float: left;

	background-color: #07195B;

	

	}

#content .hs-left-bottom {

	margin: 0 auto;

	padding: 0px 25px 0px 15px;

	width: 263px;

	float: left;

	}

.hs-left-bottom p {

	margin: 7px 5px 10px 0px;

	}

#content .hs-right-bottom {

	margin: 0 auto;

	padding: 0px 0px 0px 19px;

	width: 588px;

	float: left;

	min-height:150px;

	}

.hs-right-bottom p.titlenews {

	margin: 7px 5px 0px 0px;

	}

.hs-right-bottom p {

	margin: 0px 5px 10px 15px;

	}

.hs-right-bottom a {

	text-decoration: none;

	font-weight: bold;

	color: #435643;

}

.hs-right-bottom a:hover {

	text-decoration: underline;

	font-weight: bold;

	color: #758b32;

}

.hs-right-bottom a:visited {

	text-decoration: none;

	font-weight: bold;

}



/* OTHER PAGES */

.splash {

	margin: 0 auto;

	width: 914px;

	overflow: hidden;

	}

.splash img {

	float: left;

	}

.contentothers .submenu {

	float: left;

	width: 247px;

	padding: 5px 20px;

	text-align: right;

	}

.contentothers .maincontent {

	float: left;

	width: 642px;

	padding: 13px 10px;

	}

.contentothers .maincontent p {

	padding: 15px 0px 10px 0px;

	font-size: 14px;

	}

.position {

	margin-left: 50px;

	}

.position p {

	margin: 0 0 0 0;

	}

.titleposition {

	font-weight: bold;

	font-size: 14px;

	}

.logoplacer {

	margin: 15px 0 10px 0;

	}

.download {

	border-bottom: 1px dotted #bababa;

	overflow: hidden;

	}

.download-left {

	width: 487px;

	float: left;

	overflow: hidden;

	padding: 10px 0 10px 0;

	}

.download-icon {

	width: 25px;

	float: left;

	overflow: hidden;

	padding: 10px 0 10px 5px;

	}

.download-right {

	width: 125px;

	float: left;

	overflow: hidden;

	padding: 10px 0 10px 0;

	}

.download a {

	text-decoration: none;

	font-weight: bold;

	color: #4f677e;

}

.download a:hover {

	text-decoration: underline;

	font-weight: bold;

	color: #333;

}

.download a:visited {

	text-decoration: none;

	font-weight: bold;

}

/* Sub Menu */

.submenu ul {

	list-style-type: none;

	padding: 0px 0px 0px 0px;

	padding-bottom: 40px;

}

.submenu li {

	display: block;

	padding-left: 0px;

	padding-right: 9px;

	padding-bottom: 10px;

	font-weight: normal;

}

.submenu a {

	font-family: Trebuchet MS, arial, helvetica, sans-serif;

	font-weight: normal;

	color: #5b701c;

	font-size: 15px;

	display: block;

	padding: 5px 0px 2px 0px;

	text-decoration: none;

}

.submenu a:hover {

	font-weight: normal;

	color: #30406c;

	text-decoration: none;

}

.submenu .active {

	font-family: Trebuchet MS, arial, helvetica, sans-serif;

	font-weight: normal;

	color: #333333;

	font-size: 15px;

	display: block;

	padding: 5px 0px 2px 0px;

	text-decoration: none;

	}

/* Content Toggler */

.linetoggler {

	border-top: 1px dotted #bababa;

	margin-left: 50px;

	}

.linetogglernews {

	border-top: 1px dotted #bababa;

	margin-left: 0px;

	}

.element img {

	float: left;

	color: #ff0000;

	width: 88px;

	padding-top: 15px;

	padding-right: 15px;

}

.element p {

	overflow: hidden;

	}





/* FOOTER */

#footerhome {

	margin: 0 auto;

	width: 100%;

	overflow: hidden;

	float: left;

	background: #fff;

	}

#footer {

	margin: 0 auto;

	width: 924px;

	border-top: #dadada 1px solid;

	background-color: #FFFFFF;

	}

#footer_r {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	background-color: #FFFFFF;

}



.copyright {

	margin: 0 auto;

	padding: 10px 0px 10px 0px;

	font-size: 11px;

	width: 587px;

	float: left;

	}

.disclaimer {

	margin: 0 auto;

	padding: 10px 0px 10px 0px;

	font-size: 11px;

	width: 290px;

	float: left;

	text-align: right;

	}

.disclaimer a {

	text-decoration: none;

	font-weight: normal;

	color: #666;

}

.disclaimer a:hover {

	text-decoration: underline;

	font-weight: normal;

	color: #758b32;

}

.disclaimer a:visited {

	text-decoration: none;

	font-weight: normal;

}

.link {

	margin: 0 auto;

	padding: 10px 0px 10px 0px;

	font-size: 11px;

	width: 45px;

	float: left;

	text-align: right;

	}

.slidemenu{

font: 10px verdana;

margin-bottom:10px;

}



.slidemenu ul{

margin: 0;

padding: 0;

float: left;

padding-left:2px;



}



.slidemenu ul li{

display: inline;

}



.slidemenu ul li a{

float: left;

color: black; /*text color*/

padding: 2px 7px 2px 7px;

text-decoration: none;

border: 1px solid #CCC;

margin-right:8px;

background: #F0F0F0;

}



.slidemenu ul li a:visited {

color: #000;

}



.slidemenu ul li a:hover {

background: #CCC;

}





.slidemenu ul li a.selected {

color: white !important;

background: #003366 center center repeat-x;

border: 1px solid #003366;



}



#newshome .isi{

	float:left;

	padding-bottom:5px;

	padding-left:5px;

}

#newshome .img{

	margin-left:0px;

	float:left;

}

#newshome .judul a,a.judul{ 

	font-size:17px;

	font-weight:bold;

	line-height:20px;

	margin-bottom:25px;

}

#newshome .judul a:hover,a.judul:hover{ 

	font-size:17px;

	text-decoration:none;

	margin-bottom:15px;

	color:#FFCC00;

}

/* FORM SETTING */

form {

	margin-top: 15px;

	}

label {

	font-weight: normal;

	float: left;

	width: 80px;

	font-weight: normal;

	text-align: left;

	padding-top: 2px;

	display: block;

	}

.formbox1 {

	background: #fff;

	border: #e3e3e3 1px solid;

	width: 185px;

	height: 21px;

	padding-top: 4px;

	padding-left: 5px;

	font-family: arial, helvetica, sans-serif;

	font-size: 12px;

	}

.formbutton {

	padding-left: 80px;

	}

	

/* MEMBER LOGIN SECTION */

.login {

	text-align: right;

	color: #fff;

	}

.log-left {

	width: 500px;

	float: left;

	}

.log-right {

	width: 95px;

	float: left;

	padding-top: 5px;

	}

.text-disclaimer {

	margin-left: 80px;

	font-size: 12px;

	}

#pscroller1{

height: 100px;

padding: 5px;

background-color:transparant;

}



#pscroller2 a{

text-decoration: none;

}



.someclass{ //class to apply to your scroller(s) if desired

}

.bodu {

	font-weight: bold;

}

.bod {

	font-weight: bold;

}