/*  new styles for vertical navigation */


#m_title {
	background-color: #eee; /*  yellow;  */
	text-align: center;  
	vertical-align: top;
	padding-top: 4px;
	padding-bottom: 4px;
}
.m_title {
	font-weight: Bold;
	font-size: 14px;
	font-family: Arial, sans;
	color: Navy;
	text-decoration:none;
}
.m_title a:link {
	font-weight: Bold;
	font-size: 14px;
	font-family: Arial, sans;
	color: Navy;
	text-decoration:none;
}
.m_title a:visited {
	font-weight: Bold;
	font-size: 14px;
	font-family: Arial, sans;
	color: Navy;
	text-decoration:none;
}
.m_title a:hover {
	font-weight: Bold;
	font-size: 15px;
	font-family: Arial, sans;
	color: Red;
	text-decoration:none;
}
.m_title a:active {
	font-weight: Bold;
	font-size: 14px;
	font-family: Arial, sans;
	color: Navy;
	text-decoration:none;
}





#vn_ddd {
	background-color: #ddd; 
	vertical-align: top;
	width: 140;
	text-align: left;  
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
}



#vn_whitesmoke {
	background-color: #F5F5F5; 
	vertical-align: top;
	width: 140;
	text-align: left;  
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
}



#active:hover li {display: block;}

#active li {display: none;}

#active:active li < ul {display: block;}


/*
.vernav li ul{display: none;}

.vernav li:hover > ul {display: block;}

.vernav li:active > ul {display: block;}
*/


/* ====================================================*/
/* ====================================================*/
/*  ListaMatic2, A List Apart's Taming list - nested   */
/* ====================================================*/

#navcontainer
{
margin-left: 0px;
width: 100%;
border-right: 1px solid #000;
padding: 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 5px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;
}

#navcontainer li li a
{
display: block;
padding: 5px 5px 5px 20px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #5ba3e0;
color: #fff;
text-decoration: none;
width: 100%;
}


/* ====================================================*/
/*  ListaMatic, Eric Meyer's tabbed horizontal list  */
/* ====================================================*/

#tablist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;


font-family: Verdana, sans-serif;
font-size: 12px;
font-weight: bold; 

}

#tablist li
{
list-style: none;
margin: 0;
display: inline;
}

#tablist li a
{
padding: 3px 0.5em;
margin-left: 5px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 12px;
/* font-weight: bold; */
}

#tablist li a:link { color: #448; 
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 12px;
/* font-weight: bold; */
}

#tablist li a:visited { color: #667; 
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 12px;
/* font-weight: bold; */
}

#tablist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
font-family: Verdana, sans-serif;
font-size: 12px;
/* font-weight: bold; */
}

#tablist li a#current
{
background: white;
border-bottom: 1px solid white;
}