.navigation
{
clear:both;
width:750px;
height:30px;
color:white;
background:#5960a8 url('graphics/navback.jpg') repeat-x;
text-align:center;
border-top:1px navy solid;
border-bottom:1px navy solid;
padding-left:210px;
}

.navigation ul
{
display:inline;
list-style-type:none;
text-align:center;
margin:0 auto;
width:600px;
}

.navigation li
{
float:left;
height:30px;
position: relative;
}

.navigation li li
{
float: none;
font-size:14px;
}

.navigation a 
{
display: block;
font:15px Arial, sans-serif;
color:#ffffff;
text-align: center;
padding:5px;
padding-bottom:40px;
margin-right: 1px;
}

.navigation a:hover 
{
text-decoration: underline;
}

.navigation li li a 
{
height: auto;
background: none;
border: 0;
text-align: left;
margin: 0;
margin-bottom:1px;
line-height:20px;
border-bottom:1px solid #ffffff;
}

.ddContainer {
position: absolute;
top:5px;
left: -10055px;
}

.navigation li:hover .ddContainer
{
display: block;
width:198px;
left: -1px;
top:35px;
}

.ddContainer
{
background-color:#ccccff;
padding:0;
line-height:20px;
width:200px;
border:1px solid #333366;
z-index:1;
-webkit-box-shadow: rgba(0, 0, 0, .50) 2px 2px 8px;
-moz-box-shadow: rgba(0, 0, 0, .50) 2px 2px 8px;
-o-box-shadow: rgba(0, 0, 0, .50) 2px 2px 8px;
box-shadow: rgba(0, 0, 0, .50) 2px 2px 8px;
}

.ddContainer a
{
color:#000066;
text-decoration:none;
padding:3px 3px 3px 5px;
width:auto !important;
}

.ddContainer a:hover
{
background:transparent;
}  

.ddContainer ul
{
padding:5px;
}

.navigation ul.dd1
{
float:left; 
padding:2px;
width:194px;
height:100px
}

.navigation ul.dd2
{
float:left; 
padding:2px;
width:194px;
height:150px
}

.navigation ul.dd3
{
padding:2px;
width:194px;
height:250px
}