/* ================================================================ 
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.cssplay.co.uk/menu/pro_drop4.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.
Only one drop down level in this one but the idea can be applied to any further flyout.
Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC)
=================================================================== */
.preload1 {background: url(DDmenu/pro_drop4_2a.gif);}
.preload1 {background: url(DDmenu/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px; background:transparent url(DDmenu/pro_drop4_back.gif); position:relative; z-index:0; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(DDmenu/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(DDmenu/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(DDmenu/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(DDmenu/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(DDmenu/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(DDmenu/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:0;}
.prodrop4 li:hover {position:relative; z-index:0;}

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

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}
.prodrop4 ul.sub5 {width:112px;}
.prodrop4 ul.sub6 {width:112px;}
.prodrop4 ul.sub7 {width:112px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:0;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}

/* Used by the Round corner Boxes */
.CornBox h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.CornBox br { margin:0; padding:5px 10px; font-size:10px;}
.CornBox {background:#fff; width:250px; float:left; margin:0 3px;}

.xtop, .xbottom {display:block; background:#D6F3F7; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.content {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .content {height:1px;}
.color_a {background:#c9ba65; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}


/* Used by other sections in the web pages */
.frmButton
{
	font-size:90%;
	color: white;
	border-color: #FBEDBB;
	background-color: #E08900;
	font-weight: 700;
	cursor:pointer;
.bblack {position:relative; top:0; left:0; height:22px; border:1px solid #000;}
}
.UpEvents
{
color:#000000;
width: 175px;
background-color: rgb(204,204,255);
text-align: left;
margin-left: 2px;
margin-right: 2px;
padding: 5px;
font: 12px/15px tahoma,arial,helvetica;
font-weight: normal;
border: 1px Blue solid;
}