/* ######### Style for Tab Interface itself ######### */
.menulink{
padding: 0px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs{
border-bottom: none;
margin-bottom: 0;
text-align: center;
}

.shadetabs ul{
padding: 0px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px arial;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
text-align: center;
}

.shadetabs li a{
text-decoration: none;
padding: 0px 0px;
margin-right: 0px;
border: none;
color: #000000;
text-align: center;
}

.shadetabs li a:visited{
color: #000000;
}

.shadetabs li a:hover{
text-decoration: none;
color: #FF0000;
font: bold;
FONT-SIZE: 100%;
background-image: none;
}

.shadetabs li.selected{
color: #FF0000;
}

.shadetabs li.selected a{ /*selected main tab style */
color: #FF0000;
border-bottom-color: none;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
margin-top: 0px;
position: absolute;
top: 0;
border: 1px solid #000099; /*THEME CHANGE HERE*/
border-width: 1px 1px;
font:normal 12px Verdana, Arial;
line-height:20px;
z-index:100;
background-color: #E4EEF6;
width: 260px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid  #333333; /*THEME CHANGE HERE*/
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: #000000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: none;
text-decoration: none;
color: #FF0000;
background-image: url(shadeactive.gif);
}


.BodyTable
{
    BORDER-TOP: none;
	BORDER-BOTTOM: none;
    BORDER-RIGHT: #666666 1px dotted;
	BORDER-LEFT: #666666 1px dotted;
}


 
.bodyText
{
    FONT-SIZE: 9pt;
	font-family:  verdana, arial, helvetica, ms sans serif; 
	line-height: 140%;
	text-decoration: none;
	color: #303030;
	font-weight: normal;
	text-align: justify;
}

.bodyHeader
{
    FONT-SIZE: 14pt;
	font-family: arial, verdana,    helvetica, ms sans serif; 
	line-height: 120%;
	text-decoration: bold;
	color: #FF0000;
	font-weight:bold;
	text-align: left;
}

.title{
 font-family: Verdana, arial; 
 font-size:10pt;
 font-weight:bold;
}

h1
{
    margin-top: 0%;
    margin-bottom: 0%;
	line-height: 120%;
	font-family: arial, Verdana;
}
 
h2
{
    margin-top: 0%;
    margin-bottom: 0%;
	line-height: 120%;
	font-family: arial, Verdana;
}

.linkwhite
{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}
 
a.linkwhite:hover 
{
color: #FFFFFF;
text-decoration: underline;
 
}

.linkBlue
{
color: #3300CC;
text-decoration: none;
font-weight: normal;
}
 
a.linkBlue:hover 
{
color: #FF3300;
text-decoration: underline;
 
}

.LeftTable
{
    BORDER-TOP: none;
	BORDER-BOTTOM: none;
    BORDER-RIGHT: #B7B7B7 1px dotted;
	BORDER-LEFT:  none;
}

.tableLine
{
    BORDER-TOP: #D81015 3px Solid;
	BORDER-BOTTOM: none;
    BORDER-RIGHT: none;
	BORDER-LEFT:  none;
}

.tableBorderRed
{
    BORDER-TOP: #FF0000 2px Solid;
	BORDER-BOTTOM: #FF0000 2px Solid;
    BORDER-RIGHT: #FF0000 2px Solid;
	BORDER-LEFT:  #FF0000 2px Solid;
}

.tableForm
{
    BORDER-TOP: #666666 1px Solid;
	BORDER-BOTTOM: #666666 1px Solid;
    BORDER-RIGHT: #666666 1px Solid;
	BORDER-LEFT:  #666666 1px Solid;
}


.tableindexL
{
    BORDER-TOP: #00CC00 3px Solid;
	BORDER-BOTTOM: #00CC00 3px Solid;
    BORDER-RIGHT: none;
	BORDER-LEFT:  #666666 1px dotted;
}

.tableindexR
{
    BORDER-TOP: #00CC00 3px Solid;
	BORDER-BOTTOM: #00CC00 3px Solid;
    BORDER-RIGHT: #666666 1px dotted;
	BORDER-LEFT:  none;
}

.tableindex
{
    BORDER-TOP: #00CC00 3px Solid;
	BORDER-BOTTOM: #00CC00 3px Solid;
    BORDER-RIGHT: #666666 1px dotted;
	BORDER-LEFT:  #666666 1px dotted;
}


.tutorBlue
{
color: #FF0000;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}
 
a.tutorBlue:hover 
{
color: #0000FF;
text-decoration: underline;
 
}

.tutorBlue2
{
color: #0000FF;
text-decoration: none;
font-weight: bold;
text-decoration: none;
}
 
a.tutorBlue2:hover 
{
color: #0000FF;
text-decoration: underline;
 
}

.penafian
{
  width: 550px;
  padding: 5px 5px 5px 5px;
  font-size: 7pt;
  FONT-FAMILY:  verdana, Arial,   Helvetica, sans-serif;   
  font-weight:normal;  
  line-height: 130%;
  text-decoration: none;
}

.penapisbox
{
  border-spacing: 10px;

  BORDER: #66FF66 3px groove;
 
}

.penapisbox
{
  border-spacing: 10px;

  BORDER: #999999 3px groove;
 }
 
.bodytext_white 
{  
    FONT-SIZE: 9pt;
	font-family:  verdana, arial, helvetica, ms sans serif; 
	line-height: 140%;
	text-decoration: none;
	color: #303030;
    text-align: justify;
}

.bodytext_white2 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #185586; 
text-align: justify;
line-height: 130%;
}


 

.bodyHeader2
{
    FONT-SIZE: 10pt;
	font-family:  verdana,  arial,   helvetica, ms sans serif; 
	line-height: 120%;
	text-decoration: bold;
	color: #FF0000;
	font-weight:bold;
	text-align: left;
}

.bodyTextBerita
{
    FONT-SIZE: 8pt;
	font-family:  verdana, arial, helvetica, ms sans serif; 
	line-height: 140%;
	text-decoration: none;
	color: #303030;
	font-weight: normal;
	text-align: justify;
}



div.HawthornBerry
{
width: 547px;
Height: 308px;
background: url('images/hawthorn-berry/hawthorn-berry-bg01.jpg');
 
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;	
}

div.HawthornFeature
{
clear: both;
background: none;
margin: 10px 10px 30px 10px;
padding: 0px 0px 20px 0px;	
}


div.HawthornFeature p
{

  font-family: Times New Roman, Times, Arial, Verdana, 'MS Sans Serif', 'Lucida Grande', Sans-Serif; 
  font-size: 15pt;
  font-style: italic;
  font-weight: bold;
  color: #c00000;
  line-height: 120%; 
  padding-botto,: 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}