@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	text-align:center;
	background:url(images/mpj-bg.jpg) repeat-x top;
	background-color: #14A3A9;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.bgleft {
	background-image: url(images/mjp-bgleft.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bgright {
	background-image: url(images/mjp-bgright.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#wrapper {
	width:980px;
	float:left;
	

}


/* ***************************************************  CONTENT STYLES   *************************************************** */

h1 {
	color:#12A2A7;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin: 22px 0 10px 15px;
}
h2 {
	color:#12A2A7;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin: 22px 0 0 65px;
}
h3 {
	color:#12A2A7;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin: 22px 0 5px 15px;
}

div#contentleft p {
	margin:0;
	padding: 15px 20px 0 15px;
	color:#585858;
	line-height:18px;
}


div#contentleft p a:link, div#contentleft p a:visited {
	color:#EB8A00;
	text-decoration:underline;
}

div#contentleft p a:hover {
	text-decoration:none;
}

div#contentleft ol li{
	line-height:1.5 em;
}



.link2{
	color:#12A2A7;
	text-decoration:underline;
}

.link2:hover {
	text-decoration:none;
}

p.address {
	color:#12A2A7;
	margin: 0 40px 2px 0;
	padding:0;
}

.boldgreen {
	color:#7BA712;
	font-size:13px;
	font-weight:bold;
	margin-left:5px;
}


/* SEASONAL ALERTS */
div#seasonal p {
	margin:0;
	padding:70px 60px 0 40px;
	color:#FFFFFF;
	text-align:left;
}

div#seasonal p.more {
	text-align:right;
	margin:0;
	padding:40px 60px 0 0;
	font-weight:bold;
}

div#seasonal p.more a:link, div#seasonal p.more a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

div#seasonal p.more a:hover {
	text-decoration:underline;
}


/* ANNOUNCEMENTS */

div#announcements {
	padding:80px 0 0 0;
	margin:0 0 0 0;
}


div#announcements ul{
	margin:0 0 0 60px;
	padding:0;
	color:#A8D843;
	line-height:20px;
	text-align:left;
}

div#announcements ul li a:link, div#announcements ul li a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

div#announcements ul li a:hover {
	text-decoration:none;
}

div#announcements p.more {
	text-align:right;
	margin:0;
	padding:20px 60px 0 0;
	font-weight:bold;
}

div#announcements p.more a:link, div#announcements p.more a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

div#announcements p.more a:hover {
	text-decoration:underline;
}


/* ***************************************************   TOP GRAPHIC    ******************************************************* */

div#top {
	margin:0;
	padding:0;
	width:980px;
	height:132px;
	background:url(images/mjp-top.jpg) no-repeat top;
	text-align:right;
}

div#top ul{
	margin:0 0 0 0;
	padding:50px 350px 0 0;
	list-style:none;
	color: #8DBF04;
}

div#top ul li {
	display:inline;
	padding-left:10px;
}

div#top ul li a:link, div#top ul li a:visited {
	color:#0FA9A1;
	text-decoration:none;
}

div#top ul li a:hover {
	color:#8DBF04;
	text-decoration:none;
}

div#mainpic {
	margin:0;
	padding:0;
	width:980px;
	height:239px;
	background:url(images/mjp-mainpic.jpg) no-repeat top;
}


div#contentleft a:link, div#contentleft a:visited {
	color:#EB8A00;
	text-decoration:underline;
}

div#contentleft a:hover {
	text-decoration:none;
}


/* **************************************************     PRIMARY NAVIGATION     ******************************************** */

div#nav {
	margin:0;
	padding:0 0 0 0;
	width:980px;
	height:48px;
	background:url(images/mjp-nav-bg.jpg) no-repeat top;
	float:left;
}

div#nav ul {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}

div#nav ul li {
	position:relative;
	float:left;
}

div#nav ul li#left-nav {
	width:63px;
	height:48px;
	background:url(images/mjp-nav-left.jpg) no-repeat top;
}

div#nav ul li#about-nav a{
	display:block;
	width:101px;
	height:48px;
	background-image:url(images/mjp-nav-about.jpg);
	background-position:center 200px;
	background-repeat:no-repeat;}		

div#nav ul li#about-nav a:hover{

	width:101px;
height:48px;
background-image:url(images/mjp-nav-about_f2.jpg);
background-position:center top;
background-repeat:no-repeat;}

div#nav ul li#staff-nav{

	display:block;
width:97px;
height:48px;
background-image:url(images/mjp-nav-ourstaff.jpg);
background-position:center 200px;
background-repeat:no-repeat;}		



div#nav ul li#staff-nav:hover{

	width:97px;
height:48px;
background-image:url(images/mjp-nav-ourstaff_f2.jpg);
background-position:center top;
background-repeat:no-repeat;}



div#nav ul li#staff-nav a#staff-button {

	display:block;
width: 97px;
height:48px;}

div#nav ul li#services-nav{

	display:block;
width:121px;
height:48px;
background-image:url(images/mjp-nav-ourservices.jpg);
background-position:center 200px;
background-repeat:no-repeat;}		



div#nav ul li#services-nav:hover{

	width:121px;
height:48px;
background-image:url(images/mjp-nav-ourservices_f2.jpg);
background-position:center top;
background-repeat:no-repeat;}



div#nav ul li#services-nav a#services-button {

	display:block;
width: 121px;
height:48px;}

div#nav ul li#health-nav{

	display:block;
width:128px;
height:48px;
background-image:url(images/mjp-nav-health.jpg);
background-position:center 200px;
background-repeat:no-repeat;}		



div#nav ul li#health-nav:hover{

	width:128px;
height:48px;
background-image:url(images/mjp-nav-health_f2.jpg);
background-position:center top;
background-repeat:no-repeat;}



div#nav ul li#health-nav a#health-button {

	display:block;
width: 128px;
height:48px;}

div#nav ul li#patinfo-nav{

	display:block;
width:115px;
height:48px;
background-image:url(images/mjp-nav-patinfo.jpg);
background-position:center 200px;
background-repeat:no-repeat;}		



div#nav ul li#patinfo-nav:hover{

	width:115px;
height:48px;
background-image:url(images/mjp-nav-patinfo_f2.jpg);
background-position:center top;
background-repeat:no-repeat;}



div#nav ul li#patinfo-nav a#patinfo-button {

	display:block;
width: 115px;
height:48px;}

div#nav ul li#faq-nav{

	display:block;
width:62px;
height:48px;
background-image:url(images/mjp-nav-faq.jpg);
background-position:center 200px;
background-repeat:no-repeat;}		



div#nav ul li#faq-nav:hover{

	width:62px;
height:48px;
background-image:url(images/mjp-nav-faq_f2.jpg);
background-position:center top;
background-repeat:no-repeat;}



div#nav ul li#faq-nav a#faq-button {

	display:block;
width: 62px;
height:48px;}


/* **************************************************     FLYOUT NAVIGATION     ******************************************** */

html>body div#nav ul ul {

	position:absolute;
display:none;
margin:0 0 0 0;
	
	padding:0;
	
	text-align:left;}


div#nav ul ul {

	position:absolute;
display:none;
margin:0 0 0 -63px;
	
	padding:0;
	
	text-align:left;}


div#nav ul ul {

	position:absolute;
display:none;
margin:0 0 0 -40px;
	
	padding:0;
	
	text-align:left;}

div#nav ul ul ul {

	position:absolute;
display:none;
margin:-21px 0 0 120px;
padding:0;}



div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level1 li.submenu:hover ul.level2 li.submenu:hover ul.level3 {

	display:block;}



ul.level2 {
	float:none;
	margin:0;
	padding:0;
	background-color:#8EC300;
	width:120px;
	display:block;
}



ul.level3 {

	float:none;
padding:0;
background-color:#3E5768;
width:120px;
display:block;}



ul.level4 {

	float:none;
padding:0;
background-color:#3E5768;
width:120px;
display:block;}





ul.level2 li {

	line-height:1.4em;}



div#nav ul.level1 li.submenu ul.level2 li a, div#nav ul.level1 li.submenu ul.level2 li.submenu ul.level3 a{

	font-size:10px;
color:#FFFFFF;
display:block;
text-decoration:none;
padding:3px 0px 3px 5px;
width:115px;

}


div#nav ul.level1 li.submenu ul.level2 li a:hover {
	font-size:10px;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	padding:3px 0px 3px 5px;
	width:115px;
	background-color: #688D10;}



div#nav ul.level1 li.submenu ul.level2 li.submenu ul.level3 a:hover {

	font-size:10px;
color:#FFFFFF;
background:#2D3F4B;
display:block;
text-decoration:none;
padding:3px 0px 3px 5px;
width:115px;}

/* ******************************************************  CONTENT AREA   ************************************************ */

div#contentwrapper {
	width:980px;
	float:left;
	background:#FFFFFF;
	margin:0;
	padding:0;
}

div#contentleft {
	width:610px;
	float:left;
	background:url(images/mjp-header-.jpg) no-repeat top left;
	margin:0;
	padding:0 25px;
	text-align:left;
	
}

/* RIGHT SIDE */

div#contentright {
	width:315px;
	float:right;
}

div#seasonal {
	margin:0;
	padding:0;
	width:315px;
	height:247px;
	background:url(images/mjp-seasonal.jpg) no-repeat top;
	line-height: 1.8em;
}

div#announcements {
	width:315px;
	height:246px;
	background:url(images/mjp-announce.jpg) no-repeat top;
}




/* **************************************************  FOOTER  ********************************************************* */

div#footer {
	width:980px;
	height:88px;
	margin:0;
	padding:20px 0 0 0;
	background:url(images/mjp-footer.jpg) no-repeat top #FFFFFF;
	clear:both;
	text-align:left;
}

div#footer ul {
	margin:0 0 0 50px;
	padding:0;
	list-style:none;
}

div#footer ul li {
	display:inline;
	padding-left:15px;
}

div#footer ul li#homeli {
	padding:0;
}

div#footer a:link, div#footer a:visited {
	color:#12A2A7;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}

div#footer p {
	margin: 20px 0 0 50px;
	color:#7BA712;
}


hr {
	width: 90%;
	border: 1px solid #ccc;
	text-align: center;
}

strong {
	color:#12A2A7;
}
/* List Styles */

div#contentleft ul li{
	list-style-image: url(images/arrow_01.gif);
	line-height: 18px;
	color: #585858;
}

.list {
	list-style-image: url(images/arrow_01.gif);
	line-height: 18px;
	color: #585858;
}
/*Pictures*/
.picborder {
	border: 1px solid;
	border-color:#999999;
}

.picRight {
	border: 1px solid; 
	border-color:#999999; 
	float:right; 
	margin-left:20px;
}
.picRightnoborder {
	float:right; 
	margin-left:20px;
}
.picLeft {
	border: 1px solid;
	border-color:#999999;
	float:left;
	margin-right:20px;
}
/*Contact Form*/

.inputSelect {

	FONT-WEIGHT: normal;
FONT-SIZE: 11px;
BORDER: #CCCCCC 1px solid;
color: #176371;
width:200px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;}

.inputComment {

	FONT-WEIGHT: normal;
FONT-SIZE: 11px;
BORDER: #CCCCCC 1px solid;
color: #176371;
width:250px;
background-color: #FFFFFF;}



.inputButton {

	FONT-WEIGHT: bold;
FONT-SIZE: 10px;
CURSOR: pointer;
COLOR: #FFFFFF;
FONT-SIZE: 10px;
width:90px;
background-color: #437282;
border: solid 1px #cccccc;
	padding: 2px;}


/*************   Table Style */

table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; 
}

td.helpTitle
{
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #BEC8D1;
	text-align: left;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
	padding: 5px;
}
td.helpHed
{
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #BEC8D1;
	text-align: center;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
	padding: 5px;
}

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

td.left {
	text-align: left;
	font-weight: bold;
	}
td.helpTitle
{
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #BEC8D1;
	text-align: left;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
	padding: 5px;
}

table.sofT
{
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 580px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 5px 10px;
	padding-right: 10px;
}
table.sofT td{
	padding: 5px 5px 5px 15px;
	border: 1px solid #ccc;
}
table.sofT .mid{
	padding: 5px;
	background-color: #E0F3F3;
}



#right_nav {
	float: right;
	width: 200px;
	margin-left: 15px;
	padding: 1.2em;
	background-color: #DDE3EF;
	border: 1px double #ccc;
}


.link3{
	color:#0FA9A1;
	text-decoration:none;
}

.link3:hover {
	color:#8DBF04;
	text-decoration:none;
}
#mednet {
	float: right;
	height: 35px;
	width: 85px;
	margin-right: 50px;
	margin-top: 10px;
	cursor: pointer;
}

#fbbutton{
	float: right;
	height: 48px;
	width: 48px;
	margin-right: 100px;
	margin-top: 4px;
	cursor: pointer;
}