/* DROPDOWN NAV STYLES */

/* Nav javascript based on an orignal script (c) 2006-2007 javascript-array.com */
/* This reworking, including stylesheet integration (c) 2007 Greg Sayers */

#dd
{	margin: 0px;
	padding: 0px;
	}

#dd li
{   margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    font: regular 11px arial;
	}

#dd li a.menu
{   display: block;
    text-align: center;
    background: #cecece;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
    width: auto;
    text-decoration: none;
	}

#dd li a.menu:hover
{   background: #cecece;
}

.submenu
{   background: #cecece;
	filter:alpha(opacity=90);	/*IE*/
	opacity: 0.90;				/*CS*/
	-moz-opacity:0.90;			/*Mozilla*/
    visibility: hidden;
    position: absolute;
	width:	205px;
    z-index: 3;
    padding: 0px 0px 0px 0px;
	}

    .submenu a
    {   display: block;
	    border-bottom: 1px dotted #FFFFFF;
        font: 11px verdana;
        text-align: left;
        text-decoration: none;
        padding: 5px 55px 5px 12px;
        color: #FFFFFF;
		}
		
    * html .submenu a   /* Thanks to IE for displaying single pixel dotted lines as dashed lines... */
    {   display: block;
	    border-bottom: none;
        font: 11px verdana;
        text-align: left;
        text-decoration: none;
        padding: 5px 55px 5px 12px;
        color: #FFF;
		background: url(../img_web/div_bg_nav.gif) repeat-x bottom;		
		}

    .submenu a:hover
    {   background: #e30303;
        color: #FFF;
		position: relative;
		}
		
/* ADDED STYLES FOR NEW TOP AND LEFT NAVIGATION - JRP */		
		
#main-wrapper {
	margin:0px auto;
	width:963px;
}	
#left-navigation {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	padding:200px 0 0 0;
	width:191px;
}
#left-navigation-header {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:191px;
	height:21px;
	background:url(/img_web/left-navigation-header-bg.gif) top left no-repeat;
	clear:left;
}
#left-navigation-content {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:191px;
	background:url(/img_web/left-navigation-content-bg.gif) top left repeat-y;
	clear:left;
}
#left-navigation-footer {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:191px;
	height:21px;
	background:url(/img_web/left-navigation-footer-bg.gif) top left no-repeat;
	clear:left;
}
#sub-navigation-list, #sub-navigation-list ul {
	padding:0;
	margin:0;
	width:181px;
	list-style:none;
	z-index:500;
}
#sub-navigation-list li { 
	position:relative;	
	float:left;
	padding:0;
	margin:0 5px 0 5px;	
	width:171px;
	list-style-image:none;
	font-size:11px;
}
#sub-navigation-list li a {
	display:block;
	padding:4px 20px 0 20px;
	margin:0;	
	width:141px;
	height:21px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
#sub-navigation-list li a:hover, #sub-navigation-list li a.active {
	background-color:#d1d1d1;
	color:#181818;
	text-decoration:none;
}
#sub-navigation-list li ul {
	position:absolute;
	padding:0 0 0 4px;
	margin:0;	
	left:-999%;
	margin-left:181px;
	margin-top:-25px;
	width:200px;
	border-top:1px solid #FFFFFF;
	z-index:3000;
}
#sub-navigation-list li ul li{ 
	position:relative;	
	float:left;
	padding:0;
	margin:0;	
	width:200px;
	list-style-image:none;
	font-size:11px;	
}
#sub-navigation-list li ul li a {
	display:block;
	padding:4px 13px 0 13px;
	margin:0;	
	width:174px;
	height:19px;
	background-color:#d3d3d3;
	color:#181818; 
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
	filter: alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;		
}
#sub-navigation-list li ul li a:hover, #sub-navigation-list li ul li a.active {
	background-color:#e30303;
	color:#FFFFFF;
	text-decoration:none;
}
#sub-navigation-list li ul li ul {
	position:absolute;
	padding:0;
	margin:0;	
	left:-999%;
	margin-left:200px;
	margin-top:-25px;
	width:200px;
	border-top:1px solid #FFFFFF;
	z-index:3000;
}
#sub-navigation-list li ul li ul li{ 
	position:relative;	
	float:left;
	padding:0;
	margin:0;	
	width:200px;
	list-style-image:none;
	font-size:11px;
}
#sub-navigation-list li ul li ul li a {
	display:block;
	padding:4px 13px 0 13px;
	margin:0;	
	width:174px;
	height:19px;
	background-color:#d3d3d3;
	color:#181818; 
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
	filter: alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;	
}
#sub-navigation-list li ul li ul li a:hover, #sub-navigation-list li ul li ul li a.active {
	background-color:#e30303;
	color:#FFFFFF;
	text-decoration:none;
}
#sub-navigation-list li:hover ul ul, #sub-navigation-list li:hover ul ul ul, #sub-navigation-list li.sfhover ul ul, #sub-navigation-list li.sfhover ul ul ul {
	left:-999%;
}
#sub-navigation-list li:hover ul, #sub-navigation-list li li:hover ul, #sub-navigation-list li li li:hover ul, #sub-navigation-list li.sfhover ul, #sub-navigation-list li li.sfhover ul, #sub-navigation-list li li li.sfhover ul {
	left:auto;
}
#navigation {
	float:left;
	display:inline;
	padding:0;
	margin:0 0 0 4px;
	width:745px;
	height:43px;
	background-image:url(/img_web/navigation-bg.gif);
}
#navigation-list, #navigation-list ul {
	padding:0 0 0 40px;
	margin:0;
	width:705px;
	height:43px;
	list-style:none;
	z-index:500;
}
#navigation-list li { 	
	float:left;
	padding:0;
	margin:0;	
	list-style-image:none;
	font-size:11px;
}
#navigation-list li a {
	*float:left; /* IE6 ISSUE */
	display:block;
	padding:12px 35px 12px 0;
	height:18px;
	margin:0;	
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
#navigation-list li a:hover, #navigation-list li a:active, #navigation-list li a.active {
	color:#181818;
	text-decoration:none;
}
#navigation-list li ul {
	*clear:left; /* IE6 ISSUE */
	position:absolute;
	padding:0;
	margin:0 0 0 -20px;	
	left:-999%;
	width:200px;
	border-top:1px solid #FFFFFF;
	z-index:3000;
}
#navigation-list li ul li{ 
	float:left;
	padding:0;
	margin:0;	
	width:200px;
	list-style-image:none;
	font-size:11px;	
}
#navigation-list li ul li a {
	display:block;
	padding:4px 13px 0 13px;
	margin:0;	
	width:174px;
	height:19px;
	background-color:#d3d3d3;
	color:#181818; 
	text-decoration:none;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
	filter: alpha(opacity:90);
	KHTMLOpacity:0.90;
	MozOpacity:0.90;
	opacity:0.90;		
}
#navigation-list li ul li a:hover, #navigation-list li ul li a:active, #navigation-list li ul li a.active {
	background-color:#e30303;
	color:#FFFFFF;
	text-decoration:none;
}
#navigation-list li:hover ul ul, #navigation-list li:hover ul ul ul, #navigation-list li.sfhover ul ul, #navigation-list li.sfhover ul ul ul {
	left:-999%;
}
#navigation-list li:hover ul, #navigation-list li li:hover ul, #navigation-list li li li:hover ul, #navigation-list li.sfhover ul, #navigation-list li li.sfhover ul, #navigation-list li li li.sfhover ul {
	left:auto;
}