h1,h2,h3
{
font-family: "lucida calligraphy", verdana, 'sans serif'; 
font: 18px arial
}

p, table, li, td
{
font-family: "lucida calligraphy", verdana, 'sans serif'; 
font: 11px verdana
}

#container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 780px;
	text-align: left;
	position: relative;
	}
	
	
body{
background: #A63300;
margin-top: 30px;
}

p,li,th,td
{
margin-bottom:0;
margin-top:0;
color:#555555;
letter-spacing: 0.0cm; 
}

h1,h2,h3,hr {color:#555555;}

a:link {text-decoration: none; color: #555555}
a:visited {text-decoration: none; color: #555555}
a:hover {text-decoration: none; color: #555555}
a:active {text-decoration: none; color: #555555}

#navlist li { list-style-type: square; }

/* --------------------------------- JAVASCRIPT MENU STYLE -------------------------------- */

UNKNOWN {
	WIDTH: 32em
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.25em; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
/* --- UBAH INTENSITAS --- */
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; filter:alpha(opacity=92)
}
#nav A {
	FONT-WEIGHT: normal; COLOR: green
}
#nav A {
	TEXT-DECORATION: none
}

/* --- UBAH WARNA TEXT --- */
#nav LI LI A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 20px; FONT: 11px arial; FONT-WEIGHT: normal; PADDING-BOTTOM: 0.2em; COLOR: #313131; PADDING-TOP: 0.2em
}

/* --- UBAH WARNA TEXT SAAT HIGHLIGHT --- */
#nav LI LI A:hover {
	BORDER-RIGHT: white 5px solid; PADDING-RIGHT: 5px; BORDER-TOP: #7d6340 0px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 0.2em; BORDER-LEFT: white 5px solid; PADDING-TOP: 0.2em; BORDER-BOTTOM: #7d6340 0px solid; COLOR: #8a0000; background-image: url(../images/bullet.gif); background-repeat: no-repeat;  background-position: 0.7em;


}
LI {
	BORDER-RIGHT: #7d6340 0px solid; BORDER-TOP: #7d6340 0px solid; FLOAT: left; BORDER-LEFT: #7d6340 0px solid; WIDTH: 5em; CURSOR: default; BORDER-BOTTOM: #7d6340 0px solid; POSITION: relative; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}

LI#home {
    WIDTH: 100px; TEXT-ALIGN: left
}

LI#homebutton {
	WIDTH: 60px;
}

LI#company {
    WIDTH: 155px; TEXT-ALIGN: left
}

LI#companybutton {
	WIDTH: 91px;
}

LI#coffee {
    WIDTH: 143px; TEXT-ALIGN: left
}

LI#coffeebutton {
	WIDTH: 56px;
}

LI#product {
    WIDTH: 80px; TEXT-ALIGN: left
}

LI#productbutton {
	WIDTH: 71px;
}

LI#news {
    WIDTH: 80px; TEXT-ALIGN: left
}

LI#newsbutton {
	WIDTH: 71px;
}

LI#employment {
    WIDTH: 120px; TEXT-ALIGN: left
}

LI#employmentbutton {
	WIDTH: 60px;
}

LI#contact {
    WIDTH: 90px; TEXT-ALIGN: left
}

LI#contactbutton {
	WIDTH: 97px;
}


LI UL {
	BORDER-BOTTOM: #cdcdcd 1px solid; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; BORDER-LEFT: #cdcdcd 1px solid; PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BACKGROUND: white; LEFT: 0px; PADDING-BOTTOM: 1em; PADDING-TOP: 0.5em; POSITION: absolute; TOP: 100%
}
UNKNOWN {
	LEFT: auto; TOP: auto
}
LI LI {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; FLOAT: none; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
LI:hover UL {
	DISPLAY: block
}
LI.over UL {
	DISPLAY: block
}
HR {
	DISPLAY: none
}
/* --------------------------------- JAVASCRIPT MENU STYLE -------------------------------- */