@import url("generic.css");
@import url("navigation.css");
@import url("contentstyle.css");
@import url("forms.css");
@import url("flash-notice.css");
@import url("pagination.css");
@import url("tables.css");
@import url("backend.css");*/

/* -------------- GLOBAL STYLES -------------- */

html, body {
	height: 100%;
}

body {
	background: #ffffff ;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #5f5d53;
}

a:link, a:visited { color: #859f1d; }
a:hover { text-decoration: underline; }

/* -------------- LAYOUT -------------- */

#layout {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	
}

.container {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 120px;
	padding-top: 0px;
}

	#header .logo {
		background: url(../images/ttb-logo23080.png) no-repeat;
		display: block;
		width: 230px;
		height: 80px;
		text-align: left;
	}

		#header .logo a {
			display: block;
			height: 100%;
			color: #ffffff;
		}
		
		#header .logo a:hover {
			text-decoration: none;
		}

#main { 

}
	.content {
		float: left;
		width: 620px;
		border-right: 1px ridge dashed;
		/*margin: atas kanan bawah kiri*/
		margin: 0px 20px 0px 5px; 
	}

	#col-right {
		width: 300px;
		float: left;
		margin-top: 40px;
	}

/* -------------- CONTENT ELEMENTS -------------- */

.content h2 {
	color: #990099;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -.03em; 
	border-bottom: 1px solid #990099;
	padding-bottom: 5px;
}

	.content h2 span {
		color: #2e2c23;
	}

.content h3 {
	color: #2e2c23;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #e3dab8;
	padding-bottom: 3px;
	margin-top: 40px;
}

.content p {
	text-align: left;
}

.content ul li {
	padding-left: 1.2em;
}

.content ol li {
	margin-bottom: 0px;
}
/* -------------- RIGHT COLUMN ELEMENTS -------------- */
#col-right {
	}
#col-right h2 {
	color: #29261b;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 2px 0;
}

	#col-right h2 span {
		color: #2e2c23;
	}

#col-right h3 {
	color: #2e2c23;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #e3dab8;
	padding-bottom: 3px;
	margin-top: 40px;
}

.sideoptions {
	margin-top: 20px;	
}

	.sideoptions li {
		margin: 0 0 5px 0;	
	}

/* -------------- VARIOUS ELEMENTS -------------- */

#wrapper pre, #wrapper code {
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 11px;
	background-color: #0f0f0f;
	border: 1px solid #2f2f2f;
	display: block;
	margin: 0 0 2em 0;
	
	/* white-space: normal; */
	/* word-wrap: break-word; */
	padding: 12px 10px 12px 10px;
}

/* -------------- JAVASCRIPT STYLES -------------- */

.hidden {
	display: none;
}

.blockUI.blockMsg {
	font-size: 120%;
	background-color: #eeeeee;
}

#footer .column {
	FLOAT: left; WIDTH: 280px; MARGIN-RIGHT: 30px; FONT-FAMILY: "Trebuchet MS", "Myriad Pro", Arial, Helvetica, sans-serif; LETTER-SPACING: -0.03em;
}
#footer H2 {
	COLOR : #990099; font-weight:bold;
	
 }
 
#footer {
 /* BACKGROUND: #181712 url(../images/bg-footerblc.png)repeat-x*/
	PADDING-RIGHT: 0px; BORDER-TOP: #990099 1px solid; MARGIN-TOP: 20px; PADDING-LEFT: 0px; ; PADDING-BOTTOM: 50px; COLOR: #bfb28f; PADDING-TOP: 20px; TEXT-ALIGN: center
}
#footer A {
	COLOR: #990099
}
#footer A:hover {
	COLOR: #990000 
}	
#footer .contentfooter {
	FONT-SIZE: 1em; MARGIN: 0px auto; WIDTH: 930px; TEXT-ALIGN: left; COLOR: #990099;
}
#footer UL {
	FONT-SIZE: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
}
UL.contacts {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
#footer UL.contacts {
	COLOR: #990099
}
#footer UL.contacts {
	MARGIN-TOP: 1em; MARGIN-BOTTOM: 15px
}
UL.contacts LI SPAN {
	FONT-WEIGHT: bold; FLOAT: left; WIDTH: 90px; MARGIN-RIGHT: 0.5em; FONT-FAMILY: "Trebuchet MS", "Myriad Pro", Arial, Helvetica, sans-serif; LETTER-SPACING: -0.03em;
}
#footer UL.contacts LI SPAN {
	COLOR: #990099
}
.contentfooter H2 {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0.4em; BORDER-BOTTOM: #990099 1px dotted; FONT-FAMILY: "Trebuchet MS", Myriad Pro, Arial, Helvetica, sans-serif; LETTER-SPACING: -0.03em; 
}