@charset "utf-8";
@import url(tinymce.css);

body,table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #444444;
}

body {
	background-image:url(../images/_theme/background.jpg);
	background-repeat:repeat;
	
	margin:0px 0px 50px 0px; 
	padding:0px;
	text-align:center;
}

#container {
	/*border:1px solid #FF0000;*/	
	background-image:url(../images/_theme/shadow.png);
	background-repeat:repeat-y;
	
	azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?
	(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace
	('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
	width:777px;
	margin-left: auto;
	margin-right: auto;
}

.gecko #container {
	padding-left:9px;
}

.webkit #container {
	padding-left:9px;
}

#header {
	background-image:url(../images/_theme/header_01.jpg);
	/*border:1px solid #FF0000;*/
	padding:30px 0px 0px 35px;
	
	overflow:hidden;
	
	width:725px;
	height:378px;
	height:378px!important;
	
	text-align:left;
}

#header .logo 	{ float:left; padding:0px 20px 0px 0px; }

#mainMenu 		{ float:left; width:480px; }
#mainMenu ul 	{ float:left; list-style-type: none; }
#mainMenu ul li	{ float:left; width:137px; background-color:#444444; padding:6px 10px; margin:0px 3px 3px 0px;  }
#mainMenu ul li:hover	{ background-color:#F95300;  }
#mainMenu ul li.selected{ background-color:#F95300;  }

#content {
	/*border:1px solid #FF0000;*/
	width:680px;
	padding:0px 40px 40px 40px;
	text-align:left;
	background-color:#EFEAE2;	
	height:auto;
}

#breadcrumb {
	line-height:50px;
	vertical-align:middle;
}

#one_column {
	/*border:1px solid #FF0000;*/
	float:left;
	width:676px;
}

#left_column {
	/*border:1px solid #FF0000;*/
	float:left;
	margin-right:20px;
	width:420px;
}

#right_column {
	/*border:1px solid #FF0000;*/
	height:auto;
	clear:right;
	float:left;
	
	width:235px;
}

#secMenu 					{ float:left; width:229px; border:3px solid #444444; }
#secMenu .title				{ background-color:#444444; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:14px; padding:5px; }
#secMenu ul		 			{ list-style-type: none; padding:5px; }
#secMenu ul li				{ text-transform:uppercase; font-weight:bold; }
#secMenu ul li ul			{ font-size:10px; font-weight:normal; text-transform:none; }
#secMenu ul li ul li		{ padding-left: 12px; padding-top:0px; line-height:12px; background-image:url(../images/_theme/bullet.gif); background-repeat: no-repeat; background-position: 0 .3em; }
#secMenu ul .closed			{ display:none; }

#diagonal { /*border:1px solid #FF0000;*/ margin-top:10px; float:left; width:100%; background-image:url(../images/_theme/diagonal_line.gif); background-repeat:repeat; height:100px }

#footer {
	border-top:1px solid #CCCCCC;
	width:760px;
	padding:10px 0px;
	text-align:center;
	background-color:#EFEAE2;
	font-weight:bold;	
}

#shadow-bottom {
	background-image:url(../images/_theme/shadow_b.png);
	background-repeat:no-repeat;
	height:22px;
	width:786px;
	margin-left: auto;
	margin-right: auto;

	azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?
	(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src="images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace
	('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#contactForm { width:400px; }
#contactForm p { padding-bottom:10px; }
#contactForm input { width:250px; border:1px solid #AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#contactForm textarea { width:250px; height:120px; border:1px solid #AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#contactForm .submit { width:65px!important; background-color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#contactForm select { width:150px; border:1px solid #AAAAAA; }
#contactForm td { padding-bottom:10px; }

#captcha input { width:100px; border:1px solid #AAAAAA; }
#captcha .image { padding:10px; border:1px solid #AAAAAA; background-color:#FFFFFF; width:80px; text-align:center; }

span.spacing_1{ width:7px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }
span.spacing_2{ width:11px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }
span.spacing_3{ width:17px; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; }

span.legend { font-size:10px; }

.news { padding:10px 0px; }

/*********************** LINK ************************/
/*****************************************************/
a						{ color: #F95300; font-weight:bold; text-decoration:underline; }
a:link					{  }
a:visited				{  }
a:hover					{ color: #000000; text-decoration:none; }
a:active				{ color: #000000; text-decoration:none; }
a:focus					{ color: #000000; text-decoration:none; }

a.alternatif			{  }
a.alternatif:link		{  }
a.alternatif:visited	{  }
a.alternatif:hover		{  }
a.alternatif:active		{  }

#mainMenu a				{ color: #FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none; }

.ie6 #mainMenu a:link		{ color: #FFFFFF; }
.ie6 #mainMenu a:visited	{ color: #FFFFFF; }
.ie6 #mainMenu a:hover		{ color: #F95300; }
.ie6 #mainMenu a:active		{ color: #F95300; }

#secMenu a				{ color: #444444; text-decoration:none; }
#secMenu a:link			{ color: #444444; }
#secMenu a:visited		{ color: #444444; }
#secMenu a:hover		{ color: #F95300; }
#secMenu a:active		{ color: #F95300; }
#secMenu a.selected		{ color: #F95300; }