.navigation{margin:127px 0pt 0pt 255px;}
.navigation a{ font-size:11px}

#home{
width:77px; float:left; text-indent:-9999px; margin:0 13px 0 0;_margin:0 7px 0 0}
#home ul{padding:0; margin:0; list-style-type:none; margin-left:0px}
#home ul li{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(../images/home.gif); background-repeat:no-repeat;background-position:0px 0px;}
#home ul li a{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(../images/home.gif); background-repeat:no-repeat; background-position:0px 0px; width:77px; height:34px}
#home ul li a:hover{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:  url(../images/home-hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:115px; height:56px}
#home ul li a:focus{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:  url(../images/nav-about2.html); background-repeat:no-repeat; background-position:0px 0px; width:115px; height:56px;outline:none}
#home ul li a.homeactive{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(../images/home-hover.gif); background-repeat:no-repeat; background-position:0px 0px;}


/* contextual selector starts here  */
#mainpage li#index_li a{background-image:url(../images/nav-about2.html); background-repeat:no-repeat; background-position:0px 0px;color:#000; }
/* home button ends here */


/* about-us button starts here */
#testimonial{width:107px; float:left; text-indent:-9999px; margin:0 13px 0 0; _margin:0 7px 0 0}
#testimonial ul{padding:0;margin:0;list-style-type:none; margin-left:0px}

#testimonial ul li{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(../images/nav-testi.gif); background-repeat:no-repeat; 
background-position:0px 0px;}

#testimonial ul li a{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(../images/nav-testi.gif); background-repeat:no-repeat; 
background-position:0px 0px; width:107px; height:33px}

#testimonial ul li a:hover{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:  url(../images/nav-testi-hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:107px; height:33px}

#testimonial ul li a:focus{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:  url(../images/nav-testi-hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:107px; height:33px;outline:none}

/* contextual selector starts here  */

#about li#aboutamiri_li a{background-image:url(../images/nav-testi-hover.gif); background-repeat:no-repeat; background-position:0px 0px;color:#000; }


#testimonial ul li a.testimonialactive{padding:0; margin:0;display:block; float:left; list-style-type:none; background-image:  url(../images/nav-testi-hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:107px; height:33px}
/* aboutus button ends here */





#tools{width:155px; float:left;background:url(../images/header.gif) no-repeat top center; width:137px; height:34px; font-size:12px;margin:0 12px 0 0;}
/* remove all the bullets, borders and padding from the default list styling */
#tools ul {padding:0;margin:0;list-style-type:none; height:34px;  width:137px; z-index:15}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#tools ul li {float:left;height:34px;line-height:36px; text-indent:-9999px;outline:none}
/* style the links for the top level */
#tools a, #tools a:visited {display:block;float:left;height:100%;font-size:12px;text-decoration:none;color:#ffffff;background: url(../images/header.gif) no-repeat; width:137px;}
#tools a:focus{display:block;float:left;height:100%;font-size:12px;text-decoration:none;color:#000;background: url(../images/header.gif) no-repeat; width:137px; outline:none}
#dui #tools a{display:block;float:left;height:100%;font-size:12px;text-decoration:none;color:#000;background: url(../images/header_over.gif); width:137px;}
* html #tools a:hover {color:#ffffff;background:url(../images/header_over.gif) no-repeat; position:relative; z-index:100;}
* html #tools a:hover {color:#ffffff;background:url(../images/header_over.gif) no-repeat; position:relative; z-index:100;}
#tools li:hover {position:relative; z-index:100;}
#tools :hover > a {color:#ffffff; background:url(../images/header_over.gif) no-repeat;}
/* style the sub-level lists */
#tools ul ul {width:137px; margin-top:0px; background:#ffc500 url(../images/bg-dropdown.jpg) no-repeat bottom center;}
/* style the sub level list items */
#tools ul ul li {display:block;width:137px;height:auto; line-height:16px; text-indent:0px; border-bottom:1px solid #bfe08a}
/* style the sub level links */
#tools ul ul a, #tools ul ul a:visited {display:block;background: none; color:#ffffff;width:200px;height:100%;line-height:16px; padding:0.5em 1em;}
#tools ul ul a:focus{display:block;background:none; color:#000;width:137px;height:100%;line-height:16px; padding:0.5em 1em;}
#dui #tools ul ul a, #tools ul ul a:visited {display:block;background:none; color:#ffffff;width:200px;height:100%; font-size:12px; font-weight:normal;line-height:16px; padding:0.5em 1em;}
* html #tools ul ul a, * html #tools ul ul a:visited  {width:137px; w\idth:184px;}
/* style the table so that it takes no part in the layout - required for IE to work */
#tools table {position:absolute; left:0px; top:0; width:0; height:0; font-size:1em; z-index:-1;}
/* second */
* html #tools ul ul a:hover{color:#ffffff;background:none; position:relative; z-index:110;}
* html #dui #tools ul ul a:hover{color:#ffffff;background:none; position:relative; z-index:110;}
 #tools ul ul li:hover {position:relative;}
 #tools ul ul :hover > a {color:#96d8ff;background:none;}
 #dui #tools ul ul :hover > a {color:#ffcf5f;background:none;}
 /* hide the sub levels and give them a positon absolute so that they take up no room */
#tools ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:0;width:137px;}
/* make the second level visible when hover on first level list OR link */
#tools ul :hover ul{visibility:visible; height:auto;  background-color:#68903f;}
<!--[if lte IE 6]>
#tools ul ul {left:-1px; margin-left:-1px;}
#tools ul ul ul.left {margin-left:1px;}
<!--[endif]-->
/*#dui li#arrests_li a{
background-image: url(../images/nav-faq-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px;
}*/

#dui li li#arr_li a{
height:30px;
background:none;
}
#dui li li#arr_li a:hover{
background: none;
}
/* dui button ends here */





/* practice button ends here */
#faq{
width:77px; float:left; text-indent:-9999px; font-size:0px; line-height:0%; margin:0 5px 0 0
}
#faq ul{
padding:0; 
margin:0; 
list-style-type:none; 
margin-left:0px
}

#faq ul li{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image: url(../images/nav-faq.gif); 
background-repeat:no-repeat; 
background-position:0px 0px;}

#faq ul li a{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/nav-faq.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:77px; 
height:34px}

#faq ul li a:hover{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/nav-faq-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:77px; 
height:34px}

#faq ul li a:focus{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/nav-faq-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:77px; 
height:34px;
outline:none}

#bac li#calculator_li a{
background-image:url(../images/nav-faq-hover.gif);
background-repeat:no-repeat; 
background-position:0px 0px;
color:#000; 
}
#faq ul li a.faqactive{
padding:0; 
margin:0; 
display:block; 
float:left; 
list-style-type:none; 
background-image:url(../images/nav-faq-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px; 
width:77px; 
height:34px}
/* bac button ends here */

#myhome{
width:107px; float:left; 
background:url(../images/nav-myhome.gif);
height:33px; 
font-size:13px;
margin:0 0px 0 0;
}
/* remove all the bullets, borders and padding from the default list styling */
#myhome ul {padding:0;margin:0;list-style-type:none; height:33px;  width:107px;}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#myhome ul li {float:left;height:33px;line-height:36px; text-indent:-9999px;outline:none}
/* style the links for the top level */
#myhome a, #myhome a:visited {display:block;float:left;height:100%;font-size:13px;text-decoration:none;color:#000;background: url(../images/nav-myhome.gif); width:107px;}
#myhome a:focus{display:block;float:left;height:100%;font-size:13px;text-decoration:none;color:#000;background: url(../images/nav-myhome.gif); width:107px; outline:none}
#case #myhome a{display:block;float:left;height:100%;font-size:13px;text-decoration:none;color:#000;background: url(../images/nav-myhome.gif); width:107px;}
* html #myhome a:hover {color:#ffffff;background:url(../images/nav-myhome-hover.gif); position:relative; z-index:100;}
* html #myhome a:hover {color:#ffffff;background:url(../images/nav-myhome-hover.gif); position:relative; z-index:100;}
#myhome li:hover {position:relative;}
#myhome :hover > a {color:#ffffff;background:url(../images/nav-myhome-hover.gif); font-weight:bold}
/* style the sub-level lists */
#myhome ul ul {width:107px; margin-top:0px; background:#ffc500 url(../images/bg-dropdown.jpg) bottom center no-repeat}
/* style the sub level list items */
#myhome ul ul li {display:block;width:107px;height:auto; line-height:20px; text-indent:0px;}
/* style the sub level links */
#myhome ul ul a, #myhome ul ul a:visited {display:block;background:none; color:#ffffff;width:107px;height:100%;line-height:20px; padding:10px 5px; font-weight:bold}
#myhome ul ul a:focus{display:block;background:none; color:#ffffff;width:111px;height:100%;line-height:20px; padding:10px 5px; font-weight:bold}
#case #myhome ul ul a, #myhome ul ul a:visited {display:block;background:none; color:#ffffff;width:171px;height:100%;line-height:20px; padding:10px 0px 5px 0px;}
* html #myhome ul ul a, * html #myhome ul ul a:visited  {width:151px; w\idth:151px;}
/* style the table so that it takes no part in the layout - required for IE to work */
#myhome table {position:absolute; left:0px; top:0; width:0; height:0; font-size:1em; z-index:-1;}

/* second */
* html #myhome ul ul a:hover{color:#ffffff;background:none; position:relative; z-index:110;}

* html #case #myhome ul ul a:hover{color:#ffffff;background:none; position:relative; z-index:110;}

#myhome ul ul li:hover {position:relative;}
#myhome ul ul :hover > a {color:#ffffff;background:none; padding:10px 0px 5px 0px;#padding:10px 0px 10px 5px}
#case #myhome ul ul :hover > a {color:#ffffff;background:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#myhome ul ul {visibility:hidden;position:absolute;height:0;top:55px;left:-45px;width:161px; padding:0px 10px}

/* make the second level visible when hover on first level list OR link */
#myhome ul :hover ul{visibility:visible; height:auto;  background-color:#fcd236;}

<!--[if lte IE 6]>
#myhome ul ul {left:-1px; margin-left:-1px;}
#myhome ul ul ul.left {margin-left:1px;} 
<!--[endif]-->
#case li#arrests_li a{
background-image: url(../images/nav-myhome-hover.gif); 
background-repeat:no-repeat; 
background-position:0px 0px;
}

#case li li#arr_li a{
height:30px;
background:none;
}
#case li li#arr_li a:hover{
background: none;
}
#myhome ul li a.my-homeactive {color:#ffffff;background:url(../images/nav-myhome-hover.gif); font-weight:bold}

#twitter{width:110px; float:left; text-indent:-9999px; font-size:0px; line-height:0%; margin:0 5px 0 20px}

#twitter ul{padding:0;margin:0; list-style-type:none; margin-left:0px}

#twitter ul li{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image: url(../images/nav-twitter.gif); background-repeat:no-repeat; 
background-position:0px 0px;}

#twitter ul li a{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/nav-twitter.gif); background-repeat:no-repeat; 
background-position:0px 0px; width:110px; height:34px}

#twitter ul li a:hover{padding:0; margin:0; display:block; float:left; list-style-type:none;background-image:url(../images/nav-twitter-hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:110px; height:34px}

#twitter ul li a:focus{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/nav-twitter-hover.gif); background-repeat:no-repeat; background-position:0px 0px; width:110px; height:34px;outline:none}

#bac li#calculator_li a{background-image:url(../images/nav-twitter-hover.gif);background-repeat:no-repeat;background-position:0px 0px;color:#000; }

#twitter ul li a.twitteractive{padding:0; margin:0; display:block; float:left; list-style-type:none; background-image:url(../images/nav-twitter-hover.gif); 
background-repeat:no-repeat; background-position:0px 0px; width:110px; height:34px}
/* bac button ends here */