/*  
FILE NAME: nav.css 
DATE MODIFIED:(Insert date here)  
DESCRIPTION: This stylesheet styles the look and feel for CLIPS navigation
VERSION:1.1
AUTHOR: (Insert name here)
*/
body {
	margin:0;
	padding:0;
	background-color:#060606;
	font:80% verdana, arial, sans-serif;
	background-image: url(graphics/dark_nav.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
h1 {
	font-size:90%;
	color:#000;
	background: url(graphics/left_nav_h1.png) no-repeat top right;
	_background: url(graphics/left_nav_h1.gif) no-repeat top right;
	margin:0 0 0 0px;
	width:141px;
	padding: 20px 10px 10px 10px;
	}

 ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#menu img {
	border: 0;
	}

#menu {
	/* 
	The navigation is an unordered list (ul)
	it contains list items (li - these are the top level nav items) 
	The second and third level items themselves nested are list items */
	width:160px;
	background:url(graphics/left_nav_closeNav.png) no-repeat bottom right;
	_background:url(graphics/left_nav_closeNav.gif) no-repeat bottom right;
	border:0;
	margin:0 0 0 0px;
	padding:5px 0 45px 0;
	}
/*---------------------------------- first level---------------------------*/
/*  these are the top level nav items */
#menu ul {
	background: url(graphics/left_nav_current_bottom.png) no-repeat bottom right;
	_background:url(graphics/left_nav_current_bottom.gif) no-repeat bottom right;
	margin:0 0 3em 0;
	padding:0;
	}	
#menu li{
	margin:auto 0;
	padding:0;	
	text-align:left;
	border-top:solid 1px #fff;
	}
	
#menu li a{
	color: #000;
	text-decoration: none;
	display: block;
	border: 0;
	height: 100%;
	padding:0.2em 0 0.2em 1.2em;
	margin:0;
	background-repeat:no-repeat;
	background-position:top left;
}
#menu li a:link,
#menu li a:visited{	
}
#menu li a:focus,
#menu li a:hover,
#menu li a:active{
	background-color: #EFEFEF;
}
/* first level menu cannot be expanded */
#menu li.none a{
	color: #000;
	background-image:url(graphics/lvl1_none.png);
	_background-image:url(graphics/lvl1_none.gif);
}
#menu li.none a:link,
#menu li.none a:visited{	
}
#menu li.none a:focus,
#menu li.none a:hover,
#menu li.none a:active{
	color: #113546;
	background-image: url(graphics/lvl1_none_over.png);
	_background-image:url(graphics/lvl1_none_over.gif);
}
	
/* first level menu closed */
#menu li.closed a {
	background-image:url(graphics/lvl1_closed.png);
	_background-image:url(graphics/lvl1_closed.gif);
}
#menu li.closed a:link,
#menu li.closed a:visited{	
}
#menu li.closed a:focus,
#menu li.closed a:hover,
#menu li.closed a:active{
	color:#1F3F5E;
	background-image:url(graphics/lvl1_closed_over.png);
	_background-image:url(graphics/lvl1_closed_over.gif);
}

/* first level menu expanded */	
#menu li.expanded{
	background:url(graphics/left_nav_current_top.png) no-repeat top right;
	_background:url(graphics/left_nav_current_top.gif) no-repeat top left;
	padding:1em 0 0.3em 0.5em;/*-----------------margin needed for underline to sit in 0.5em*-----------------*/
	margin:0;
	}
#menu li.expanded a {
	color:#000;
	font-weight : bold;
	border-bottom: 2px solid #77B1C1;
	margin:0 0 0 0.5em;
	padding: 0.5em 0.2em 0.5em 1em;
}	
#menu li.expanded a:link,
#menu li.expanded a:visited{	
}
#menu li.expanded a:focus,
#menu li.expanded a:hover,
#menu li.expanded a:active{
	color:#1F3F5E;
	background-color:Transparent; /* needed because of image */
}
/*-------------------------------currrent links-----------------------*/
#menu li a.current{
	font-weight: bold;
}
/*-------------------------------first level currrent-----------------------*/
/* current. first level cannot be expanded */
#menu li.none a.current{
}
#menu li.none a.current:link,
#menu li.none a.current:visited {	
	color:#000;
}
#menu li.none a.current:focus,
#menu li.none a.current:hover,
#menu li.none a.current:active{
	color:#103A4C;
}
	
/* current. first level closed */
#menu li.closed a.current{
}
#menu li.closed a.current:link,
#menu li.closed a.current:visited{
}
#menu li.closed a.current:focus,
#menu li.closed a.current:hover,
#menu li.closed a.current:active{
}
	
/* current. first level menu expanded */
#menu li.expanded a.current{
	color:#1F3F5E;
}
#menu li.expanded a.current:link,
#menu li.expanded a.current:visited,
#menu li.expanded a.current:active,
#menu li.expanded a.current:focus  {	
}
#menu li.expanded a.current:hover{
	color:#fff;
}
	
/*---------------------------------- Second level---------------------------*/
#menu li.expanded ul {
	margin:0 0 0.3em -0.5em;/*--Compensates for first level #menu li.expanded padding-left--*/
	padding:0 0 2.3em 0;
	background-color:transparent;
}
#menu li.expanded ul li {
	text-align: left;
	background-color:#fff;
	padding-left:0;
	margin:0 0 0 5px;
	padding:0;
	border-bottom:dashed 1px #999;
	background-image:none;
}
/* second level items */	
#menu li.expanded ul li a{
	color: #575757;
	text-decoration:none;
	font-weight:normal;
	display:block;
	border:0;
	height: 100%;
	padding:0.2em 0.2em 0.2em 1.2em;
	margin:0;
}

#menu li.expanded ul li a:link, 
#menu li.expanded ul li a:visited,  
#menu li.expanded ul li a:active{	
}

#menu li.expanded ul li a:focus,
#menu li.expanded ul li a:hover{
	color: #1F3F5E;
	background-color: #ECECEC;
}
/* second level cannot be expanded*/
#menu li.expanded ul li.none a{
}
#menu li.expanded ul li.none a:link, 
#menu li.expanded ul li.none a:visited,
#menu li.expanded ul li.none a:active{
 	background-image:url(graphics/lvl2_none.gif);
}
#menu li.expanded ul li.none a:focus, 
#menu li.expanded ul li.none a:hover{
	background-image:url(graphics/lvl2_none_over.gif);
}
	
/* second level not expanded*/
#menu li.expanded ul li.closed a{
}
#menu li.expanded ul li.closed a:link, 
#menu li.expanded ul li.closed a:visited,
#menu li.expanded ul li.closed a:active{
 	background-image:url(graphics/lvl2_closed.gif);
}
#menu li.expanded ul li.closed a:focus, 
#menu li.expanded ul li.closed a:hover{
	background-image:url(graphics/lvl2_closed_over.gif);
}

/* second level expanded - means it is the current section heading but not necessarily current item*/
#menu li ul li.expanded 
{
	background-image:none;
}
#menu li.expanded ul li.expanded a{
	background-image:none;
	background-color: #DDEBF0;
	font-weight:bold;
	color:#000;
	padding-left:1.3em;
}
#menu li.expanded ul li.expanded a:link, 
#menu li.expanded ul li.expanded a:visited,
#menu li.expanded ul li.expanded a:active {
 	background-image:url(graphics/lvl2_expand.gif);
	background-color : #DDEBF0;	
}
#menu li.expanded ul li.expanded a:focus, 
#menu li.expanded ul li.expanded a:hover{
	background-color : #DDEBF0;
	background-image:url(graphics/lvl2_expand_over.gif);
}
/*-------------------------------second level currrent-----------------------*/
/* current. second level cannot be expanded */
	
#menu li.expanded ul li.none a.current{	
	color:#000;
	background:#E6E6E6 url(graphics/lvl2_none.gif) no-repeat top left;
	}
#menu li.expanded ul li.none a.current:link,
#menu li.expanded ul li.none a.current:visited,
#menu li.expanded ul li.none a.current:active {
	color:#000;
	background-image:url(graphics/lvl2_current_none.gif);
}
#menu li.expanded ul li.none a.current:focus,
#menu li.expanded ul li.none a.current:hover{
	color:#2B5782;
	background-image:url(graphics/lvl2_current_none_over.gif);
}

/* current. second level closed */
#menu li.expanded ul li.closed a.current:link,
#menu li.expanded ul li.closed a.current:visited
#menu li.expanded ul li.closed a.current:active{	
	color: #FF33FF;
	background-image:url(graphics/lvl2_current_closed.gif);
	}
#menu li.expanded ul li.closed a.current:focus,
#menu li.expanded ul li.closed a.current:hover{
	color:#575757;
	background-image:url(graphics/lvl2_current_closed_over.gif);
}
	
/* current. second level expanded */
#menu li.expanded ul li.expanded a.current{	
	color:#000;
	background-color:#DDEBF0;
	background-image:url(graphics/lvl2_current_expand.gif);
}	
#menu li.expanded ul li.expanded a.current:link,
#menu li.expanded ul li.expanded a.current:visited,
#menu li.expanded ul li.expanded a.current:active {		
	background-image:url(graphics/lvl2_current_expand.gif);/*Renee - In IE 6 this graphic needs to go here otherwise it doesn't show up.*/
}

#menu li.expanded ul li.expanded a.current:focus,
#menu li.expanded ul li.expanded a.current:hover{
	color:#1C3853;
	background-image:url(graphics/lvl2_current_expand_over.gif);
}	
/*--------------------------------third level--------------------------------*/
#menu li.expanded ul li.expanded ul{
	background-image:none;
	background-color: #EFF6F8;
	padding:0;
	border-top:1px dashed #999;
	margin:0;
}
#menu li.expanded ul li ul li{
	background-color:#F2F2F2;
}
#menu li.expanded ul li.expanded ul li.none {
	color:#336699;
	text-align: left;
	background-color: transparent;
	padding:0 0 0 1em;
	margin:0;
}

/* third level menu */
#menu li.expanded ul li.expanded ul li.none a{
	background-color:transparent;
	font-weight : normal;
	margin:0 0 0 -0.5em;
}
#menu li.expanded ul li.expanded ul li.none a:link,
#menu li.expanded ul li.expanded ul li.none a:visited,
#menu li.expanded ul li.expanded ul li.none a:active {	
	background-image:url(graphics/lvl3.gif);
	background-color:transparent;
	color:#254A6F;
}
#menu li.expanded ul li.expanded ul li.none a:focus,
#menu li.expanded ul li.expanded ul li.none a:hover{
	color:#000;
	background-image:url(graphics/lvl3_over.gif);
	background-color:transparent;
}

/*-------------------------------third level currrent-----------------------*/
/* current. third level cannot be expanded */
#menu li.expanded ul li.expanded ul li.none a.current{
	color:#254A6F;
	font-weight : bold;
	text-align: left;
	background-color : transparent;
	border:0;
	padding:0.2em 0.2em 0.2em 1.4em;
}
#menu li.expanded ul li.expanded ul li.none a.current:link,
#menu li.expanded ul li.expanded ul li.none a.current:visited,
#menu li.expanded ul li.expanded ul li.none a.current:active{	
	background-color : transparent;
	padding:0.2em 0.2em 0.2em 1.4em;
	background-image:url(graphics/lvl3_current.gif);
}

#menu li.expanded ul li.expanded ul li.none a.current:focus,
#menu li.expanded ul li.expanded ul li.none a.current:hover{
	color:#000;
	background-image:url(graphics/lvl3_current_over.gif);
	background-color : transparent;
	padding:0.2em 0.2em 0.2em 1.4em;
}
noscript p{
background-color:#f00;
}