/* ~~~~~~~~~~~~ Top navigation ~~~~~~~~~~~~~~~~~*/    
ul{
    left:0;
    padding:0;
    }
    
ul#topNav{
    
    margin:0 -28px 0 0;
    padding:31px 0 0 0;
    /*border:1px dotted #000;*/
    list-style:none;
    background:url(/images/grad_bg_tr.gif) no-repeat top right;
    }
ul#topNav li{
    float:left;
    text-align:center;
    }
ul#topNav li{
    margin:22px 0 0 0;
    height:62px;
    border-bottom:7px solid #fff;
    }
ul#topNav li a{
    height:40px;
    display:block;
    text-indent:-5000px;
    /*overflow:hidden;*/
    outline:none;
    margin:0 10px;
    }
ul#topNav li a:hover{
    text-decoration:none;
    }
    
ul#topNav li.aboutit a:hover, ul#topNav li.itexplained a:hover, ul#topNav li.realstories a:hover, ul#topNav li.news a:hover, ul#topNav li.takeit a:hover{
    background:transparent url(/images/03_takeiton_nav_ani.gif) repeat-x bottom center; padding-bottom:12px;
    }
ul#topNav li.aboutit, ul#topNav li.itexplained, ul#topNav li.realstories, ul#topNav li.news, ul#topNav li.takeit{
    padding:0 4px;
    }    
    
body#site-tools ul#topNav li.aboutit a:hover{
    background:none;
    }
ul#topNav li.aboutit{
    width:165px;
    background: url(/images/topNavAbout.gif) no-repeat center center;
    }
    
ul#topNav li.itexplained{
    width:140px;
    background:url(/images/topNavExplained.gif) no-repeat center center;
    }
body#it-explained ul#topNav li.itexplained a:hover{
    background:none;
    }
    
ul#topNav li.realstories{
    width:140px;
    background:url(/images/topNavRealStories.gif) no-repeat center center;
    }
body#real-stories ul#topNav li.realstories a:hover{
    background:none;
    }
    
ul#topNav li.takeit{
    width:130px;
    background:url(/images/topNavTake.gif) no-repeat center center;
    }
    
ul#topNav li.news{
    width:80px;
    background:url(/images/topNavNews.gif) no-repeat center center;
    }
body#news ul#topNav li.news a:hover{
    background:none;
    }
/* ~~~~~~~~~~~~ sub-nav ~~~~~~~~~~~~~~~~~*/    
    
ul#topNav li ul.subNav{
    display:none;
    list-style:none;
    position:absolute;
    margin:28px 0 0 2px;
    display:none;
    }
ul#topNav li ul.subNav li{
    float:none;
    padding:0;
    margin:0;
    border:none;
    height:auto;
    }
ul#topNav li ul.subNav li a{
    font:normal 1.2em/1.5em Arial,Verdana,sans-serif;
    text-indent:0;
    text-align:left;
    background:#ec008c;
    width:160px;
    margin:0;
    padding:6px 10px 6px 15px;
    height:auto;
    color:#FFF;
    border-bottom:1px solid #db0082;
    }
body#it-explained ul#topNav li.itexplained ul.subNav li a:hover, 
body#real-stories ul#topNav li.realstories ul.subNav li a:hover, 
body#news ul#topNav li.news ul.subNav li a:hover, 
body#about ul#topNav li.aboutit ul.subNav li a:hover, 
body#site-tools ul#topNav li.home ul.subNav li a:hover,
body#take-it-on ul#topNav li.takeit ul.subNav li a:hover{
    background-color:#000;
    background-image:none;
    text-decoration:none;
    border-bottom:1px solid #000;
    margin:0;
    padding:6px 10px 6px 15px;
    }

 /* ~~~~~~~~~~~~ sub sub-nav ~~~~~~~~~~~~~~~~~*/      
 ul#topNav li ul.subNav ul { display:none}
 ul#topNav li ul.subNav li.tertNav ul{
    display:block;
    list-style:none;
    margin: 0 0 0 10px;
  }
ul#topNav li ul.subNav li.tertNav ul li {
    background: transparent url(/images/list_icon.gif) no-repeat scroll 0 0.8em;
    padding-left: 10px;
    margin:0 0 0 10px;
}
ul#topNav li ul.subNav li.tertNav  ul li a{
    font:normal 1.1em/1.5em Arial,Verdana,sans-serif;
    text-indent:0;
    text-align:left;  
    display: block;
    background:#fff;
    width:150px;
    margin:0;
    padding:6px 5px 6px 5px;
    height:auto;
    color:#db0082;
    border-bottom:none;
 }    
body#take-it-on ul#topNav li.takeit ul.subNav ul li a:hover{
    color:#000;
    text-decoration:underline;
    background: none;
    width:150px;
    border-bottom: none;
    margin:0;
    padding:6px 5px 6px 5px;
 }    
 
/* ~~~~~~~~~~~~ page-dependent nav features ~~~~~~~~~~~~~~~~~*/
    
body#home div#logo{
    border-bottom:#FFF;
    }
    
body#home li.home{
    visibility:hidden;
    }
    
body#it-explained ul#topNav li.home, body#it-explained ul#topNav li.itexplained{
    border-bottom:7px solid #ec008c;
    }
body#it-explained ul#topNav li.itexplained{
    background:#ec008c url(/images/topNavExplained_over.gif) no-repeat center center;
    }
body#it-explained li.itexplained ul.subNav{
    display:block;
    }
body#take-it-on li.takeit ul.subNav{
    display:block;
    }
body#real-stories ul#topNav li.aboutit{
    border-bottom:7px solid #ec008c;
    }
body#real-stories ul#topNav li.realstories{
    background:#ec008c url(/images/topNavRealStories_over.gif) no-repeat center center;
    border-bottom:7px solid #ec008c;
    }
body#real-stories li.realstories ul.subNav{
    display:block;
    }
body#take-it-on ul#topNav li.aboutit,
body#take-it-on ul#topNav li.realstories,
body#take-it-on ul#topNav li.takeit{
    border-bottom:7px solid #ec008c;
    }    
body#it-explained ul#topNav li.aboutit,
body#it-explained ul#topNav li.realstories,
body#it-explained ul#topNav li.takeit,
body#it-explained ul#topNav li.itexplained{
    border-bottom:7px solid #ec008c;
    }    
body#about ul#topNav li.aboutit/*, body#about ul#topNav li.itexplained, body#about ul#topNav li.realstories, body#about ul#topNav li.takeit*/{
    border-bottom:7px solid #ec008c;
    }
body#about ul#topNav li.aboutit{
    background:#ec008c url(/images/topNavAbout_over.gif) no-repeat center center;
    }
body#about ul#topNav li.aboutit a:hover,
body#real-stories ul#topNav li.realstories a:hover,
body#take-it-on ul#topNav li.takeit a:hover,
body#news ul#topNav li.news a:hover,
body#it-explained ul#topNav li.itexplained a:hover{
    background:none;
    padding:0;
    }
body#about li.aboutit ul.subNav{
    display:block;
    }
    
body#news ul#topNav li.aboutit, body#news ul#topNav li.itexplained, body#news ul#topNav li.realstories, body#news ul#topNav li.news, body#news ul#topNav li.takeit{
    border-bottom:7px solid #ec008c;
    }
body#news ul#topNav li.news{
    background:#ec008c url(/images/topNavNews_over.gif) no-repeat center center;
    }
body#news li.news ul.subNav{
    display:block;
    }
body#take-it-on ul#topNav li.takeit{background:#ec008c url(/images/topNavTake_over.gif) no-repeat center center;}
    
/* ~~~~~~~~~~ crumb navigation ~~~~~~~~~~~~~~~~~~ */
span#crumb{
    display:block;
    position:relative;
    top:0.5em;
    height:3em;
    padding-left:1.2em;
    }
span#crumb a, span#crumb span{
    background:url(/images/arrow_crumb.gif) no-repeat center left;
    padding:0 0.5em 0 1.2em;
    font-size:1.1em;
    }
span#crumb span{
    }
span#crumb a.home{
    background:none;
    padding-left:0;
    }
    
/* ~~~~~~~~~~ news page navigation ~~~~~~~~~~~~~~~~~~ */
ul#newsNav{
    padding:1em 0 3em 0;
    margin:0;
    }
ul#newsNav li{
    background-image:none;
    float:left;
    padding:0.2em 0.7em 0.2em 0.7em;
    color:#ec008c;
    }
ul#newsNav li.prev{
    padding-left:0;
    border-right:1px solid #ec008c;
    }
/* ~~~~~~~~~~ site tools navigation ~~~~~~~~~~~~~~~~~~ */
#site-tools{position:absolute; top:-5px; right:17px; font-size: 1.1em}
#site-tools ul li a:link,
#site-tools ul li a:visited{background:url(/images/share_icon.gif) 0 center no-repeat; padding-left:10px; margin-right:10px;}