@charset "utf-8";
/* CSS Document */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-flyout-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* wrappers */
#menuwrapper1 {width:220px; height:210px; position:absolute; margin: 0 5px; top:415px; z-index:500}
#menuwrapper2 {width:220px; height:210px; position:absolute; margin: 0 5px 0 225px; top:415px; z-index:400}
#menuwrapper3 {width:220px; height:210px; position:absolute; margin: 0 5px 0 445px; top:415px; z-index:300}
#menuwrapper4 {width:220px; height:210px; position:absolute; margin: 1px 5px 0 665px; top:415px;z-index:200}

#menu {padding:0; margin:0; list-style:none; width:210px; height:175px; float:left}

/* col 1 */
#menu li.level1-li {float:left; height:25px; width:210px;}
#menu li.level1-li a.level1-a {display:block; height:25px; line-height:25px; padding-left:10px; text-decoration:none; font-size:12px; font-family:verdana, arial, sans-serif; color:#fff; font-weight:normal; background:#025706; filter: alpha(opacity=80); opacity:0.8; z-index:auto}

#menu li.sub a.level1-a{background:#025706 url(http://www.mpcc.edu/images/a1.gif) no-repeat 195px center;}
#menu li.sub a.level1-a:hover{color:#fff;background:#2f7107 url(http://www.mpcc.edu/images/a1.gif) no-repeat 195px center;}
/* col 2 */
#menu li.level2-li {float:left; height:25px; width:210px;}
#menu li.level2-li a.level2-a {display:block; height:25px; line-height:25px; padding-left:10px; text-decoration:none; font-size:12px; font-family:verdana, arial, sans-serif; color:#fff; font-weight:normal; background:#2f7107; filter: alpha(opacity=80); opacity:0.8; z-index:auto}
#menu li.level2-li a.level2-a:hover {background:#629725}

#menu li.sub a.level2-a{background:#2f7107 url(http://www.mpcc.edu/images/a1.gif) no-repeat 195px center;}
#menu li.sub a.level2-a:hover{color:#fff;background:#629725 url(http://www.mpcc.edu/images/a1.gif) no-repeat 195px center;}

/* col 3 */
#menu li.level3-li {float:left; height:25px; width:210px;}
#menu li.level3-li a.level3-a {display:block; height:25px; line-height:25px; padding-left:10px; text-decoration:none; font-size:12px; font-family:verdana, arial, sans-serif; color:#fff; font-weight:normal; background:#629725; filter: alpha(opacity=80); opacity:0.8; z-index:auto}

#menu li.sub a.level3-a{background:#629725 url(http://www.mpcc.edu//images/a1.gif) no-repeat 195px center;}
#menu li.sub a.level3-a:hover{color:#fff;background:#8abf19 url(http://www.mpcc.edu/images/a1.gif) no-repeat 195px center;}

/* for economic dev */
#menu li.level4-li {float:left; height:40px; width:210px;}
#menu li.level4-li a.level4-a {display:block; height:40px; line-height:16px; padding: 4px 0 4px 10px; text-decoration:none; font-size:12px; font-family:verdana, arial, sans-serif; color:#fff; font-weight:normal; background:#629725; filter: alpha(opacity=80); opacity:0.8; z-index:auto}
#menu li.level4-li a.level4-a:hover {background:#8abf19}

#menu li.sub a.level4-a{background:#629725 url(http://www.mpcc.edu//images/a1.gif) no-repeat 195px center;}
#menu li.sub a.level4-a:hover{color:#fff;background:#8abf19 url(http://www.mpcc.edu/images/a1.gif) no-repeat 195px center;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}

#menu div.listHolder {position:absolute; left:-9999px; border:1px solid #000; border-width:1px 1px 1px 0; background-color:#FFFFFF; filter: alpha(opacity=80); opacity:0.8; font-family:verdana, arial, sans-serif; font-weight:normal; }
#menu div.col1 {width:240px;margin-left:5px}
#menu div.col2 {width:320px;margin-left:5px}
#menu div.col3 {width:450px;margin-left:67px}

/* col 1 */
#menu div.listCol {width:230px; float:left; padding:5px;}
#menu div.listCol ul {padding:0; margin:0; list-style:none;}
#menu div.listCol ul li {height:18px;}
#menu div.listCol ul li a {display:block; height:18px; line-height:18px; font-size:12px; text-decoration:none; color:#069; padding-left:15px; background: url(http://www.mpcc.edu/dot.gif) no-repeat 5px center;}
#menu div.listCol h5 {padding:5px 0 0 15px; margin:0; font-size:12px; line-height:20px; background:url(http://www.mpcc.edu/linedot.gif) repeat-x left bottom;}

/* col 2 */
#menu div.listColx {width:150px; float:left; padding:5px;}
#menu div.listColx ul {padding:0; margin:0; list-style:none;}
#menu div.listColx ul li {height:18px;}
#menu div.listColx ul li a {display:block; height:18px; line-height:18px; font-size:12px; text-decoration:none; color:#069; padding-left:15px; background: url(http://www.mpcc.edu/dot.gif) no-repeat 5px center;}
#menu div.listColx h5 {padding:5px 0 0 15px; margin:0; font-size:12px; line-height:20px; background:url(http://www.mpcc.edu/linedot.gif) repeat-x left bottom;}


#menu div.listHolder div.bottomLine {clear:both;}
#menu div.listHolder div.bottomLine p {padding:5px 20px; margin:0; line-height:28px; background:#025706 url(http://www.mpcc.edu/arrow.gif) no-repeat 7px 7px; color:#fff; font-size:12px;}
#menu div.listHolder div.bottomLine p a {color:#8ff;font-size:12px;}

#menu li a:hover {background-color:#fff; color:#000; filter: alpha(opacity=80); opacity:0.8;}
#menu li.level1-li:hover > a {background:#2b6d05; color:#fff; filter: alpha(opacity=80); opacity:0.8;}
#menu li.level2-li:hover > a {background:#2f7107; color:#fff; filter: alpha(opacity=80); opacity:0.8;}
#menu li.level3-li:hover > a {background:#629725; color:#fff; filter: alpha(opacity=80); opacity:0.8;}
#menu li.level4-li:hover > a {background:#629725; color:#fff; filter: alpha(opacity=80); opacity:0.8;}

#menu li.sub a:hover {border-right:0;}
#menu li.sub:hover > a {border-right:0;}

#menu :hover div.listHolder {left:200px; top:-1px;}

#menu div.listCol ul li a:hover {color:#069; text-decoration:underline;}
#menu div.listHolder div.bottomLine p a:hover {color:#8ff; text-decoration:none; background:transparent;}

#pad {width:200px; height:246px; background:#000; filter: alpha(opacity=60); opacity:0.6;}

#apply_btn {width:145px;margin-left:5px; height:140px; float:right; bottom:0}

#menuwrapper4 .txt2 { height:70px; display:block; width:210px;line-height:18px; padding:3px; font-size:12px; font-family:verdana, arial, sans-serif; color:#000000; font-weight:normal; z-index:auto; overflow: visible}