/** MAIN NAV **/
#siteTop .container .mainNav{
    padding:0 0 0 11px;/*22px;*/
    height:54px;
    width:991px;
    background:url(images/template/mainNavBg.gif) repeat-x left top;
}
#siteTop .container .mainNav img{
   float:left;
}
#siteTop .container .mainNav a span{
    display:none;
}
#siteTop .container .mainNav a#explore{
    display:block;
   /* float:left;*/
    width:117px;
    height:54px;
    background:url(images/template/btn_explore.gif) no-repeat 0 0;
}
#siteTop .container .mainNav a#customers{
    display:block;
   /* float:left;*/
    width:148px;
    height:54px;
    background:url(images/template/btn_customers.gif) no-repeat top left;
}
#siteTop .container .mainNav a#webinars{
    display:block;
    /*float:left;*/
    width:202px;
    height:54px;
    background:url(images/template/btn_webinars.gif) no-repeat top left;
}
#siteTop .container .mainNav a#resources{
    display:block;
    /*float:left;*/
    width:212px;
    height:54px;
    background:url(images/template/btn_resources.gif) no-repeat top left;
}
#siteTop .container .mainNav a#about{
    display:block;
    /*float:left;*/
    width:151px;
    height:54px;
    background:url(images/template/btn_about.gif) no-repeat top left;
}
#siteTop .container .mainNav a#contact{
    display:block;
    /*float:left;*/
    width:140px;
    height:54px;
    background:url(images/template/btn_contact.gif) no-repeat top left;
}
#siteTop .container .mainNav a#explore:hover, 

#siteTop .container .mainNav a#customers:hover, 
#siteTop .container .mainNav a#webinars:hover, 
#siteTop .container .mainNav a#resources:hover, 
#siteTop .container .mainNav a#about:hover, 
#siteTop .container .mainNav a#contact:hover{
    background-position:0 -54px;
}
/** DROP DOWNS **/
.mainNav ul,
.mainNav li{
  float:left;
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  padding:0px;

  display:block;
  margin:0px;
}
.mainNav ul li ul {
    background: #F3F3F3 none repeat scroll 0 0;
    padding:3px 1px;
    margin:0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    border-color:#E5E5E5 #E5E5E5;
    border-style:none solid solid;
    border-width:medium 2px 2px;
    width:210px;
    position:absolute;
    display:none;    
    z-index:99; /* this is so menus will show above image rotator in FF */
}

.mainNav ul li:hover ul, #nav li.hover ul {
    display:block;
}

.mainNav ul li li {
    width:100%;
    padding:0px;
    background:none;
    border-bottom:1px solid #dadad8;
    margin:1px 0 -1px;
}
.mainNav ul li li a {
    display:block;
    padding:10px 20px;
    position:relative;
    float:none;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    color:#485965;
        line-height:100%;
}
.mainNav ul li li a:hover {
    background:#e5e5e5;
    text-decoration:none;
    color:#006BB7;
    font-weight:bold;
}
/** SUB NAV **/
ul#leftColSubnav {
    margin:0px;
    padding:0 0 14px 0;
    list-style:none;
}
ul#leftColSubnav li {
    margin:0px;
    padding:0 0 5px 0;
}
ul#leftColSubnav li a:hover {
    text-decoration:underline;
}
ul#leftColSubnav li a.active {
    color:#006bb7;
}
ul#leftColSubnav li a {
    color:#545454;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
        line-height:100%;
}
ul#leftColSubnav li ul {
    margin:4px 0 0 20px;
    padding:0px;
    list-style:none;
}
ul#leftColSubnav li ul li {
    margin:0px;
    padding:0 0 2px 0;
}
ul#leftColSubnav li ul li a.active {
    color:#2fa801;
    font-weight:bold;
}
ul#leftColSubnav li ul li a.active:hover{
    text-decoration:none;
}
ul#leftColSubnav li ul li a {
    color:#545454;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
ul#leftColSubnav li ul li a:hover {
    text-decoration:underline;
}