/************************************************************
Title:     Navcontainer | Emile Blume - Netcreators.com
************************************************************/
#navigation ul, #navigation li, ul.csc-menu, .csc-menu li,
#left ul, #left li, #footer ul, #footer li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation li.last, #navigation li.last { border: none;}

/* Main navigation /////////////////////////////////////////*/
#nav-top {
	background:#D52709;
	left: 3px;
	top: 158px;
	position: absolute;
	height:29px;
	padding:4px 0 0 9px;
	width:736px;
	z-index: 300;
}

/* Meta navigation ///////////////////////////////////////////*/
#nav-meta {
	background:#FFF;
	height:25px;
	left:3px;
	top:0px;
	position:absolute;
	width:960px;
}

#nav-meta ul { margin-left:6px;}
#nav-meta li { display:inline; }
#nav-meta li.first a { margin-left:10px; }

#nav-meta li a {
	background:url(../images/pipe.gif) no-repeat right 7px;
	color: #706D78;
	display:block;
	font-size:10px;
	height:18px;
	padding: 4px 10px 0;
	text-decoration: none;
	
	float:left;
}

#nav-meta li a.current { color:#706D78;}
#nav-meta li a:hover { color:#D64DA0;}
#nav-meta li.last a { background:none; }

/* Nav sub ////////////////////////////////////////////////////////////////////*/
#nav-sub {
	background:#F3F3F3 url(../images/bg-left.gif) no-repeat left bottom;
	padding-bottom:5px;
	width:166px;
}

#nav-sub li { margin-left:8px; }

#nav-sub li a {
	color:#414141;
	display:block;
	font-size:10px;
	padding:2px 7px; 
	text-decoration:none;
}

#nav-sub li a:hover { background:#ECECEC; }
#nav-sub li a.current { background:#FFF; color:#D52709;}
#nav-sub li a.active { background:#FFF; }

#nav-sub li ul { background:#FFF; }
#nav-sub li li a { 
	background:#FFF url(../images/arrow-gray.gif) no-repeat 7px 8px;
	padding: 2px 4px 2px 20px; 
}

#nav-sub li li a:hover, #nav-sub li li a.active, 
#nav-sub li li a.current { 
	background:#FFF url(../images/arrow-gray.gif) no-repeat 7px 8px;
	color:#D52709; 
}

/* Breadcrumb navigation ////////////////////////////////////////////////////////////////////*/
#bread { color:#A7A7A7; font-size:10px; margin-bottom: 18px;}
#bread * { color:#A7A7A7; font-size:10px; margin: 0.3em;}
#bread a { color:#D64DA0; text-decoration: none; }


/* Anchor tag (quiet) ////////////////////////////////////////////////////////////////////*/
.anchor { float: left; }




























/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.menu li {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
}

.menu li:hover { z-index:10000; white-space:normal;}
.menu li li { float: none; }

.menu li:hover>ul { visibility:visible; top:100%;}
.menu li li:hover>ul { top:0; left:100%;}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul { /* IE7 float clear: */ min-height: 0; }
/* -- float.clear.END --  */

/* -- sticky.submenu -- */
.menu ul {
	background-image: url(empty.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END ----------------------------------------------------- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li {
	color: #FFF;
	background: transparent;
}

.menu ul { width: 164px; }
.menu a {
	color: #FFF;
	display: block;
	font-size:12px;
	height:29px;
	margin-right:2px;
	padding-left:16px;
	position: relative;
	text-decoration: none;
}

.menu a span { 
	display: block;
	padding-right:16px;
	line-height:30px;
	height:29px;
}

.menu a:hover, .menu li:hover>a {
	background:url(../images/nav-top-left.gif) no-repeat left top;
	color: #0B496E;
}

.menu a:hover span, .menu li:hover>a span {
	background:url(../images/nav-top-right.gif) no-repeat right top;
	color: #0B496E;
}

.menu a.active, .menu a.current {
	background:url(../images/nav-top-left-act.gif) no-repeat left top;
	color: #4D4D4D;
}

.menu a.active span, .menu a.current span {
	background:url(../images/nav-top-right-act.gif) no-repeat right top;
	color: #4D4D4D;
}

.menu li { height:1%; }

#navigation .menu ul { 
	background:url(../images/nav-top-bottom.gif) no-repeat left bottom;
	padding-bottom:6px;
}

.menu li li { background:#DCDCDC; }
.menu li li a, .menu li li a.active, .menu li li a.current {
	background:#DCDCDC url(../images/arrow-blue.gif) no-repeat 16px 10px;
	color:#0B496E;
	height:auto;
	font-size: 11px;
	margin:0;
	padding:4px 16px 4px 26px;
	width:122px;
}

.menu li li a span, .menu li li a.active span, .menu li li a.current span {
	background:none;
	display: inline;
	float:none;
	line-height:normal;
	height:auto;
	margin:0;
	padding:0;
}

.menu li li a.current span { color:#FFF; }

.menu li.first li a { margin-left:0px; }
.menu li li a:hover, .menu li li:hover>a,
.menu li li a:active, .menu li li a.current { 
	background:#6C6C6C url(../images/arrow-white.gif) no-repeat 16px 10px;
	color:#FFF;
}

.menu li li:hover>a span { background:none; color:#FFF; }
.menu li li:hover>ul {
	top: 0px;
	left: 100%;
}

#navigation .menu ul ul { 
	background:url(../images/nav-top-corner.gif) no-repeat right top;
	margin:0;
	padding:0;
	padding-bottom:0;
	width: 199px;
}

#navigation .menu li li li { background:#6C6C6C;}
#navigation .menu li li li.first { margin-top:3px; }
#navigation .menu li li li.last { 
	background:transparent url(../images/nav-top-bottom2.gif) no-repeat left bottom;
	padding-bottom:6px;
}

.menu li li li a {
	background:#6C6C6C url(../images/arrow-gray.gif) no-repeat 16px 10px;
	color:#FFF;
	width:157px;
}

.menu li li li a:hover, .menu li li li:hover>a {
	background:#DCDCDC url(../images/arrow-blue.gif) no-repeat 16px 10px;
	color:#0B496E;
}

.menu li li li:hover>a span { background:none; color:#0B496E; }


/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
   placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	/*color: #FFF;*/
}

/* Fix for IE5/Mac \*//*/
.menu a { float: left;}
/* End Fix */