/************************************************************************
/*
/*    NatesDawgs.com Site Menu styling rules
/*     
/*    Rules on this page will govern the styling for the site menu under the header
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


/************************************************************************
/*
/*    end VARIABLES
/*
/************************************************************************/


/*
/************************************************************************/

#menu_container_table {
 width:100%;
 border:0px; 
 border-collapse:collapse;
 background-color: #EDEDED;
}

#menu_container_table table.container {
 border:0px;
 border-collapse:collapse;
}

#menu_container_table table.container td {
 text-align:center;
}

#menu {
 position: relative;
 height: 3.5em;
 padding: 0em 0.0em 0em 0.0em;
 margin-bottom: 2px;
}

#menu ul1 {
 position: absolute;
 top: 1.1em;
}

#menu ul1 li {
 position: relative;
 display: inline;
}

#menu ul1 li a {
 padding: 0.5em 1.0em 0.9em 1.0em;
 color: #fff; 
 text-decoration: none;
}

#menu ul1 li a:hover {
 text-decoration: underline;
}

#menubottom {
 background: #ffffff url('css_images/border1.gif') repeat-x; 
 height: 8px;
 margin-bottom: 0.0em;
 width: 100%;
}

table.menu_links_table td.headerPic {
 border:1px #333333 dotted;
}

table.menu_links_table td.headerPic div {
 height:130px;
 line-height:2.0em;
 text-decoration:underline;
} 

table.menu_links_table td.headerPic img {
 border:0px;
 vertical-align:middle;
 margin:auto;
}


/************************************************************************
/*
/*    begin MENU SPECIFIC rules
/*
/************************************************************************/

.mbmenu {
 display:none;
}

.rootVoices {
 background-color:#EDEDED;
 padding:5px;
 padding-bottom:0;
 border:0px;
 border-collapse:collapse;
}

.rootVoices td.rootVoice {
 vertical-align:middle;
 width:120px;
 font-family:Arial,Helvetica,sans-serif;
 text-shadow:#fff 1px 1px 1px;
 color: black;
 font-size:14px;
 line-height:18px;
 padding:8px;
 cursor: pointer;
}

.rootVoices td.rootVoice.selected {
 background: red url("css_images/bgnd_sel_4.png");
 padding:8px;
 width:120px;
 color:#fff;
 cursor: pointer;
 font-size:14px;
 text-shadow:#660033 1px 1px 1px;
 -moz-box-shadow:#999 2px 2px 10px;
 -webkit-box-shadow:#999 2px 2px 10px;  
 -moz-border-radius:8px 8px 0 0px;
 -webkit-border-top-right-radius:8px;
 -webkit-border-top-left-radius:8px;
 -webkit-border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
}

.rootVoices td.rootVoice.disabled.selected {
 -moz-box-shadow:#ddd 2px 2px 10px;
 -webkit-box-shadow:#ddd 2px 2px 10px;
 color:#fff;
 text-shadow:#fff 1px 1px 1px;
}

.menuShadow {
 padding:2px;
 padding-bottom:0px;
 left:-2px;
 top:1px;
}

.menuContainer {
 position:absolute;
 background-color:#f3f3f3;
 border-top:5px solid red;
 padding:0;
 -moz-box-shadow:#999 2px 5px 10px;
 -webkit-box-shadow:#999 2px 5px 10px;
 -moz-border-radius: 0 0 8px 8px;
 -webkit-border-top-right-radius:0px;
 -webkit-border-top-left-radius:0px;
 -webkit-border-bottom-right-radius:8px;
 -webkit-border-bottom-left-radius:8px;
}

.menuContainer.submenuContainer { 
 border-top:none!important;
}

.menuContainer.disabled {
 -moz-box-shadow:#ddd 2px 5px 10px;
 -webkit-box-shadow:#ddd 2px 5px 10px;
 border-top:5px solid #f9f9f9;
 background-color: #f3f3f3;
}

.menuContainer .line { 
 background-color:transparent;
 width:100%;
}

.menuContainer .line.title {
 background: transparent url("css_images/bgnd_sel_4.png");
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
 border-bottom:1px solid black;
 text-align:left;
}

.menuContainer.disabled .line.title {
 background-color: #f9f9f9;
}

.menuContainer .line.title a,
.menuContainer .line.title a:visited {
 font-size:14px;
 color:#FFF;
 text-shadow:#660033 1px 1px 1px;
}

.menuContainer.disabled .line.title a,
.menuContainer.disabled .line.title a:visited {
 font-size:14px;
 color:#aaa;
 text-shadow:#fff 1px 1px 1px;
}

.menuContainer td a,
.menuContainer td a:visited {
 text-decoration:none;
 color: #666;
 text-shadow:#fff 1px 1px 1px;
 text-align:left;
}

.menuContainer td.voice {
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 padding:7px;
 text-decoration:none;
 text-align:left;
 min-width:150px;
 width:150px;
}

.menuContainer .separator {
 background-color:#999;
 height:1px;
 padding:0;
 margin:0;
}

.menuContainer td.img {
 font-family:Arial,Helvetica,sans-serif;
 text-align:left;
 font-size:12px;
 color: #c3c3c3;
 background-color:transparent;
 width:24px;
 padding:5px;
 border:0px;
}

.menuContainer td.img img {
 width:20px;
 border:0px;
}

.menuContainer .textBox {
 padding: 10px;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 color: #999;
}

.menuContainer .selected td {
 background-color:#f3f3f3;
 background-image:url("css_images/bgnd_sel_2.jpg")
}

.menuContainer .selected td a,
.menuContainer .selected td a:visited {
 color:#000;
 text-shadow:#fff 2px 2px 1px;
 display:block;  
}

.menuContainer .disabled td, .menuContainer .disabled td a,
.menuContainer .disabled td, .menuContainer .disabled td a:visited {
 color:#bbb;
 text-shadow:#fff 1px 1px 4px;
}

.menuContainer .subMenuOpener {
 background-image:url("css_images/menuArrow.gif");
 background-repeat:no-repeat;
 background-position:right;
 text-align:left;
}

.menuContainer .selected .subMenuOpener {
 background-image:url("css_images/menuArrow.gif");
 background-repeat:no-repeat;
 background-position:right;
 text-align:left;
}

/*BOX MENU*/

.boxMenu {
 width:900px;
 color:#f3f3f3;
 border-top:0px solid red;
 background:url("css_images/box_top.png") repeat-x;
}

.boxMenu h4 {
 white-space:nowrap;
 margin:0 0 20px 0;
 padding:3px;
 font:18px/20px georgia, serif;
 padding-right:20px;
 text-shadow:#666 2px 2px 1px;
}

.boxMenu td {
 width:175px;
 min-width:175px;
 vertical-align:top;
 text-align:center;
 border-right:1px solid #999;
}

.boxMenu .title {
 background:#f3f3f3;
 -moz-box-shadow:#666 2px 2px 4px;
 -webkit-box-shadow:#666 2px 2px 4px;
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
 border-bottom:1px solid black; 
}

.boxMenu .title a {
 font-size:14px;
 color:#FFF;
 text-shadow:#660033 1px 1px 1px;
}

.boxMenu td:hover {
 background:url(css_images/box_menu_over.png);
 -moz-box-shadow:#666 2px 2px 4px;
 -webkit-box-shadow:#666 2px 2px 4px;
 text-align:center;
}

.boxMenu td:hover a {
 margin-right:3px;
 text-shadow:#fff 1px 1px 1px;
 color:#000;
}

.boxMenu td:last-child {
 min-width:175px;
 vertical-align:top;
 border-right:none;
}

.boxMenu a {
 font-size:11px;
 white-space:nowrap;
 display:block;
 padding:2px;
 margin-bottom:0px;
}

.boxMenu img {
 padding-right:5px;
 border:0px;
}

.boxMenu a:hover {
 color:#000;
 text-shadow:#fff 2px 2px 1px;
 background-image:url("css_images/bgnd_sel_2.jpg");
 -moz-box-shadow:#666 2px 2px 4px;
 -webkit-box-shadow:#666 2px 2px 4px;
}

/************************************************************************
/*
/*    end MENU SPECIFIC rules
/*
/************************************************************************/