/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.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.
=================================================================== */

.preload1  { background: url("blank_over.jpg") }
.preload2  { background: url("blank_overa.jpg") }

#nav  { font-family: verdana, arial, sans-serif; border:2px; solid #3a93d2; background-image: url("blank.jpg"); background-repeat: repeat-x; background-position: 0 0; list-style: none; margin: 0; padding: 0; position: relative; z-index: 500; height: 36px }
#nav li.top {display:block; float:left;}
#nav li a.top_link  { color: #000; font-size: 14px; font-weight: normal; line-height: 28px; text-decoration: none; background: url("blank.jpg"); cursor: pointer; display: block; padding: 0 0 0 12px; height: 36px; float: left }
#nav li a.top_link span  { background: url("blank.jpg") right top; display: block; padding: 0 24px 0 12px; height: 36px; float: left }
#nav li a.top_link span.down  { background: url("blanka.jpg") no-repeat right top; display: block; padding: 0 24px 0 12px; height: 36px; float: left }
#nav li a.top_link:hover  { color: #fff; background: url("blank_over.jpg") no-repeat }
#nav li a.top_link:hover span  { background: url("blank_over.jpg") no-repeat right top }
#nav li a.top_link:hover span.down  { background: url("blank_overa.jpg") no-repeat right top }

#nav li:hover > a.top_link  { color: #265ba6; background: url("blank_over.jpg") no-repeat }
#nav li:hover > a.top_link span  { background: url("blank_over.jpg") no-repeat right top }
#nav li:hover > a.top_link span.down  { background: url("blank_overa.jpg") no-repeat right top }



/* Default list styling */

#nav li:hover {position:relative; z-index:2; }

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff;  padding:2px; border:2px; solid #3a93d2; white-space:nowrap; width:202px; height:auto; z-index:300; border-style: solid; border-width: 1px; border-color: #444;}
#nav li:hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:202px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:14px; height:auto; width:202px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(arrow.gif) 188px 16px no-repeat;line-height:27px;}
#nav li:hover ul.sub li a:hover 
 { color: #fff; background: #3074d2; }
#nav li:hover ul.sub li a.fly:hover
 { color: #fff; background: #3074d2 url("arrow_over.gif") no-repeat 188px 16px }

#nav li:hover ul li:hover > a.fly  { color: #fff; background: #3074d2 url("arrow_over.gif") no-repeat 188px 16px } 
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
 { background: #fff; white-space: nowrap; padding: 3px; z-index: 400; border:2px; solid #3a93d2;top: -4px; left: 202px; width: 202px; height: auto; border: solid 1px #3074d2 }
#nav .top .sub li {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;


/*
#nav li ul.sub li a.fly {background:#fff url(arrow.gif) 188px 7px no-repeat;}

#nav li:hover ul.sub li a:hover { color: #fff; background: #3074d2 }
#nav li:hover ul.sub li a.fly:hover { color: #fff; background: #3074d2 url("arrow_over.gif") no-repeat 188px 7px }
#nav li:hover ul li:hover > a.fly  { color: #fff; background: #3074d2 url("arrow_over.gif") no-repeat 188px 7px } 
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul { background: #fff; white-space: nowrap; padding: 3px; z-index: 400; top: -4px; left: 202px; width: 202px; height: auto; border: solid 1px #3074d2 }
#nav .top .sub li { border-bottom-width: thin; border-bottom-style: solid;border-bottom-color: #CCC; }

{display:block; font-size:14px; height:auto; width:202px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}


*/




.pencilspan { background-image: url(blank.jpg); background-repeat: repeat-x }