.menuNode
{
    FONT: bold 10pt Georgia, Impact, Latha;
    TEXT-TRANSFORM: uppercase;
    COLOR: #cc9900;
    LETTER-SPACING: normal;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none
}
.menuNode A
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT: 600 10pt/20pt Verdana, Arial, 'Sans Serif';
    TEXT-TRANSFORM: none;
    BORDER-LEFT: medium none;
    COLOR: #ffffff;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #336699;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.menuNode A:hover
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT: bold 10pt/20pt Verdana, Arial, Sans-Serif;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: medium none;
    COLOR: black;
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
BODY
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #000033;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, 'Sans Serif';
    BACKGROUND-COLOR: #336699;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.promobar
{
}
.promobar A
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Arial, 'Sans Serif';
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.promobar A:hover
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Arial, 'Sans Serif';
    TEXT-ALIGN: center;
    TEXT-DECORATION: underline
}
.mainTable
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    COLOR: #000033;
    FONT-FAMILY: 'Times New Roman';
    TEXT-DECORATION: none
}
.footer
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana, 'Sans Serif';
    TEXT-DECORATION: none
}
.footer A
{
    FONT-SIZE: 8pt;
    COLOR: dimgray;
    FONT-FAMILY: Verdana, Arial, 'Sans Serif';
    TEXT-DECORATION: underline
}
.footer A:hover
{
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial, 'Sans Serif';
    TEXT-DECORATION: underline
}
.mainTable A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000099;
    FONT-FAMILY: Sans-Serif, Georgia;
    TEXT-DECORATION: none
}
.mainTable A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #3300ff;
    FONT-FAMILY: Sans-Serif, Georgia;
    TEXT-DECORATION: none
}
.mainTable A:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000033;
    FONT-FAMILY: Sans-Serif, Georgia;
    TEXT-DECORATION: none
}
.mainTable A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000066;
    FONT-FAMILY: Sans-Serif, Georgia;
    TEXT-DECORATION: none
}
.promoTable
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #000066;
    FONT-FAMILY: Garamond, Verdana, Modern;
    TEXT-DECORATION: none
}
.address
{
    FONT: 600 10pt/20pt Verdana, Arial, 'Sans Serif';
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.wel
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20pt;
    TEXT-TRANSFORM: none;
    COLOR: #333300;
    FONT-FAMILY: Verdana, 'Arial Baltic', Courier;
    TEXT-DECORATION: none
}
.mission
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 16pt;
    TEXT-TRANSFORM: none;
    COLOR: #333300;
    FONT-FAMILY: Verdana, 'Arial Baltic', Courier;
    TEXT-DECORATION: none
}
.sos
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 25pt;
    TEXT-TRANSFORM: none;
    COLOR: #FFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Georgia, Verdana, 'Arial Baltic', Courier;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.pro
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20pt;
    TEXT-TRANSFORM: none;
    COLOR: #333300;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, 'Arial Baltic', Courier;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.menuTitle
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: #cc9900;
    FONT-STYLE: normal;
    FONT-FAMILY: Georgia, Impact, Latha;
    FONT-VARIANT: normal
}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: #336699;
    FONT-STYLE: normal;
    FONT-FAMILY: Georgia, Garamond;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.bolink
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Georgia, 'Arial Baltic';
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.bolink A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Georgia, 'Arial Baltic';
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.bolink A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Georgia, 'Arial Baltic';
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.bolink A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Georgia, 'Arial Baltic';
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.bolink A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #ffcc33;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Georgia, 'Arial Baltic';
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tool
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: none;
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Georgia;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tool A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: none;
    COLOR: yellow;
    FONT-STYLE: normal;
    FONT-FAMILY: Georgia, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.tool A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    TEXT-TRANSFORM: none;
    COLOR: fuchsia;
    FONT-STYLE: normal;
    FONT-FAMILY: Georgia, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.formLabel
{
	background-color:#e7ba6a;
	FONT: 600 10pt/20pt Verdana, Arial, 'Sans Serif';
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.formSplitLabel
{
	background-color:#e7ba6a;
	FONT: 600 10pt/20pt Verdana, Arial, 'Sans Serif';
    COLOR: #346699;
    TEXT-DECORATION: none
}
.formSplitLabel2
{
	FONT: 600 10pt/20pt Verdana, Arial, 'Sans Serif';
    COLOR: #3C3C3C;
    TEXT-DECORATION: none
}
.productDesc
{
	width:60%;
	FONT: 500 10pt/15pt Verdana, Arial, 'Sans Serif';
	COLOR: black;
}
.productOption
{
	width:40%;
}

/**************** menu coding *****************/
#menu {
width: 12em;
background: #336699;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
margin: 0;
padding: 2px 3px;
}

#menu a {
color: #fff;
background: #336699;
text-decoration: none;
}

#menu a:hover {
color: #CC9900;
background: #336699;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.style1 {color: #D4D0C8}
.style2 {color: #CC9900}
.style3 {color: #cc9900}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->