#nav {width:990px; height:30px; background:#186591; padding-left:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#nav ul{list-style:none;}
#nav li{
	float:left;
	margin-right:4px;
	position:relative;
	line-height:30px;
}
#nav a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 20px 0 20px;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul ul{ /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:3;
}
#nav .select a{
	background:#8CD5FF;
	color:#000;
	text-decoration:none;
}
#nav ul ul li{
	border-top:1px solid #FFFFFF; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul li ul{
	list-style:none outside;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#8CD5FF;
	color:#000;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background:#186591;
	color:#FFF;
	width:170px;
	text-align:left;
	padding:0 20px 0 12px;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#8CD5FF;
	color:#000;
	width:170px;
	text-align:left;
}

.navbar{ width:980px; height:11px; background:#FFF; float:left; padding:0 10px 0 10px; height:11px; background-image: url(../images/base/nvdot-left-top.png), url(../images/base/nvdot-right-top.png); background-position:top left, top right; background-repeat: no-repeat, no-repeat;}

/* Footer properties ======================================================== */
#footnav {width:990px; height:30px; background:#186591; padding-left:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

#footnav ul{
	list-style:none;
}
#footnav li{
	float:left;
	margin-right:4px;
	position:relative;
	line-height:30px;
}
#footnav a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0 20px 0 20px;
}
#footnav li a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:none;
}
#footnav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#footnav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#footnav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#8CD5FF;
	color:#000;
	text-decoration:none;
}
#footnav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background:#186591;
	color:#FFF;
	width:150px;
	text-align:left;
	padding:0 20px 0 12px;
}
#footnav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#8CD5FF;
	color:#000;
	width:150px;
	text-align:left;
}



/* panel */
.panel, .panelcollapsed 
{
	padding: 0px 0px 2px;
	width: 265px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

/* panel heading */
.panel h2{
	width:265px;
	height:33px;
	font-family:"Century Gothic", Arial;
	/*color:#186591;*/
	color:#000;
	font-size: 15px;
	font-weight: normal;
	line-height:32px;
	text-indent:28px;
	background-image:url(../images/menu/rec-header.html);
	cursor:pointer;	
}

/* panel heading on rollover */
.panel h2:hover, .panelcollapsed h2:hover { width:265px;
	height:33px;
	font-family:"Century Gothic", Arial;
	/*color:#186591;*/
	color:#000;
	font-size: 15px;
	font-weight: normal;
	line-height:32px;
	text-indent:28px;
	background-image:url(../images/menu/rec-header.html); cursor:pointer; }

/* heading of a collapsed panel */
.panelcollapsed h2 
{
	width:265px;
	height:33px;
	font-family:"Century Gothic", Arial;
	/*color:#186591;*/
	color:#000;
	font-size: 15px;
	font-weight: normal;
	line-height:32px;
	text-indent:28px;
	background-image:url(../images/menu/rec-header.html);
	cursor:pointer;
}

/* panel content - do not set borders or paddings */
.panelcontent 
{  
	overflow: hidden;
}
.panelcontent p{
	width:265px;
	height:27px;
	background:url(../images/menu/rec-link.html);
	line-height:27px;
	padding:0;
	margin:0;
	text-indent:32px;	
}
.panelcontent p a{
	color:#000;
	text-decoration:none;	
}

/* collapsed panel content */
.panelcollapsed .panelcontent { display: none; }


/* breadcrumb properties ======================================================== */
		.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 14px Helvetica, Arial, Sans-Serif;
		}
		.breadcrumb li { 
			float: left; 
		}
		.breadcrumb li a {
			color: #000000;
			text-decoration: none; 
			padding: 8px 42px 8px 84px;
			background: #C1C1C1; 
			position: relative; 
			display: block;
			float: left;
			width:auto;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid #C1C1C1;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid #FFFFFF;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 1px;
			left: 100%;
			z-index: 1; 
		}	
		
		.breadcrumb li:first-child a {
			padding-left: 55px;
		}
		
		.breadcrumb .select a       { background:        #666666; color:#FFFFFF; }
		.breadcrumb .select a:after { border-left-color: #666666; }
		
		.breadcrumb li a:hover { background: #666666; color:#FFFFFF; }
		.breadcrumb li a:hover:after { border-left-color: #666666 !important; }


.marquee {
    background-color: #d3d4d3;
    height: 24px;
}