body
{
	margin: 0;
	background: #fff url(../img/bgindex.png) repeat-x;
	font: 14px "Trebuchet MS" , Arial, sans-serif;
	color: #043454;
	height: 100%;
}
html {
	height: 100%;
}
img {
	margin: 0;
	padding: 0;
}

/* --- Nav styles below --- */

#nav {
	width: 890px;
	height: 48px;
	float: left;
	background-image: url(media/navbg.png);
	margin: 0 0 0 0;
	z-index: 1;
}
.menu {
	font-family: "Trebuchet MS", Arial, san-serif;
	width:992px;
	height:42px;
	position:relative;
	font-size:11px;
	margin: 5px;
}
.menu ul li a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	width:109px; 
	height:42px; 
	text-align:center;
	border-bottom: 0;
	background-image:url(media/2a.png);
	line-height:48px; 
	font-size:12px; 
	overflow:hidden;
	padding-left: 1px;
}
/* first and last tabs */
.menu .one {
	background-image:url(media/1a.png);
	padding-left: 1px;
	margin-right: -1px;
}
.menu .three {
	background-image:url(media/3a.png);
}
.menu .four{
	background-image:url(media/2a.png);
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* button hover properties */
.menu ul li:hover a {color:#043454; background: url(media/2b1.png);}
.menu ul li:hover ul {display:block; position:absolute; top:42px; left:0; width:152px; margin: 0; padding: 0;}
.menu ul li:hover ul li a.two {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.two {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover .one {color:#043454; background: url(media/1b.png);}
.menu ul li:hover .three {color:#043454; background: url(media/3b.png);}
.menu ul li:hover .four {color:#043454; background: url(media/2b.png);}

/* dropdown properties */
.menu ul li:hover ul li a {background-image: none; display:block;height: 28px; line-height: 26px; color:#043454; width:142px; text-align:left; margin: 0; padding:0 0 0 11px;font-weight:normal;}
.menu ul li:hover ul
{
	margin: 0 0 0 5px;
	padding: 0;
	background-image: url(media/ddbg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu ul li:hover ul .hlight {
	background-image: url(media/hlight2.png);
	margin-right: 1px;
}

/* dropdown selected properties */
.menu ul li:hover ul li a:hover {color:#fff; background-image: url(media/hlight2.png);}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:147px; top:0; }

.menu ul li:hover ul ul
{
	margin: 0 0 0 5px;
	padding: 0;
	background-image: url(media/ddbg1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu ul li:hover ul ul li a:hover
{
	background-image: url(media/hlight1.png);
	width:90px;
}