/********************************************
 * AUTHOR		: Victor Julian Lipesik 
 * WEBSITE		: http://www.kairos-art.com/
 * TEMPLATE NAME: Juara Web - The Juara 1.0
 * VERSION		: 1.0
 *******************************************/
 
/* HTML elements */
* { margin:0px; padding:0px;}

img {border:none;}

body {
	font: 11px Tahoma, Geneva, sans-serif;
	/*font: 11px ‘Trebuchet MS’, Helvetica, sans-serif;*/
	background:#222 url(images/bg-body.jpg) top repeat-x;
	color:#A7A7A7;
}

h1,h2,h3,h4 {
	/*font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif; */
	/*font-family: Century Gothic, sans-serif;*/
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
}
h1 {font-size:18px;} h2 {font-size:16px;} h3 {font-size:14px;} h4 {font-size:12px;}
a, h1, h2, h3, h4 {color:#E0E0E0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a.tobsite {color:#C89F18;}
p.clearPan {clear:both; height:1px;}
p.spacer {clear:both; height:1px;}
ul, ol {margin-left:15px;}
ul {list-style:url(images/icon-list.png);}
dfn {font-style:italic;}
span.sDate {font-style:italic; font-size:10px;}
p.strPage {text-align:center; margin:7px 0px;}

/* Javascript add on */
label.error {color:#FF0000;}

/* Containers */
div#outerContainer {
	width:920px; margin:21px auto 0px auto; border:#000 2px solid;
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
	background-color:#404040;
}
div#outerContainer.enabled {
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}
div#noscriptAlert {
	margin:150px auto; padding:20px;
	margin-bottom:-255px;
	text-align:center; width:400px; 
	background-color:#CCF; border:#1A5F86 2px solid;
}

/* Containers */
div#headerContainer {background:#333 url(images/bg-header.jpg) repeat-x; color:#ccc;}
div#bodyContainer {padding:7px;}
div#messagePan {padding:5px; margin:10px auto; border:#FE0000 2px solid; background-color:#FE9A9A;}
div#footerContainer {margin:0px; padding:20px 0px 0px 0px;}

/* Headers */
div#headerContainer h1{height:150px; visibility:hidden;}
div#headerContainer h1 img{max-height:150px;}
div#headerContainer h2{font-weight:normal; font-size:10px;}

div#mainlink {height:25px; background:url(images/bg-nav.jpg) top repeat-x;}
div#mainlink ul {list-style:none; margin-left:0px; position:absolute; border-left:#333 1px solid; border-right:#777 1px solid;}
div#mainlink ul li {float:left; border-left:#777 1px solid; border-right:#333 1px solid; min-width:80px;}
div#mainlink ul li a {display:block; height:20px; padding:5px 5px 0px 5px; text-align:center;}
div#mainlink ul li ul {position:absolute; z-index:100; list-style:none; background:url(images/bg-nav_drop.png); display:none; margin-left:0px; border:none;}
div#mainlink ul li ul li {float:none; border:none;}
div#mainlink ul li ul li a {color:#505050;}

/* Message */
div#messagePan p{color:#fff;}

/* Body Container */
div#bodyContainer div div.box {margin:3px 0px 10px 0px;}
div#bodyContainer div div.box h2 {font-size:16px; font-weight:normal; text-transform:uppercase; border-bottom:#202020 1px solid;}
div#bodyContainer div div.box > div {background-color:#303030; padding:7px; border-top:#606060 1px solid;}