#nav {display:block; margin:0 auto; padding:0; height:24px; width:874px;}
#nav li {display:block; list-style:none; height:24px; float:left; position:relative; padding:0;}
#nav li a {display:block; height:24px; float:left;}

#nav li.leftImage {width:56px; background:url(images/navLeft.gif);}
#nav li.aboutus {width:90px;}
#nav li.aboutus a {background:url(images/aboutus1.gif) no-repeat; width:90px;}
#nav li.aboutus a:hover {background-image:url(images/aboutus2.gif);}
#nav li.contactus {width:95px;}
#nav li.contactus a {background:url(images/contact1.gif) no-repeat; width:95px;}
#nav li.contactus a:hover {background-image:url(images/contact2.gif);}
#nav li.curriculum {width:100px;}
#nav li.curriculum a {background:url(images/curriculum1.gif) no-repeat; width:100px;}
#nav li.curriculum a:hover {background-image:url(images/curriculum2.gif);}
#nav li.profdev {width:205px;}
#nav li.profdev a {background:url(images/profdev1.gif) no-repeat; width:205px;}
#nav li.profdev a:hover {background-image:url(images/profdev2.gif);}
#nav li.packages {width:270px;}
#nav li.packages a {background:url(images/packages1.gif) no-repeat; width:270px;}
#nav li.packages a:hover {background-image:url(images/packages2.gif);}
#nav li.rightImage {width:58px; background:url(images/navRight.gif);}

#nav ul {display:none; margin:0; padding:0; position:absolute; top:24px; left:0; width:100px;}
#nav li ul li {display:block; margin:0; padding:0; height:21px; float:none;}
#nav li.curriculum ul li a {display:block; margin:0; padding:0; background:#ffffff; float:none; font-size:12px; line-height:12px; height:12px; padding:4px; text-decoration:none; color:#000; border:#000000 solid; border-width:0px 1px 1px 1px; width:200px;}
#nav li.curriculum ul li a:hover {background:#ffffff; color:#000000;}

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