/* CSS Document */
body { 

background-color: #000066; 

} 
TD 
{
	FONT-SIZE: 12px; COLOR: #111111; font-family: "Arial", Helvetica, sans-serif;TEXT-DECORATION: none
}
A 
{
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:hover
{
	COLOR: #CCCCCC; TEXT-DECORATION: none
}
A:visited
{
	COLOR: #FF0000; TEXT-DECORATION: none
}
a.white
{
	COLOR: #FFFFFF; TEXT-DECORATION: none

}
a.white:hover
{
	COLOR: #CCCCCC; TEXT-DECORATION: none

}
a.red
{
	COLOR: #FF0000; TEXT-DECORATION: none

}
a.red:hover
{
	COLOR: #999999; TEXT-DECORATION: none

}
a.black
{
	COLOR: #000000; TEXT-DECORATION: none

}
a.black:hover
{
	COLOR: #FF0000; TEXT-DECORATION: underline

}
a.black:visited
{
	COLOR: #000000; TEXT-DECORATION: underline

}
.imagelink {
	TEXT-DECORATION: none
}
.imagelink:hover {
	TEXT-DECORATION: none
}
.textfield {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3
}
.select {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3
}
.textarea {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3
}
.select {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3
}
.linkHeader {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.linkHeader:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CCCCCC; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
L1
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; font-family: "Arial", Helvetica, sans-serif;TEXT-DECORATION: none
}
L2
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; font-family: "Arial", Helvetica, sans-serif;TEXT-DECORATION: none
}
}
.textbigblack{
	 FONT-SIZE: 24px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.texsmallwhite{
	 FONT-WEIGHT: bold;FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: "Arial", Helvetica, sans-serif; TEXT-DECORATION: none
}
.textsmallred{
	 FONT-WEIGHT: bold;FONT-SIZE: 11px; COLOR: #FF0000; FONT-FAMILY: "Arial", Helvetica, sans-serif; TEXT-DECORATION: none
}
.textmedredbold{
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.textmedblack{
	 FONT-SIZE: 15px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.textmedblackbold{
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.textsmallred{
	 FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.textsmallblack{
	 FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.textsmallblackbold{
	 FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.textverysmallblack{
	 FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

p:first-line 
{
color: #333333;
FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
/************************* ID's *************************/ 

#imgtopleft
{
background-image:url(img/flower_top_left.jpg);
position : absolute;
top : 160px;
left : 50px;
width : 100px;
height : 40px;
}
#imgtopright
{
background-image:url(img/flower_top_right.jpg);
position : absolute;
top : 160px;
left : 850px;
width : 100px;
height : 40px;
}
#linetop
{
background-image:url(img/line_double_horizontal.jpg);
position : absolute;
top : 160px;
left : 150px;
width : 700px;
height :40px;
}
#centercontent
{
position : absolute;
top : 200px;
left : 50px;
}

#menutopright
{
	background-image : url(img/MenuTop2.jpg);
	width : 200px;
	height : 40px;
	position : absolute;
	top : 160px;
	left : 50px
}
#menutopleft
{
	background-image : url(img/InfoTop.jpg);
	width : 200px;
	height : 40px;
	position : absolute;
	top : 160px;
	left : 750px
}
#centercontent
{
	position : absolute;
	top : 175px;
	left : 10px;

}
#centercontent2
{
	position : absolute;
	top : 185px;
	left : 175px;

}

.textfield {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f3f3f3
}
#menuatas
{
	position : relative;
	top : 0px;
	left : 45px;
	z-index:1;
}
#MenuBawah
{
	position:absolute;
	left:10px
}
#MenuKiri
{
	position : absolute;
	left : 10px;
	top : 180px;
}
#signin
{
	position : absolute;
	left : 610px;
	top : 130px;
	z-index:1;	

}
#fieldsignin
{
	position : absolute;
	left : 650px;
	top : 132px;
	z-index:1;

}
#logo
{
top : 10px;
left : 10px;
position : absolute;
z-index:1;
}
#about
{
position : absolute;
left : 750px;
}
img.backkiri
{
	position : absolute;
	top : 175px;
	left : 10px;
	width : 150px;

}
img.imgatas
{
/*image :url(ImageColorDef/red.jpg);*/
background-image:url(ImageColorDef/TopBanner.jpg);
top : 10px;
left : 10px;
position : absolute;
width : 1000px;
Height : 150px; 
}
#imgiklanatas
{

top : 10px;
left : 160px;
position : absolute;
z-index:1;
}

img.x
{
	image : url(img/Logo_Mentari.gif);
	width : 130px;
	height : 135px;
	position : absolute;
	top : 0px;
	left : 55px;
	z-index:1
}
#back_left
{
	background-image : url(back_left.htm);
}
table.maintable
{
position:absolute;
left:50px;
top:200px
}
img.y
{
max-height: 400px;
max-width : 300px;
}
#back_oval
{

	width : 100px;
	height : 20px;
	position : absolute;
	z-index:0;
}
#textfrontoval
{
	position : absolute;
	z-index:1;
}