﻿
ul, li, a, body
{
margin: 0; 
padding: 0;
}

#example1 ul, li, a
{
margin: 0; 
padding: 0;

font-weight: bold;
font-style: italic;
font-size:13px
}

#example1 a
{
color: #292929;
text-decoration: none;
}

#example1 ul
{
height: 1.5em;
margin: 1em auto 0;
width: 100%;/*18em;*/
/*float:left*/

}

#example1 li
{
background-color: #bdbdbd;/*#CCFFFF*/;
border-right: 1px solid #292929;
display: inline;
float: left;
line-height: 1.5em;
padding: 0 .5em 0;
position: relative;
text-align: center;
}

#example1 li:hover
{
background-color: #9fa6b8;/*#CCFF99;/*#009900;/*#faa41a;*/
}

/* Second tier */

#example1 li ul
{
background-color: e3e3e3;
display: none;
height: auto;
left: 0;
margin: 0;
position: absolute;
top: 100%;
width: 10em;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

#example1 li:hover ul
{
display: block;
}

#example1 li ul li
{
border-bottom: 1px solid black;
border-right: 1;/*none;*/
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}

#example1 li ul li a
{
padding-left: .3em;
}

#example1 li ul li:hover a
{
background-color:#9fa6b8;/*#CCFF99;/* #BEC15A;/*#faa41a;*/
display: block;
height: 100%;
}

.noBorder
{
border: 1;/*none;*/
}
.banner {
	MARGIN-TOP: -180px; Z-INDEX: 1; LEFT: 50%; MARGIN-LEFT: -328px; POSITION: absolute; TOP: 50%
}
