/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.sms_menu_container, 			
.menu 				{ /*position: relative;*/ z-index: 100; }

.menu, 
.menu ul 			{ list-style-type: none; padding: 0; margin: 0 0 0 40px;  }
.menu a, 
.menu a:visited 		{ width: auto; height: 31px; /*display: block;*/ padding: 0 10px; }

#topnav 			{ height:35px; border-bottom: 1px solid #fff; margin: 0 4px; background:#FB0B0A url(templatefiles/nav-bg.jpg) repeat-x scroll left top;  }
.menu ul 			{ margin: 0pt 0pt 0pt 20px; padding: 8px 0pt 0pt; }
.menu ul li 			{ border-left:2px solid #fff; display: inline; font-size: 1.1em; line-height: 20px; list-style-type: none; margin:0; padding:0; z-index:200; }
.menu ul li a,
.menu ul li a:visited	{ color: #FFF; text-decoration:none; }
.menu ul li a:hover		{ color:#000; }	
.menu ul li a:active,
.menu ul li.selected a	{ color: #FFF; text-decoration:none; }


.menu ul ul			{ margin:0; font-size:0.9em; position:relative; }

.menu li a:hover ul ul 							{ visibility: hidden; }
.menu li a:hover ul a:hover ul ul 						{ visibility: hidden; }
.menu li a:hover ul a:hover ul a:hover ul ul 				{ visibility: hidden; }
.menu li a:hover ul a:hover ul a:hover ul a:hover ul ul 		{ visibility: hidden; }

.menu li a:hover ul 								{ visibility: visible; left: -30px; top: 14px; lef\t: -31px; to\p: 21px; font-size: 0.9em; } /*the slashes are seen by IE6*/
.menu li a:hover ul a:hover ul 						{ visibility: visible; top: 30px; left: 0; lef\t: 0; to\p: -6px; font-size: 1em; } /*the slashes are seen by IE6*/
.menu li a:hover ul a:hover ul a:hover ul 				{ visibility: visible; }
.menu li a:hover ul a:hover ul a:hover ul a:hover ul 			{ visibility: visible; }
.menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul 	{ visibility: visible; }

.menu li ul li		{ border:0; }
.menu li ul li a, 
.menu li ul li a:hover,
.menu li ul li a:visited { width: 180px; height: auto; display: block; background-color:#7C7C7C; line-height: 1.5em; padding: 4px 10px; border-bottom: 1px solid #DCD3D3; }
.menu li a.enclose, 
.menu li a.enclose:visited 	{  }
.menu li 			{ float: left; }

.menu li:hover 		{ position: relative; } 

.menu li ul 			{ display: none; }
.menu li:hover > ul 		{ width: 100px; display: block; position: absolute; top: 19px; left: 0; background: transparent url("transparent.gif");   }

/*.menu > li:hover > ul 	{ left: -10px; top: 30px; }*/

.menu table 			{ position: absolute; top: 0; left: 0; border-collapse: collapse; z-index: 200; }

* html .menu li a:hover 	{ position: relative; }

.menu li a:active, .menu li a:focus {  }

* html .menu li ul 		{ visibility: hidden; display: block; position: absolute; top: 19px; left: 0; background: transparent url("transparent.gif"); padding: 10px 30px 30px 30px; }