input,textarea,select {

	border: 1px solid #999999;



}

a:link,a:active,a:visited{

	color: #FF6600;

	text-decoration: none;



}

a:hover{

	color: #1D4A07;

	text-decoration: none;



}

.konyol:link,.konyol:active,.konyol:visited{

	color: #003300;

	text-decoration: none;



}

.konyol:hover{

	color: #CC0000;

	text-decoration: none;



}

.link:link,.link:active,.link:visited{

	color: #FFFFFF;

	text-decoration: none;

	text-transform: uppercase;





}

.link:hover{

	color: #FFCC00;

	text-decoration: none;



}

BODY {

	background-color: #FAF8CC;

	background-image: url(images/bg-body-training.jpg);

	background-repeat: repeat-x;

	background-position: left top;



}

.bg-header-training {

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

	background-repeat: no-repeat;

	background-position: center top;

}

.body {

	width: 769px;

}

.training-atas {

	background-image: url(images/bayangan-atas-training.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 120px;

	width: 769px;



}

.header {

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

	height: 200px;

	width: 769px;

	cursor: hand;



}

.training-bawah {

	background-image: url(images/bayangan-bawah-training.png);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 10px;

	color: #333333;

}

DIV,tr,td,th,select,input,textarea {

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

	font-size: 11px;

}

.bg-content {

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

	background-repeat: repeat;

	padding-top: 12px;

	padding-bottom: 12px;



}

.isi {

	width: 745px;

	background-color: #FFFFFF;

	padding: 1px;





}

#footerbanner {

	padding:5px;

	background-color: #000000;

	bottom: 0px;

	margin-bottom: 0px;



	right: 0;



	color: #FFFFFF;

	text-align: center;

	clear: both;

	letter-spacing: 1px;



}.bg-link {

	background-repeat: repeat;

	color: #FFFFFF;

	padding: 5px;

	background-color: #171717;







}





/** LINK **/

.suckertreemenu ul{

	margin: 0;

	padding: 12 0 0 20;

	list-style-type: none;

	text-transform: capitalize;

	z-index: 1;

	left: 50px;

}



/*Top level list items*/

.suckertreemenu ul li{

position: relative;

display: block;

float: left; /*overall menu background color*/



}



/*Top level menu link items style*/

.suckertreemenu ul li a{

	display: block;

	width: auto;

	padding: 2px 9px 4px;

	text-decoration: none;

	color: #FFFFFF;

	height: auto;

	text-transform: uppercase;





}

	

/*1st sub level menu*/

.suckertreemenu ul li ul{

	left: 0;

	position: absolute;

	top: 1em;

	display: block;

	visibility: hidden;

	text-align: left;

	z-index: 1;

	display: block;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{



	float: none;

}



/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{ 

left: 159px; /* no need to change, as true value set by script */

top: 0;



}



/* Sub level menu links style */

.suckertreemenu ul li ul li a{



	width: 150px;

	color: #FFFFFF;

	text-decoration: none;

	padding: 3px 2px 3px 10px;

	font-weight: normal;

	background-image: url(images/bg-menu-utama2.png);

	background-repeat: repeat;

	text-transform: uppercase;

}



.suckertreemenu ul li a:hover{

	color: #FF9900;

}



/*Background image for top level menu list links */

.suckertreemenu .mainfoldericon{

background:  url(images/arrow-down.gif) no-repeat center right;

}



/*Background image for subsequent level menu list links */

.suckertreemenu .subfoldericon{

background:  url(images/arrow-right.gif) no-repeat center right;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

	

/* Holly Hack for IE \*/

* html .suckertreemenu ul li { float: left; height: 1%; }

* html .suckertreemenu ul li a { height: 1%; }

/* End */

/** LINK **/

.content-left {

	background-color: #F4F4F4;

	float: left;

	width: 226px;

}

.clear {

	clear: both;

}

.bg-title {

	background-color: #A7D51A;

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

	padding-top: 4px;

	padding-bottom: 4px;

	background-repeat: repeat-y;

	text-align: left;



}

H6 {

	font-weight: bold;

	text-transform: uppercase;

	color: #F4F5CC;

	padding-left: 4px;

	font-size: 11px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

}

.list-training {

	padding-top: 3px;

	padding-bottom: 3px;

	margin-bottom: 5px;

	background-image: url(images/radio-training.png);

	background-repeat: no-repeat;

	padding-left: 20px;

	background-position: 0px 3px;

}



/*LIST TRAINING*/

.glossymenu{

	list-style-type: none;

	margin: 5px 0;

	padding: 0;

	width: 90%;

	text-align: left;





}



.glossymenu li a{

	color: #666666;

	display: block;

	width: auto;

	padding: 5px 0 5px 15px;

	text-decoration: none;

	font-size: 11px;

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

	background-position: left center;

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	text-transform: capitalize;







}



* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */

width: 160px;

}



.glossymenu li a:hover{

	font-weight: bold;

	color: #224E06;

	background-color: #FAF8CC;

	background-image: url(http://www.spectrumindo.com/images/spacer.gif);

	background-repeat: no-repeat;





}



/*LIST TRAINING*/

.content-right {

	float: right;

	width: 490px;

	padding: 10px;

	text-align: justify;





}

H2 {

	font-size: 11px;

	font-weight: bold;

	text-transform: capitalize;

	margin: 0px;

	padding: 0px;

}

.list:link,.list:visited,.list:active{

	color: #333333;



}

.list:hover{

	color: #FF9900;

	text-decoration: none;

}

H1 {

	font-size: 13px;

	font-weight: bold;

	text-transform: uppercase;

	color: #1D4A07;

	margin: 0px;

	padding: 0px;

}

li {

	margin-top: 0px;

	margin-bottom: 0px;



}

H5 {

	font-size: 13px;

	text-transform: uppercase;

	color: #FF3300;

	margin: 5px 0px 0px;

	padding: 0px 0px 0px 8px;

	text-align: left;

}

.error-komen {

	background-color: #A0CD19;

	font-weight: bold;

	padding: 10px;

}

.sukses {

	background-color: #FFFFCC;

	padding: 10px;

	font-weight: normal;

}

.backto {

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

	background-repeat: repeat;

	float: right;

	padding-top: 2px;

	padding-right: 10px;

	padding-bottom: 2px;

	padding-left: 10px;

	color: #FFFFFF;



}

.kontak {

	float: right;

	padding-top: 2px;

	padding-right: 10px;

	padding-bottom: 2px;

	padding-left: 10px;

	color: #FFFFFF;

	text-align: right;

	margin-top: 40px;



}

.input {

	border: 1px solid #CCCCCC;

}

.logo {

	background-image: url(http://www.spectrumindo.com/images/logo-spectrum.png);

	background-repeat: no-repeat;

	height: 82px;

	width: 190px;

	float: left;

	margin-top: 20px;



}

		div#wrap {

			width: 500px;

			margin: 50px auto;	

		}

.h1 {

	font-size: 13px;

	font-weight: bold;

	text-transform: uppercase;

	color: #ffffff;

	margin: 0px;

	padding: 0px;

}.selecttraining {

	width: 200px;

}



/**  FAQ SLIDE **/

#faqs { position:relative; }

#faqs h3	{ 

	font-size: 13px;

cursor:pointer; 

	padding-top: 3px;

	padding-bottom: 3px;

	margin-bottom: 5px;

	background-image: url(images/radio-training.png);

	background-repeat: no-repeat;

	padding-left: 20px;

	background-position: 0px 3px;

}

#faqs h3.active	{ color:#d74646; }

#faqs div   { position:relative; }

#faqs div p	{ padding:0; margin-bottom:15px; }

/** NEWS **/

.display-news {

	margin-right: 12px;

	margin-bottom: 8px;

}

.display-news-over {

	background-color: #F2F2F2;

	margin-right: 12px;

	margin-bottom: 8px;

}

.hasil {

	clear: both;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	padding-top: 3px;

}

/** NEWS **/H4 {

	font-size: 14px;

	text-transform: uppercase;

	color: #006600;

}

.tapalbatas {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}

.faq {

	color: #003300;

	display: block;

	cursor: hand;

	font-weight: bold;

	padding-top: 6px;

	padding-right: 6px;

	padding-bottom: 6px;



}

.faq2 {

	color: #FF6600;

	display: block;

	cursor: hand;

	font-weight: bold;

	padding-top: 6px;

	padding-right: 6px;

	padding-bottom: 6px;



}

.faq3 {

	color: #003300;

	display: block;

	font-weight: bold;

	padding-top: 6px;

	padding-right: 6px;

	padding-bottom: 6px;



}

.faq:hover {

	color: #FF3300;

	display: block;

	cursor: hand;

	font-weight: bold;

	padding-top: 6px;

	padding-right: 6px;

	padding-bottom: 6px;



}

#wrapper {

	width: 96%;

	margin-left: auto;

	margin-right: auto;

	}



.accordionButton {

	width: 100%;

	float: left;

	_float: none;

	background: #EBEBEB;

	border-bottom: 3px solid #FFFFFF;

	cursor: pointer;

	font-size: 13px;

	font-weight: bold;

	text-transform: capitalize;

	padding: 5px 5px;

	}

	

.accordionContent {	

	width: 100%;

	float: left;

	_float: none; /* Float works in all browsers but IE6 */

	background: #ffffff;

	}

	

/***********************************************************************************************************************

 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS

************************************************************************************************************************/



.on {

	background: #99CC00;

	color: #FFFFFF;

	}

	

.over {

	background: #FF3300;

	color: #FFFFFF;

	}