*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
p{
margin:0;
}
#page-container{
	width:821px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#header{
	width:821px;
	float:left;

	background-image:url(../images/jpg/MJP-Header.jpg);
	height:114px;
	margin:0;
padding:0
	
}
#main{
	float:left;
	width:800px;

	margin-left:15px;
	_margin-left:8px;
	margin-top:5px;
	padding-bottom:10px;
	font-size:.8em
}
#menu-container{
	width:149px;
	height:415px;
	background-image:url(../images/gif/MJP-Menu-Bg.gif);
	float:left;
	margin:0
	margin-bottom:20px;
	padding:0
}
#menu-container ul{
	margin-top:20px;
	margin-left:25px;
	padding-left:5px
}
#menu-container ul li a{
	color:#000000;
	text-decoration:none;
	padding-left:5px;

}
#menu-container ul li a:hover{
	color:#000000;
	text-decoration:underline;

}
.itemBlue{
	list-style-image:url(../images/gif/MJP-Menu-itemBlue.gif);
	margin-top:5px
}
.itemMagenta{
	list-style-image:url(../images/gif/MJP-Menu-itemMagenta.gif);
		margin-top:5px
}
.itemYellow{
	list-style-image:url(../images/gif/MJP-Menu-itemYellow.gif);
	margin-top:5px
}
.itemBlack{
	list-style-image:url(../images/gif/MJP-Menu-itemBlack.gif);
	margin-top:5px
}	
#container{
	float:left;
	width:821px;
	/*position:relative;*/
	background-image:url(../images/jpg/MJP-ContainerBg.jpg);
	
}
#main-content{
	float:left;
	width:640px;
	margin:0;
	padding-left:11px;
}
#portal1-container{
	float:left;
	width:307px;
	margin-right:10px
}
#portal2-container{
	float:left;
	width:307px
}
.portal-top1{
	float:left;
	width:307px;
	height:15px;
	background-image:url(../images/gif/MJP-Portal-Top.gif)	
}
.portal-content1{
	float:left;
	width:291px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(../images/gif/MJP-Portal-Bg.gif)	
}
.portal-bottom1{
	float:left;
	width:307px;
	height:15px;
	background-image:url(../images/gif/MJP-Portal-Bottom.gif)	
}
.portal-top2{
	float:left;
	width:307px;
	height:15px;
	background-image:url(../images/gif/MJP-Portal-Top.gif)	
}
.portal-content2{
	float:left;
	width:291px;
	padding-left:8px;
	padding-right:8px;
	background-image:url(../images/gif/MJP-Portal-Bg.gif)	
}
.portal-bottom2{
	float:left;
	width:307px;
	height:15px;
	background-image:url(../images/gif/MJP-Portal-Bottom.gif)	
}
#portal-main-top{
	float:left;
	width:625px;
	height:15px;
	background-image:url(../images/gif/MJP-Large-Portal-Top.gif)	
}
.portal-main-content{
	float:left;
	width:608px;
	padding-left:9px;
	padding-right:8px;
	background-image:url(../images/gif/MJP-Large-Portal-Content.gif);
	margin:0	
}
#portal-main-bottom{
	float:left;
	width:625px;
	height:15px;
	background-image:url(../images/gif/MJP-Large-Portal-Bottom.gif)	
}	
.clear{
	clear:both;
}	

/* footer */
#footer {
	float:left;
	background-image:url(../images/jpg/MJP-Footer.jpg);
	width:821px;
	height:46px;
}
.logo {
	float:left;
	margin:0;
	margin-top:.5em;
	margin-left:.5em;
	_margin-left:.25em;
	width:154px;
	height:106px;
	overflow:hidden;
}
.strapline {
	float:left;
	margin-left:2.5em;
	_margin-left:3em;
	margin-top:90px;
	width:590px;
	height:24px;
	font-size:1.2em;
	text-align:right;
	overflow-x:hidden;
}