﻿
/**************** menu coding *****************/
#menu
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#menu {
width: 100%;
background:#d6ecd1 url(/imgs/header/menu/menu-bg.gif) repeat-x; /* Menu background img and color */
float: left; 
}
#menu img
{
		margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	height:27px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;

}

#menu a, #menu h2 {
font: bold 13px Arial; 
display: block;
border-width: 0px;

margin: 0 0 0 0;
padding: 0px;		/* Menu size, height and width */
}

#menu h2 {
color: #000;				/* color of header content*/

text-transform: uppercase;
}

#menu a {					/* color of all link content*/
color: #000;

text-decoration: none;
}

#menu a:hover, #menu a:focus {
color: Gray;			/* color of link when hover content*/
}

#menu li {position: relative;}

#menu ul ul 
{
top:27px;
left:1px;
background:#d6ecd1;
min-width: 170px; /*width of drop down menu*/
width:170px;			/*width of drop down menu*/
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div#menu ul li:focus ul,
div#menu ul ul li:focus ul,
div#menu ul ul ul li:focus ul
{display: block;}

#menu ul ul li a
{
	line-height:1.5;
	padding-left:2px;
}

/*
div#ShareThis
{
    float:right;
    width: 110px;
    margin-left: 10px;
}

div#ShareThis a
{
	font: bold 14px Arial; 
    display: block;
    border-width: 0px;
    border-left: 0px;
    border-style: solid;
    border-color: #fff;
    margin: 0 0 0 0;
    padding: 0px 0px 0px 20px;
    color:#2F4F4F
} */
