/* NavBar */

div#NavBar{position:relative; float:right; top:17px; right:0px; width: 410px; z-index:5;}

div#NavBar .L{position:relative; float:left; width: 159px; border-right: 1px solid #333;}
div#NavBar .R{position:relative; float:right; width: 250px;}

/* div#NavBar .L ul{margin:0px; padding:0px} */
div#NavBar .L li{margin-right:20px;}
div#NavBar .L a{display:block;  padding:3px 3px 3px 15px; width: 121px;}

/* div#NavBar .R ul{margin:0px; padding:0px} */
div#NavBar .R li{margin-left:20px;}
div#NavBar .R a{display:block;  padding:3px 3px 3px 15px; width: 202px; }

div#NavBar a{font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-weight:normal; text-decoration:none;}
div#NavBar a:hover{color:#000000;}

/* Nav Colours */
div#NavBar a:hover.Orange{background: #FF9900;}
div#NavBar a:hover.Cyan{background: #00CCFF;}
div#NavBar a:hover.Purple{background: #990066;}
div#NavBar a:hover.Lime{background: #99CC33;}
div#NavBar a:hover.Red{background: #FF0000;}
div#NavBar a:hover.Lilac{background: #9999CC;}
div#NavBar a:hover.Blue{background: #3333FF;}
div#NavBar a:hover.Green{background: #33CC00;}
div#NavBar a:hover.Yellow{background: #FFFF00;}
div#NavBar a:hover.Pink{background: #FF00FF;}

/* Nav Active States */
body.Orange div#NavBar a.Orange{color: #FF9900; background:none;}
body.Cyan div#NavBar a.Cyan{color: #00CCFF; background:none;}
body.Purple div#NavBar a.Purple{color: #990066; background:none;}
body.Lime div#NavBar a.Lime{color: #99CC33; background:none;}
body.Red div#NavBar a.Red{color: #FF0000; background:none;}
body.Lilac div#NavBar a.Lilac{color: #9999CC; background:none;}
body.Blue div#NavBar a.Blue{color: #3333FF; background:none;}
body.Green div#NavBar a.Green{color: #33CC00; background:none;}
body.Yellow div#NavBar a.Yellow{color: #FFFF00; background:none;}
body.Pink div#NavBar a.Pink{color: #FF00FF; background:none;}