@charset "utf-8";

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
width: 632px; height: 39px; float:left; margin-top: 33px; margin-left: 2px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
/*background-color: #F3F3F3; overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
background-repeat:no-repeat;
background-position:top;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#790000;
text-align:center;
padding-top:0px;

}


.suckertreemenu ul li a:hover{
display: block;
background-position:top;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

.suckertreemenu ul li ul li ul a.selected{
background: url(images/app-nav-hover.jpg) no-repeat;
}



	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
float:left;
display: inline-block;
width: 500px;
visibility:hidden;
margin-top: 0px;
}



/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
float: left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
background:#fff; font: 14px Tahoma; color: #390074; padding: 5px 6px; margin: 0; text-decoration: none;
}

.suckertreemenu ul li ul li a:hover{
background: #078280; font: 14px Tahoma; text-decoration:none; color:#FFFFFF;
}


.suckertreemenu ul li ul li ul{
left: 0;
position: absolute;
top: .15em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-image:url(images/dropDown_bg2b.png);
width:175px;
margin-left:1px;
}




.suckertreemenu ul li ul li ul li a{
display: block;
width: 169px; /*width of sub menu levels*/
height:18px;
padding-top:4px;
margin:0px;
background-image: none;
font-size:11px;
color:#999999;
text-transform:uppercase;
text-align:left;
margin-left:3px;

}

.suckertreemenu ul li ul li ul li a:hover{
display: block;
width: 169px; /*width of sub menu levels*/
height:18px;
padding-top:4px;
margin:0px;
background-image:url(images/dropDown_ho.jpg);
font-size:11px;
color:#FFFFFF;
text-transform:uppercase;
margin-left:3px;
text-align:left;

}




/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

.chromemenu	{ width: 632px; height: 39px; float:left; margin-top: 0px; margin-left: 2px;}

#nav-home			{ background:url(images/nav-home.jpg) no-repeat; width: 52px; height: 39px; float: left; }
#nav-home a		    { display: block; width: 52px; height: 39px; float:left; }
#nav-home a:hover	{ background:url(images/nav-home_hover.jpg) no-repeat; }

#nav-about			{ background: url(images/about-us-nav.jpg) no-repeat; width: 140px; height: 39px; float:left;}
#nav-about a		{ display: block; width: 140px; height: 39px; float:left;}
#nav-about a:hover	{ background: url(images/about-us-nav-hover.jpg) no-repeat;}

#nav-app			{ background: url(images/app-nav.jpg) no-repeat; width: 101px; height: 39px; float:left;}
#nav-app a			{ display: block; width: 101px; height: 39px; float:left;}
#nav-app a:hover	{ background: url(images/app-nav-hover.jpg) no-repeat;}	

#nav-testi			{ background: url(images/testi-nav.jpg) no-repeat; width: 104px; height: 39px; float:left;}
#nav-testi a		{ display: block; width: 104px; height: 39px; float:left;}
#nav-testi a:hover	{ background: url(images/testi-nav-hover.jpg) no-repeat;}	

#nav-faq			{ background: url(images/faq-nav.jpg) no-repeat; width: 53px; height: 39px; float:left;}
#nav-faq a			{ display: block; width: 53px; height: 39px; float:left;}
#nav-faq a:hover	{ background: url(images/faq-nav-hover.jpg) no-repeat;}

#nav-hap			{ background: url(images/hap-nav.jpg) no-repeat; width: 95px; height: 39px; float:left;}
#nav-hap a			{ display: block; width: 95px; height: 39px; float:left;}
#nav-hap a:hover	{ background: url(images/hap-nav-hover.jpg) no-repeat;}

#nav-contact			{ background: url(images/contact-nav.jpg) no-repeat; width: 87px; height: 39px; float:left;}
#nav-contact a			{ display: block; width: 87px; height: 39px; float:left;}
#nav-contact a:hover	{ background: url(images/contact-nav-hover.jpg) no-repeat;}