/* Stylesheet for Media Marketplace Navigation */
/* Written and Modified by Dan Montgomery */

body { font-family: Verdana, Arial; font-size: 10px; color: #000; }

div#all { width: 780px; margin-left: auto; margin-right: auto; padding: 0; }

h2 { margin-top: 1px; }

#contactUs { width: 776px; text-align: right; border-bottom: 1px solid #CFCFCF; padding-bottom: 2px; }
#contactUs a { text-decoration: none; }

#info { width: 362px; padding-right: 7px; }
#login { width: 369px; height: 106px; background-image: url('images/shdr1_pic.jpg'); padding-top: 22px; margin-top: -10px; }

#login input { margin-left: 108px; margin-top: 15px; border: 1px solid black; background: #FFF; font-size: 11px; padding-left: 5px; }

.right { padding: 0px 7px; border: 1px solid #CFCFCF; min-height: 166px; margin-left: 6px; width: 384px; }

.title { font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #003399; text-decoration: none; }
.content { font-family: Verdana, Arial; font-size: 10px; color: #000000; text-decoration: none; }

#footer { width: 776px; border-top: 1px solid #CFCFCF; margin-top: 5px; text-align: right; }
#footer a { text-decoration: none; }

/* Main Nav Style */
div#nav { float: left; margin: 0; text-align: center; font-variant: small-caps;
        width: 776px; margin-left: -1px; font-size: 12px; margin-top: 0; height: 21px; }
/* IE Box Hack */
html>body div#nav { margin-left: 1px; }

div#nav ul { margin: 0; padding: 0; border-right: 1px solid white; }
div#nav li { position: relative; list-style: none; margin: 0; float: left; width: 193px; line-height: 21px; border-right: 1px solid white; }

div#nav ul ul { position: absolute; width: 193px; display: none; font-size: 12px; }
div#nav ul ul li { border-bottom: 1px solid white; }
div#nav ul.level2 { top: 21px; left: -1px; border-top: 1px solid white; }
div#nav ul.level3 { top: -1px; left: 193px; }

/* Nav Menu Link Style */
div#nav a { color: #FFF; }
div#nav li a { display: block; padding: 0; text-decoration: none; width: 193px; height: 21px; }
div#nav>ul a { width: auto; }

div#nav ul.level1 li.submenu:hover ul.level2,
 div#nav ul.level2 li.submenu:hover ul.level3 { display:block; border-left: 1px solid white; }

/* All Background Images and Hover Images */
#home { background-image: url('images/home.gif'); }
#home:hover { background-image: url('images/home_o.gif'); }

#publishers { background-image: url('images/publishers.gif'); }
#publishers:hover { background-image: url('images/publishers_o.gif'); }

#advertisers { background-image: url('images/advertisers.gif'); }
#advertisers:hover { background-image: url('images/advertisers_o.gif'); }

#networks { background-image: url('images/networks.gif'); }
#networks:hover { background-image: url('images/networks_o.gif'); }

#support { background-image: url('images/support.gif'); }
#support:hover { background-image: url('images/support_o.gif'); }

#overview { background-image: url('images/overview.gif'); }
#overview:hover { background-image: url('images/overview_o.gif'); }

#training { background-image: url('images/training.gif'); }
#training:hover { background-image: url('images/training_o.gif'); }

#newsevents { background-image: url('images/newsevents.gif'); }
#newsevents:hover { background-image: url('images/newsevents_o.gif'); }

#pressreleases { background-image: url('images/pressreleases.gif'); }
#pressreleases:hover { background-image: url('images/pressreleases_o.gif'); }

#events { background-image: url('images/events.gif'); }
#events:hover { background-image: url('images/events_o.gif'); }

#company { background-image: url('images/company.gif'); }
#company:hover { background-image: url('images/company_o.gif'); }

#management { background-image: url('images/management.gif'); }
#management:hover { background-image: url('images/management_o.gif'); }

#contact { background-image: url('images/contact.gif'); }
#contact:hover { background-image: url('images/contact_o.gif'); }

#privacypolicy { background-image: url('images/privacypolicy.gif'); }
#privacypolicy:hover { background-image: url('images/privacypolicy_o.gif'); }

#careers { background-image: url('images/careers.gif'); }
#careers:hover { background-image: url('images/careers_o.gif'); }

.singleColumn { border: 1px solid #CFCFCF; border-top: 0; width: 754px; padding: 10px; }
.leftColumn { border: 1px solid #CFCFCF; border-top: 0; padding: 10px;  }
.rightColumn { border: 1px solid #CFCFCF; border-top: 0; border-left: 0; width: 1; padding: 10px; }
.bottomRight { border: 1px solid #CFCFCF; width: 359px; padding: 10px; float: left; height: 160px; margin-top: 14px; }