@charset "UTF-8";
/* CSS Document */

/*IMPORTING CSS*/
@import url('reset.css');
@import url('typography.css');

/*********************
*  STYLE START HERE  *
*********************/
body {
width:100%;
background-image:url(../images/bgPattern.png);
background-repeat:repeat-x;
background-color: #eaddbc;
text-align:center;
}
#ayam2 {
position: absolute;
top:720px;
left: 0px;
}

/*********************
*  	 Header Style  	 *
*********************/
#header {
position:relative;
margin: 0px auto 0px auto;
width: 900px;
height: 150px;
}
#ayam1 {
position: absolute;
top:0px;
left: 830px;
}
#logo {
position:absolute;
top:20px;
right:25px;
}
#navigation {
background-color: #34a86f;
width:629px;
position: absolute;
bottom:0px;
left:0px;

}
.nav-header li {
float:left;
width: 125px;
height: 30px;
border-left:#FFFFFF 1px solid;
padding-top: 10px;
}

.first {
width: 125px;
height: 30px;
background-color: #34a86f;
padding-top: 10px;
border:none !important;
}

/*to Change opacity when hover*/
.nav-header li:hover {
 	background-color: #226E49;
}
.nav-selected:hover {
 	background-color: #69001C !important;
}
.nav-selected {
background-color:#a1002b;
width: 125px;
height: 30px;
}

/*********************
*  	 Content Style	 *
*********************/
#content{
width: 884px;
height: 472px;
position: relative;
margin: 0px auto;
border-left: solid 8px #004f41;
border-right: solid 8px #004f41;
border-top: solid 8px #004f41;
background-color: #faf8f5;
overflow: hidden;
}

#leftCol1 {
position: absolute;
width: 622px;
height:472px;
}

#rightCol1 {
position: absolute;
left: 630px;
height:472px;
padding: 20px 10px 10px 10px;
}
#button1 {
position:absolute;
right:20px;
height:30px;
top:435px;
width:100px;
background-color: #A1002B;
	}
#button1 a {
color:#FFFFFF;
text-decoration:none;
}	
#button1 h3 {
text-align:center !important;
border: none !important;
padding: 5px auto 0px auto !important;
margin: 0px !important;
}
#leftCol2 {
text-align:left;
float:left;
}
#rightCol2 {
text-align:left;
padding: 20px 10px 10px 10px;
	left: 380px;
	float:right;
	text-align:left;
	width: 480px;
}
#download {
	left:635px;
	position:absolute;
	text-align:right;
	top:440px;
	}
#downloadR {
	right:20px;
	position:absolute;
	text-align:right;
	top:440px;
	}
.formBlockSubmitButton {
	color:#FFFFFF;
font-family:Georgia,Times,serif;
font-size:11pt;
text-decoration:none;
top:435px;
background-color: #a1002b;
position:absolute;
left: 385px;
text-align:center;
width: 100px;
height: 30px;
}
.question {
	width: 155px;
	}
	
.flashplayerlink {
	font-size: large;
	margin: 200px Auto;
	}
/*********************
*  	 Footer Style	 *
*********************/
#botWrap {
width: 900px;
position: relative;
margin: 0px auto;
}

#footer {
height: 113px;
border-left: solid 8px #004f41;
border-right: solid 8px #004f41;
border-bottom: solid 8px #004f41;
background-color:#e9e2db;
}

#left {
z-index:5;
position:absolute;
width:200px;
left: 25px;
}

#mid {
position:absolute;
width:200px;
left: 375px;
}

#right {
position:absolute;
width:200px;
right:50px;
}