/* CSS Document */
#topSection {
  position:relative;
  left:0;
  top:0;
  margin:0;
  padding:0px;
  /*background-color:#eae9e7; height:170px; */
 z-index:99;/* we need zindex here for nav to work properly -- without collapsing when mouse over drop down items*/
 }
div#topNav
{ /*container for menu*/
position:relative;
clear:both;
height:44px; vertical-align:top;
margin-top:0px;
/*background-image:url(../images/Login_bg.jpg);
background-repeat:no-repeat;*/
}

div#menu{position:absolute;top:0px;; } 

#menu ul:hover .item{display:block;  position: relative; width:150px; margin-left:100px;} /* width of the drop down box*/
#menu ul#item1:hover .item{display:block;position:relative;width:190px;margin-left:100px;}/*this is a bigger menu width*/

/*#menu ul#item11:hover .item{display:block;position:relative;left:-10px; width:82px;}*//*make right side menus display to the left*/
#menu ul{position: relative; z-index:10000;list-style-type:none; margin:0; }


#menu ul#item7a{padding:0;position:absolute;top:0px;left:0; height:44px; width:10px; background-image:url(../images/left-nav-en.jpg); background-color:#ffffff; } 

#menu ul#item1{padding:0;position:absolute;top:0px;left:10px; width:170px; } 
#menu ul#item1a{padding:0;position:absolute;top:0px;left:180px; width:1px; } 
#menu ul#item2{padding:0;position:absolute;top:0px;left:181px; width:114px; } 
#menu ul#item2a{padding:0;position:absolute;top:0px;left:295px; width:1px; } 
#menu ul#item3{padding:0;position:absolute;top:0px;left:296px; width:78px; }  /*projects*/
#menu ul#item3a{padding:0;position:absolute;top:0px;left:374px; width:1px; } 
#menu ul#item4{padding:0;position:absolute;top:0px;left:375px; width:94px; }  /*proomos*/
#menu ul#item4a{padding:0;position:absolute;top:0px;left:469px; width:1px; } 
#menu ul#item5{padding:0;position:absolute;top:0px;left:470px; width:180px; } 
/*last menu item*/
/*products coming soon*/
#menu ul#item6{padding:0;position:absolute;top:0px;left:650px; width:317px; } 
/*right edge of nav bar*/
#menu ul#item7{padding:0;position:absolute;top:0px;left:967px; width:10px; } 
/*
#menu ul#item8{padding:0;position:absolute;top:0px;left:629px; width:72px; } 
#menu ul#item8a{padding:0;position:absolute;top:0px;left:701px; width:1px; } 
#menu ul#item9{padding:0;position:absolute;top:0px;left:702px; width:103px; } 
#menu ul#item9a{padding:0;position:absolute;top:0px;left:805px; width:1px; } 
#menu ul#item10{padding:0;position:absolute;top:0px;left:806px; width:111px; } 
#menu ul#item10a{padding:0;position:absolute;top:0px;left:917px; width:5px; background-image:url(../images/white-bar.jpg); background-color:#FFFFFF; } 

#menu ul#item11{padding:0;position:absolute;top:0px;left:922px; width:82px; } 
*/

#menu ul li.item{display:none; position: relative; z-index:1000000;padding-left:10px;padding-bottom:5px; background-color:#cacaca;} 


#menu ul:first-child li.item{position:relative;} 


#menu ul li.item a{display:block; color:#000; text-align:left; position: relative;} 
#menu ul li.item a:hover{color:#dc1133; text-align:left; position: relative;} 

 
/*#menu ul#item6 li.item a, #menu ul#item7 li.item a{text-align:right; padding-right:10px; position: relative;}  right aligning drop downs*/
#menu ul#item11 li.item a{text-align:right; padding-right:10px; position: relative;}  


#menu ul#item1 li.top{background-color:#FFFFFF;height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item1 li.top:hover{  height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item1a li.top{width:1px; height:44px; background-image:url(../images/nav-red.jpg);position: relative;} 
#menu ul#item2 li.top{background-color:#FFFFFF;height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item2 li.top:hover{height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item2a li.top{width:1px; height:44px; background-image:url(../images/nav-red.jpg);position: relative;} 
#menu ul#item3 li.top{background-color:#FFFFFF; height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item3 li.top:hover{height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item3a li.top{width:1px; height:44px; background-image:url(../images/nav-red.jpg);position: relative;} 
#menu ul#item4 li.top{background-color:#FFFFFF; height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item4 li.top:hover{ height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item4a li.top{width:1px; height:44px; background-image:url(../images/nav-red.jpg);position: relative;} 
#menu ul#item5 li.top{background-color:#FFFFFF; height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item5 li.top:hover{ height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item6 li.top{background-color:#FFFFFF; height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item6 li.top:hover{ height:44px; background-image:url(../images/nav-y.jpg);position: relative;} 
#menu ul#item7 li.top{background-color:#FFFFFF; height:44px; background-image:url(../images/right-nav-end.jpg);position: relative;} 




div.menuText{padding-top:12px; text-align:center;color:#FF0000; font-weight:bold;}
a#menuText{color:#000; text-decoration:none; font-weight:bold;}
a#menuText:hover{color:#FF0000; text-decoration:underline;}