div#line {
	margin:-4px 10px 0px 10px;
	border-top:1px dashed #000000;
	padding-top: 3px;
	border-bottom:1px dashed #000000;
	height: 40px;

	

        }
	   
	   
	    ul#topnav {
		
	width:989px;
	list-style:none;
height:10px;
	margin-left: 6px;
	

        }
		
		

       

        ul#topnav li a {
	height:40px;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	margin-right: 23px;
	
        }

        ul#topnav li#topnav-1 a {
        		width:210px;
        		background:url(../images/nav.jpg) no-repeat 0 0;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:0 -40px;
        }

        ul#topnav  li#topnav-1 a.current {
        		background-position:0 -80px;
        }
        
        ul#topnav li#topnav-2 a {
        		width:210px;
        		background:url(../images/nav.jpg) no-repeat -230px 0;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background-position:-230px -40px;
        }

        ul#topnav  li#topnav-2 a.current {
        		background-position:-230px -80px;
        }
        
        ul#topnav li#topnav-3 a {
        		width:210px;
        		background:url(../images/nav.jpg) no-repeat -459px 0;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background-position:-459px -40px;
        }

        ul#topnav  li#topnav-3 a.current {
        		background-position:-459px -80px;
        }
        
        ul#topnav li#topnav-4 a {
        		width:210px;
        		background:url(../images/nav.jpg) no-repeat -689px 0;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background-position:-689px -40px;
        }

        ul#topnav  li#topnav-4 a.current {
        		background-position:-689px -80px;
        }
		
		
		
		
		     ul#topnav li#topnavj a {
        		width:210px;
        		background:url(../images/nav4.png) no-repeat -459px 0;
        }

        ul#topnav  li#topnavj a:hover {
        		background-position:-459px -40px;
        }

        ul#topnav  li#topnavj a.current {
        		background-position:-459px -80px;
        }
		
		
		
		
		
		     ul#topnav li#topnave a {
        		width:210px;
        		background:url(../images/nav4.png) no-repeat -689px 0;
        }

        ul#topnav  li#topnave a:hover {
        		background-position:-689px -40px;
        }

        ul#topnav  li#topnave a.current {
        		background-position:-689px -80px;
        }
 
 
 /*        
-----------------------------------------------------------------

Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-width: 1px 1px 1px 0;
	
	}


	


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}





/* ------------------*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}