/* Let's make with the boxes */

body {
	background: #7ecfe2 url(images/mmpBg.png) repeat-x ;
	color:#CCCCCC;
	font-family:verdana,arial,helvetica,sans-serif;
	margin:0px 0px 0px;
	padding:0px;
	text-align:center;
	height: 100%
}

ul {
     float:right;
     padding: 0;
     margin: 0;
     list-style: none;

}
ul li {
    position: relative;


}

ul li a {
	display: block;
	text-decoration: none;
	padding: 0px;
	border-bottom: 0;

	}

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


#dropdown {
Margin-top: 20px;
}


li {
  float: left;
  position: relative;
  width: 8em;
  }

li ul {
  display: none;
  position: absolute;
  /*top: 1em;*/
  left: 0;
  }

li > ul {
	top: auto;
	left: auto;
	}

li:hover ul, li.over ul{ display: block;
                         background: url(images/menubg.png);
                         border: 1px groove black;
                         margin-top: 5px;
                        }



.header-img {
float:left;

}
/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer, wrapper-image {
	margin: 0 auto;
	text-align: center;
	width: 980px;
}

#header {
	background: url(images/mmpheader.jpg) no-repeat ;
	height: 42px;

}

#wrapper-menu-top {
	background: transperant;
	text-align: left;
}

#menu-top {

}

#menu-top ul {
	margin-top: 8px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

/*#menu-top a */ span {

    color: black;
    cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
    display:block;
    float:left;
    font-family:cursive;
    font-variant:small-caps;
    font-weight:bolder;
    padding:5px 15px 4px 6px;


}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; }

 #wrapper-content {
 	background: #7ecfe2;
 }

 #content {
 	background: #7ecfe2;
 }

 #wrapper-image {
 	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
 }

.frame {

height:100%;
padding:0pt;
width:100%;
}