/* CSS Document */
/* Global Rules
****************************************/
html {
	width:100%;
}
body{
	width:100%;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	color:#333333;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:100%;
}
* html #footer {
	position:absolute;
}

.separator{
	clear:both;
}

a:link, a:visited, a:active{
	text-decoration: none;
	color:#ee2e24;
}

a:hover{
	text-decoration: underline;
	color:#ee2e24;
}
/*html, body {
	height: 100%;
	padding:0px;
	margin:0px;
}*/
/* Main Divs
***************************************/
#container_page {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	width:100%;
	background-position: top;
}

#container {
	text-align:left;
	width:976px;
	margin:auto;
}
#header {
	background-image:url(../images/MHP_header_bg.gif);
	width:976px;
	height:127px;
	margin:0px;
	padding:0px;
}
#logo {
	width:132px;
	height:66px;
	margin-left:40px;
	margin-top:32px;
	margin-right:0px;
	float:left;
	display: inline;
}
#links {
	float:right;
	margin-right:20px;
	width:750px;
	display: inline;
}
#message {
	margin-left:8px;
	margin-top: 11px;
	width:960px;
	height:200px;
}


#links ul {
        list-style-type: none;
        width: 180px;
		margin:0px;
		padding:0px;
} 

#links li {
	margin: 0px;
	height:21px;
}

#links li a { 
		height:15px;
        color:#5b707c;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
        display: block;
        font-family: "Trebuchet MS", Helvetica, Arial, Geneva;
		font-size: 10px;
        text-decoration: none;
		background-image: url(../images/nav_main_btn_bg-up.gif);
		background-repeat: no-repeat;
}
#links li div.dead { 
		height:15px;
        color:#5b707c;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
        display: block;
        font-family: "Trebuchet MS", Helvetica, Arial, Geneva;
		font-size: 10px;
        text-decoration: none;
		background-color:#ebebeb
}
#links li div.highlight { 
		height:15px;
        color:#5b707c;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
        display: block;
        font-family: "Trebuchet MS", Helvetica, Arial, Geneva;
		font-size: 10px;
        text-decoration: none;
		background-image: url(../images/nav_main_btn_bg-down.gif);
		background-repeat: no-repeat;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 180px;
}

#links li a:hover {
        background-image: url(../images/nav_main_btn_bg-over.gif);
}
#links li a:active {
        background-image: url(../images/nav_main_btn_bg-down.gif);
}


#links a span {
		width:180px;
		height:20px;
        color:#5b707c;
		margin:0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 15px;
}
#links div.dead span {
		width:180px;
		height:20px;
        color:#5b707c;
		margin:0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 15px;
}
#links a:active span, #links div.highlight span {
		width:180px;
		height:20px;
        color:#ffffff;
		margin:0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 15px;
}

.cat_highlight {
	background-color:#5b707c;
}

/* footer 
****************************************/
#footer{
	font-size:10px;
	clear: both;
	height:30px;
	color:#999999;
	width:100%;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: left;
	text-align:center;
	position:fixed;
	bottom:0;
}
#footercontent{
	margin:auto;
	width:960px; 
	position:relative; 
	top:10px;
}


#footer a:link, #footer a:visited, #footer a:active{
	text-decoration: none;
	color:#0099cc;
}

#footer a:hover{
	text-decoration: underline;
	color:#0099cc;
}
/* text 
****************************************/
.emphasis {
	font-size:13px;
	font-weight:bold;
}
