@charset "UTF-8";
/* CSS for FTM Menu */

#contain {width:900px; height:82px; position:relative; padding-left:22px; background:url(http://www.filmtraining.mb.ca/images/nav-left.png) no-repeat top left;}

#nav, #nav ul {padding:0 20px 0 0px; margin:0; list-style:none; width:900px;}

#nav li {float:left; background:url(http://www.filmtraining.mb.ca/images/navdiv.png) no-repeat right;}
#nav li:hover {background: #A00 url(http://www.filmtraining.mb.ca/images/navdiv.png) no-repeat right;}
#nav li a {float:left; text-decoration:none; font-family:helvetica, georgia, serif; font-size:14px; font-weight:normal; color:#FFF; }
#nav li a b {display:block; float: left; height:50px; line-height:55px; padding:0 50% 0 50%; font-weight:bold; cursor:pointer; text-transform: uppercase;}
#nav li.sub a b { line-height:55px;}

a.about { display: block; width:99px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -505px; cursor:pointer;}
a.about:hover { background-position:-109px -505px; }
a.train { display: block; width:114px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -575px; }
a.train:hover { background-position:-124px -575px; }
a.res { display: block; width:128px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -715px; }
a.res:hover { background-position:-138px -715px; }
a.events { display: block; width:96px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -505px; }
a.events:hover { background-position:-96px 0; }
a.media { display: block; width:96px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -645px; }
a.media:hover { background-position:-106px -645px; }
a.calen { display: block; width:119px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -785px; }
a.calen:hover { background-position:-129px -785px; }
a.contact { display: block; width:109px; height:50px; text-decoration:none; background: transparent url(http://www.filmtraining.mb.ca/images/FTM_sprite1.png) no-repeat;
background-position: -10px -855px; }
a.contact:hover { background-position:-119px -855px; }

#nav b.hover {color:#fff;}
#nav i.hover {color:#FC3;}
#nav em.hover {color:#FC3;}
#nav ul ul ul a:hover {color:#080;}

#nav ul {display:none;}
#nav ul {position:absolute; left:20px; top:55px; }
#nav ul li {float:left; position:relative;}
#nav ul li:hover {background: none;}
#nav ul li a {display:block; padding:0 20px 0 10px; font-weight:lighter; font-size:12px; line-height:25px; cursor:pointer; color:#EEE;}
#nav ul li a i {display:block; font-style:normal; cursor:pointer; font-weight:normal;}
#nav ul li a.sub {background:url(http://www.filmtraining.mb.ca/images/down.gif) no-repeat right 3px;}

#nav ul ul {width:180px; left:-1px; top:27px; background-color:#570006;}
#nav ul ul li a {display:block; line-height:20px; padding:0 0px 0 20px; width:180px; color:#FFF;}
#nav ul ul li a.fly {background:url(http://www.filmtraining.mb.ca/images/right.gif) no-repeat right center;}
#nav ul ul li a em {font-style:normal; display:block; width:180px; cursor:pointer; }

#nav ul ul ul {left:150px; top:0;}