@charset "UTF-8";
/* CSS Document                    */
/* MJ Hudson website: main styles  */


body {
 font-size: 100%;
 color: #666;
 background: #FFF;
 margin: 16px 40px;
 padding: 0;
}
#page-container {
 font: 75%/1.25 Arial, sans-serif;
 background: #FFF;
 width: 900px;
 margin: 0 auto;
 color: #666;
}


/* global tag styles */

h1, h2, h3, h4 {
 margin: 0;
 padding: 0;
 color: #000066;
}
h1 {
 font-family: Cambria, Georgia, "Times New Roman", Times, serif;
 font-size: 2.5em;
 font-weight: normal;
 line-height: 1;
 color: #000;
}
h2 {
 font-family: Cambria, Georgia, "Times New Roman", Times, serif;
 font-size: 2em;
 font-weight: normal;
 line-height: 1;
 color: #666;
}
h3 {
 font-size: 1.333em;
 margin-bottom: 0;
}
h4 {
 font-size: 1.083em;
 margin: 1.308em 0 1em 0;
}
p {
 margin: 0 0 1em;
 padding: 0;
}
a:link, a:visited {
 color: #003399;
 text-decoration: none;
}
a:hover {
 color: #666;
 text-decoration: none;
}
a.find-out-more:link, a.find-out-more:visited {
 color: #666;
}
a.find-out-more:hover {
 color: #003399;
}
ul {
 margin: 0 0 1em 1.25em;
 padding: 0;
}
li {
 margin: 0;
 padding: 0;
 list-style: disc;
}
img {
 border: none;
}
hr {
 color: #CCC;
 height: 1px;
 border: none;
 margin: 2em 0 1em;
 padding: 0;
 background: #CCC;
}
.first-para {
 font-size: 1.333em;
}
.img-right {
 float: right;
 display: inline;
 margin: 0.25em 0 0.75em 1em;
 border: 1px solid #CCC;
}
.img-left {
 float: left;
 display: inline;
 margin: 0.25em 1em 0.75em 0;
 border: 1px solid #CCC;
}
.col1 {
 display: inline;
 float: left;
 width: 240px;
 margin-right: 10px;
}
.col2 {
 width: 240px;
 display: inline;
 float: left;
 margin-left: 10px;
}


/* header */

#header {
 height: 80px;
 background: url(../images/header-bg-home-about.jpg) no-repeat 0px 0px;
 float: left;
 width: 100%;
 position: relative;
}
h1 { /* logo text */
 width: 181px;
 height: 29px;
 margin: 0;
 padding: 0px;
 position: relative;
 overflow: hidden;
 top: 30px;
 left: 25px;
}
h1 span { /* logo graphic */
 background: url(../images/MJH-logo-home-about.jpg) no-repeat;
 height: 100%;
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
}


/* main navigation */

#nav1 {
 width: 100%;
 background: #666;
 font: 1.167em/1 Cambria, Georgia, "Times New Roman", Times, serif;
 clear: both;
 float: left;
 position: relative;
}
#nav1 ul {
 margin: 0;
}
#nav1 li {
 float: left;
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
 position: relative;
}
#nav1 a:link, #nav1 a:visited {
 color: #FFF;
 padding: 0.571em 0.857em 0.571em 0.857em;
 float: left;
 display: inline-block;
 position: relative;
}
#nav1 a:hover {
 color: #003399;
}
#nav1 li.active a:link, #nav1 li.active a:visited {
 background: #FFF;
 color: #666;
}


/* main content & sidebar container */

#main {
 width: 100%;
 float: left;
 display: inline;
 clear: both;
 position: relative;
}


/* main content */

#main-content {
 float: left;
 display: inline;
 width: 500px;
 height: 47.083em;
 margin: 0 -720px 0 220px;
 padding: 0;
 position: relative;
}
#main>#main-content {
 height: auto;
 min-height: 47.083em;
}
#main-content h2 {
 border-bottom: 1px solid #CCC;
 padding-bottom: 0.33em;
 margin: 0.958em 0 1.0417em 0;
}


/* sidebars */

#left-sidebar {
 float: left;
 display: inline;
 width: 200px;
 margin: 4.583em -200px 0 0;
 padding: 0px;
 border-top: 1px solid #CCC;
 position: relative;
}
#right-sidebar {
 float: left;
 display: inline;
 width: 160px;
 margin: 4.583em -900px 0 740px;
 padding: 0;
 border-top: 1px solid #CCC;
 position: relative;
}
.sidebar-block {
 padding: 0.667em 0 1.25em;
 border-bottom: 1px solid #CCC;
}
.sidebar-block h3 {
 font: normal 1.5em/1 Cambria, Georgia, "Times New Roman", Times, serif;
 color: #666;
 margin-bottom: 0.611em;
 border-bottom: 1px solid #CCC;
 padding-bottom: 0.5em;
}
.sidebar-block p {
 line-height: 1.4;
}
a.find-out-more:link , a.find-out-more:visited {
 font: 1.167em Cambria, Georgia, "Times New Roman", Times, serif;
 background: url(../images/link-bullet.gif) no-repeat 0 0.33em;
 padding-left: 12px;
 display: block;
 margin-top: 1.143em;
}


/* secondary navigation */

#nav2 ul {
 margin: 0;
}
#nav2 li {
 font: 1.167em/1 Cambria, Georgia, "Times New Roman", Times, serif;
 list-style: none;
 float: left;
 width: 200px;
}
#nav2 li a:link, #nav2 li a:visited {
 color: #666;
 background-color: #F3F3F3;
 display: block;
 width: 176px;
 padding: 0.571em 12px 0.5em 12px;
 border-bottom: solid 1px #CCC;
}
#nav2 li a:hover {
 text-decoration: none;
 background-color: #99CCFF;
 color: #666;
}
#nav2 li.active a:link, #nav2 li.active a:visited {
 background-color: #99CCFF;
 color: #666;
}


/* footer */

#footer {
 background: #666;
 color: #FFF;
 width: 100%;
 clear: both;
 float: left;
 position: relative;
 margin: 1em 0;
}
#footer p {
 line-height: 1;
 margin: 1em 22px 0.8em 22px;
 font-size: 0.75em;
}


/* page specific styles */

#home #left-sidebar,
#home #right-sidebar {
 width: 0;
}
#home #main-content {
 width: 900px;
 margin: 0;
 padding: 0;
}
#home h2 { /* logo text */
 width: 900px;
 height: 290px;
 margin: 0;
 padding: 0;
 position: relative;
 overflow: hidden;
}
#home h2 span { /* logo graphic */
 background: url(../images/home-bg.jpg) no-repeat;
 height: 100%;
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
}
#home .first-para {
 margin: 25px 280px 1em 32px;
line-height: 1.4;
}
#home a.find-out-more {
 margin: auto 280px auto 32px;
}

#areas-of-practice #header {
 background-image: url(../images/header-bg-practice.jpg);
}
#areas-of-practice h1 span { /* logo graphic */
 background-image: url(../images/MJH-logo-practice.jpg);
}
#news #header {
 background-image: url(../images/header-bg-news.jpg);
}
#news h1 span { /* logo graphic */
 background-image: url(../images/MJH-logo-news.jpg);
}
#contact-us #header {
 background-image: url(../images/header-bg-contact.jpg);
}
#contact-us h1 span { /* logo graphic */
 background-image: url(../images/MJH-logo-contact.jpg);
}
#contact-us #main-content h4 a:link,
#contact-us #main-content h4 a:visited {
 color: #000066;
}
#contact-us #main-content h4 a:hover {
 color: #003399;
}
#about-us #main-content h3 {
 margin-top: 1em;
 margin-bottom: 0.25em;
}
#about-us #main-content ul {
 margin-top: -1em;
}