.main
	{
	width:100%;
	margin:-16px auto 0px auto;
	display:block;
	overflow:hidden;
	background-color:#ffffff;
	}

.compassion
	{
	width:100%;
	margin:15px 0px 15px 0px;
	padding:5px;
	text-align:center;
	background-color:#FAFAFA;
	font-size:calc(1.25em + 1vw); 
        font-family: 'Josefin Sans', sans-serif;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	font-weight:600;
        color:#666666;
	}

.mainpic
	{
	width:90%;
        max-width:1400px;
	margin:10px auto 15px auto;
	}

.mainpic img
	{
	width:100%;
	box-shadow: 0 0 5px #888;
	}

.introtext
	{
	margin:0px auto 20px auto;
        padding:0 5%;
	font-size:calc(.9em + .8vw); 
        font-family: 'Josefin Sans', sans-serif;
        max-width:1200px; 
	}

.areaheader
	{
	margin:0px 0px 5px 0px;
	font-size:calc(1em + 1vw); 
        font-family: 'Josefin Sans', sans-serif; 
	text-align:center;
	}

.areatable
	{
	width: 80%;
        max-width:1000px;
	margin:10px auto 3% auto;
	text-align:center;
        font-family:'Josefin Sans', sans-serif;
        vertical-align:middle;
        color:#fff;
	}

.areatable td
	{
	width:20%;
	}

.areatable a
	{
	font-size:calc(.9em + .9vw); 
        font-family: 'Josefin Sans', sans-serif;
	text-decoration:none;
	font-weight:bold;
        color: #fff;
        display:block;
        padding: 5% 0 5% 0;
	}

.areatable a:hover
	{
	cursor:pointer;
	}

#uncontesteddivorce, #contesteddivorce, #childcustody, #childsupport, #modifications, #enforcements, #propertyagreements, #paternity, #internationaldivorce, #protectiveorder 
       {
        background-color:#f60;
        }

#contesteddivorce:hover
        {
          background-image: url("/images/contesteddivorcedtmenu.jpg");
          background-size:cover;
         }

#internationaldivorce:hover
        {
          background-image: url("/images/internationaldivorcedtmenu.jpg");
          background-size:cover;
         }

#uncontesteddivorce:hover
        {
          background-image: url("/images/uncontesteddivorcedtmenu.jpg");
          background-size:cover;
         }

#propertyagreements:hover
        {
          background-image: url("/images/propertyagreementdtmenu.jpg");
          background-size:cover;
         }

#protectiveorder:hover
        {
          background-image: url("/images/protectiveorderdtmenu.jpg");
          background-size:cover;
         }

#childcustody:hover
        {
          background-image: url("/images/childcustodydtmenu.jpg");
          background-size:cover;
         }

#childsupport:hover
        {
          background-image: url("/images/childsupportdtmenu.jpg");
          background-size:cover;
         }

#modifications:hover
        {
          background-image: url("/images/modificationdtmenu.jpg");
          background-size:cover;
         }

#enforcements:hover
        {
          background-image: url("/images/enforcementdtmenu.jpg");
          background-size:cover;
         }

#paternity:hover
        {
          background-image: url("/images/paternitydtmenu.jpg");
          background-size:cover;
         }

.areas
	{
	margin:20px auto 15px auto;
       padding:0 5%;
        max-width:1200px;
	}

.areas p:nth-child(odd)
	{
	margin:10px 0px 1% 0px;
	font-weight:bold;
        font-size: calc(.8em + 1vw); 
        font-family: 'Josefin Sans', sans-serif;
        text-align: center; 	
	}

.areas p:nth-child(even)
	{
	margin:0px 0 3% 0;
        font-size: calc(.7em + 1vw); 
        font-family:'Josefin Sans', sans-serif;
	}

.areas p:nth-child(even) a
	{
        text-decoration:none;
	color:#ff6600;
       font-weight:bold;	
        }

.areas p:nth-child(even) a:hover
	{
        text-decoration:underline;
	cursor:pointer;
        }