/*PL Williamson 2009
 Drop Down CSS Menu*/
 
.DDMenu {
position:relative;
margin:0 auto;
z-index:100;
width:810px;
height:33px;
background:#ffffff url(images/Nav.png) center center;
text-align:center;}
.DDMenu ul {
position:relative;
display:inline-block;
margin:0;padding:0;
list-style-type:none;}
* html .DDMenu ul {
display:inline;}
*+html .DDMenu ul {
display:inline;}
.DDMenu li {
float:left;margin:0;
padding:0px 1px 0px 0;}
.DDMenu li:hover,.DDMenu li a:hover {
position:relative;}
.DDMenu a {
display:block;
float:left;
height:33px;
white-space:nowrap;
padding:0 7px 0 5px;
font:11px/33px Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
text-align:left;
color:#ffffff;background:url(images/Nav.png) center right;
margin-top:0;  /*this is for mozilla,firefox and Opera*/}
.DDMenu li:hover a,.DDMenu a:hover {
background:#999999 url(images/Nav2.png) center right;}
.DDMenu a.line {
background:none;}
.DDMenu ul ul {
position:absolute;
display:block;
left:-9999px;top:-9999px;
width:156px;
height:auto;
background:#ffffff url(images/side-sub-bg.gif) repeat-y center left;}
.DDMenu table {
margin-top:-1px;
border-collapse:collapse;}
.DDMenu ul :hover ul {
left:0px;top:33px;}
.DDMenu li li {width:154px;
padding:0 1px 1px 1px;}
.DDMenu ul ul a,.DDMenu ul :hover ul a {
float:none;
margin:0;
width:140px;
height:auto;
white-space:normal;
padding:6px 8px 7px 6px;
font:11px/11px Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
color:#000000;
background:#ffffff url(images/side-sub.jpg) no-repeat top left;}
.DDMenu ul :hover ul .sub a {
margin-top:1px;}
.DDMenu ul ul :hover a,.DDMenu ul ul a:hover {
color:#ffffff;
background:#aaaaaa url(images/side-sub.jpg) no-repeat bottom left;}
.DDMenu br {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;}