<style type="text/css">
    /* CSS Reset (Eric Meyer) */
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-family:'Cuprum';border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
    
    
#nav {
    /*margin: 0 0px 0 0;
    position:relative;
   */ z-index: 1000;
      display: block;
      left: 0;

}
    #nav li { float: left; background: none repeat scroll 0 0; color: white;}
        #nav li:hover { position: relative }
        #nav li:hover > a { 
            background: #3c6998; 
            
            box-shadow: 5px 5px 25px #000;
            -moz-box-shadow: 5px 5px 25px #000;
            -webkit-box-shadow: 5px 5px 25px #000;
    
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;                  
        }
            #nav li.sub:hover > a {
                border-radius: 10px 10px 0 0;
                -moz-border-radius: 10px 10px 0 0;
                -webkit-border-radius: 10px 10px 0 0;        
            }

            #nav li a {
		
                color: #FFE;
                font-weight: regular;
                text-decoration: none;
                padding: 21px;
                display: block;
	
            }
                #nav li a:hover { background-color: #3c6998; }        
                    
    #nav li ul { 
        background: #fff;
        margin-top: 0px;
        display: none;   
    }
        #nav li:hover ul {
            display:block; 
            position:absolute; 
        }

        #nav li ul {
	    z-index: 1000000;
            background: rgba(255,255,255,0.5);
            padding: 0px 0px;
            
            box-shadow: 5px 5px 25px #000;
            -moz-box-shadow: 5px 5px 25px #000;
            -webkit-box-shadow: 5px 5px 25px #000;
            
            border-radius: 0px 15px 15px 15px;
            -moz-border-radius: 0px 15px 15px 15px;
            -webkit-border-radius: 0px 5px 5px 5px;
        }
            #nav li ul li a, #nav li ul li a:hover {
                background-color:#303030;
                color: #FFFFFF;
                width: 100px;
                font-size: 12px;
                font-weight: normal;
            }
                #nav li ul li a:hover { text-decoration: underline; 
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                            
                    border-radius: 0;
                    -moz-border-radius: 0;
                    -webkit-border-radius: 0;
                }

</style>

