body 
{
	margin:0;
	padding:0;
	background-color:#f5f5f2;
	font-family:Myriad Pro, Tahoma, Arial;
	font-size:13px;
}

a 			{color:#092e71; text-decoration:none;}
a:link 		{color:#092e71; }
a:visited 	{color:#144eb8; }
a:hover 		{color:#62aaff;}
a:active 	{color:#092e71; }

br.clear {  clear: both; } 

/* Accessibility (WAVE) Start */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Accessibility (WAVE) End */

#content
{
	width:987px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

#header
{
	height:164px;
	background-image:url(../img/selfhelp_header.png);
	position:relative;
}



html{font-size:62.5%}
		  /*body{font-size:1.2em;color:#294f88}*/
		  .sample{
              margin:30px;
              border:1px solid #92cdec;
              background:#000000;
              padding:30px;              
		  }

		  h1{
              margin:20px 20px 20px 20px;
              padding:0;
              font-size:2em;
              text-align:center;
		  }

		  h2{
              margin:10px 0 10px 0;
              padding:0;
              font-size:1.6em;
		  }

		  .easy-accordion h2{
              margin:0px 0 20px 0;
              padding:0;
              font-size:1.6em;
		  }

		  p{
              font-size:1.2em;
              line-height:170%;
              margin-bottom:20px;
		  }

.dropdownlist {
    padding:3px;
    border-radius: 5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-color:#323231;
}

.infotextddl{
    padding:3px;
    border-radius: 5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-color:#323231;
}	  		  
		 
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */		
		.easy-accordion
            {
                display:block;
                position:relative;
                overflow:hidden;
                padding:0;
                margin:0;
                color:#000000;
                text-align:right;
            }

		.easy-accordion dt,.easy-accordion dd
            {
                margin:0;
                padding:0;
            }

		.easy-accordion dt,.easy-accordion dd
            {
                position:absolute;
            }

		.easy-accordion dt
            {
                margin-bottom:0;
                margin-left:0;
                z-index:5;
                /* Safari */ -webkit-transform: rotate(-90deg); 
                /* Firefox */ -moz-transform: rotate(-90deg);
                -moz-transform-origin: 20px 0px;  
                /* Internet Explorer */filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
                -ms-transform: rotate(-90deg);
                cursor:pointer;
            }

		.easy-accordion dd
            {
                z-index:1;
                opacity:0;
                overflow:hidden;
            }

		.easy-accordion dd.active
            {
                opacity:1;
            }

		.easy-accordion dd.no-more-active
            {
                z-index:2;
                opacity:1;
            }

		.easy-accordion dd.active
            {
                z-index:3;
            }

		.easy-accordion dd.plus
            {
                z-index:4;
            }

		.easy-accordion .slide-number
            {
                position:absolute;
                bottom:0;left:00px;
                font-weight:normal;
                font-size:1.1em;
                display:none;
                /* Safari */ -webkit-transform: rotate(90deg); 
                /* Firefox */ -moz-transform: rotate(90deg);  
                /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
                -ms-transform: rotate(-90deg);
            }		 
		 
		 /*FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */		
		dd p
            {
                line-height:120%;
            }
		
		#accordion-1
            {
                width:745px;
                height:245px;
                padding:0px;
                background:#ffffff;
                border:1px solid #b5c9e8;
            }

		#accordion-1 dl
            {
                width:745px;
                height:245px;
                position:relative;
            }	

		#accordion-1 dt
            {
                position:absolute;
                top:0px;
                left:0px;    
                height:46px;
                line-height:44px;
                text-align:right;
                padding:0 15px 0 0;
                font-size:1.1em;
                font-weight:bold;
                font-family:Tahoma, Geneva, sans-serif;
                text-transform:uppercase;
                letter-spacing:1px;
                background:#ffffff url(../img/slide-title-inactive-1.png) 0 0 no-repeat;
                color:#26526c;
            }

        /*.ie10 #accordion-1 dt
            {
                position:absolute;
                top:-40px;
                height:46px;
                line-height:44px;
                text-align:right;
                padding:0 15px 0 0;
                font-size:1.1em;
                font-weight:bold;
                font-family:Tahoma, Geneva, sans-serif;
                text-transform:uppercase;
                letter-spacing:1px;
                background:#ffffff url(../img/slide-title-inactive-1.png) 0 0 no-repeat;
                color:#26526c
            }
*/
		#accordion-1 dt.active
            {
                cursor:pointer;
                color:#fff;
                background:#ffffff url(../img/slide-title-green.png) 0 0 no-repeat;
            }

		#accordion-1 dt.hover
            {
                color:#68889b;
            }

		#accordion-1 dt.active.hover
            {
                color:#fff;
            }

		#accordion-1 dd
            {
                padding:5px;
                /*background-image:url(../img/selfhelp_photoshow.png);
                border:1px solid #dbe9ea;*/
                border-left:0;
                margin-right:3px;
                background-color:#ffffff;
            }

		/*#accordion-1 .slide-number
            {
                color:#68889b;
                left:0px;font-weight:bold;
            }

		#accordion-1 .active .slide-number
            {
                color:#fff;
            }*/

		#accordion-1 a
            {
                color:#000000;
            }

		#accordion-1 dd img
            {
                float:right;
                margin:0 0 0 10px;
            }

        #accordion-1 #first
            {
                background-image:url(../img/divorce.jpg);
                padding-right:25px;
            }

        #accordion-1 #second
            {
                background-image:url(../img/fileserve.jpg);
                padding-right:25px;
            }

        #accordion-1 #third
            {
                background-image:url(../img/files.jpg);
                padding-right:25px;
            }

        #accordion-1 #fourth
            {
                background-image:url(../img/service.jpg);
                padding-right:25px;
            }

		#accordion-1 h2
            {
                font-size:2.5em;
                margin-top:10px;
            }

		#accordion-1 .more
            {
                padding-top:10px;
                display:block;
            }



    #premenu
    {
        height:30px;
        padding-left:10px;
        padding-top:2px;
    }	

        #lawyerinvolve
        {
            background-image:url(../img/lawyer.png);
            background-repeat:no-repeat;
            height:23px;
            width:23px;
            float:left;
        }

        #citizeninvolve
        {
            background-image:url(../img/citizen.png);
            background-repeat:no-repeat;
            height:25px;
            width:22px;
            float:left;
        }

        #needlegalhelp
        {
            background-image:url(../img/legalhelp.png);
            background-repeat:no-repeat;
            height:24px;
            width:24px;
            float:left;
        }

	#headertop
	{
		height:81px;
		position:relative;
	}
	
		#seal
		{
			height:83px;
			width:163px;
			background-image:url(../img/selfhelp_seal.png);
			position:absolute;
			left:20px;
			top:3px;
		}
		
		#title
		{
			height:87px;
			width:471px;
			background-image:url(../img/selfhelp_title.png);
            background-repeat:no-repeat;
			position:absolute;
			left:175px;
		}
		
		#search
		{
			height:48px;
			width:333px;
            text-align: center;
			background-repeat:no-repeat;
			position:absolute;
			right:20px;
			top:20px;
		}
	
	#headermenu
	{
		height:26px;
		padding-top:15px;
		padding-bottom:15px;
        z-index:300;
        position:relative;
	}
	
		.headermenuitem
		{
			width:112px;
			height:23px;
			float:left;
			border-right:1px solid #363532;
			font-size:15px;
			color:#363532;
			text-align:center;
			padding-top:3px;
            position:relative;
		}
		
		#lastitem
		{
			border-right:none;
		}
		
#leftcolumn
{
	width:186px;
    padding-left:20px;    
	padding-right:10px;
	padding-top:10px;
	float:left;    
}

    #leftcolumnitems
    {
        border-left:1px solid #61605b;
        border-right:1px solid #61605b;
        background-image:url(../img/left_menu_top.png);
        background-repeat:no-repeat;
        padding:15px;
    }

    #leftcolumnphoto
    {
        border-left:1px solid #61605b;
        border-right:1px solid #61605b;
        width:184px;
        height:175px;
        background-image:url(../img/juryduty.png);
        background-repeat:no-repeat;
    }
			
#middlecolumn
{
	width:756px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}
	
	#photoshow
	{
		height:250px;
		width:746px;
		background-image:url(../img/selfhelp_photoshow.png);
	}
	
	.icons
	{
		width:353px;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		padding-top:30px;
	}
	
	#onlineforms
	{
		float:left;
		height:80px;
		width:80px;
		background-image:url(../img/onlineformsicon.png);
	}
	
	#legalhelp
	{
		float:left;
		height:80px;
		width:80px;
		background-image:url(../img/legalhelpicon.png);
	}
	
	#protectionorders
	{
		float:left;
		height:80px;
		width:80px;
		background-image:url(../img/protectionordersicon.png);
	}
	
	#militaryvets
	{
		float:left;
		height:80px;
		width:80px;
		background-image:url(../img/militaryveticon.png);
	}
	
	#parenting
	{
		float:left;
		height:80px;
		width:80px;
		background-image:url(../img/parenting.png);
	}
	
	#mediation
	{
		float:left;
		height:80px;
		width:80px;
		background-image:url(../img/mediation.png);
	}
	
	.iconlabel
	{
		width:273px;
		float:left;
	}
	
	.small
	{
		font-size:12px;
		padding-top:5px;
		float:left;
		width:273px;
	}

    .smallbold
	{
		font-size:12px;
		padding-top:5px;
        padding-left:10px;
		float:left;
		width:200px;
        font-weight:bold;
	}
    
    #infosearchbox{
		background-image:url(../img/searchbox.png);
		background-repeat:no-repeat;
		height:175px;
		width:275px;
		position:relative;
		padding:15px 15px 15px 35px;
		align-content:center;
        /*border-radius: 10px;
  	    -moz-border-radius:10px;
  	    -webkit-border-radius:10px;
  	    border-color:#323231;*/
	}

    .firstcolumn
			{
				padding-top:20px;
				width:290px;
				float:left;
				text-align:center;
			}
			
			.secondcolumn
			{
				width:465px;
				float:left;
				text-align:center;
			}

            .courtmembers
	{
		width:365px;
		float:left;
		text-align:left;
		padding:10px 5px 5px 5px;
		
	}	

    
#rightcolumn
{
	width:180px;
	border-left:1px solid #363532;
	float:left;
	padding-top:10px;
}

	.rightmenutitle
	{
	 background-image:url(../img/rightmenu_gradient.png);
	 height:43px;
	 text-align:center;
	 padding-top:10px;
	 font-size:16px;
	}
	
	.rightmenu
	{
		padding-left:20px;
		padding-right:10px;
		padding-top:5px;
	}
	
	#spotlight
	{
		background-image:url(../img/spotlight.png);
		width:180px;
		height:200px;
	}

#primary_nav_wrap
{
	padding-left:30px;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
    width:180px;
    text-align:center;
}

#primary_nav_wrap ul li.current-menu-item
{
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:180px
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}
	
#footer
{
	background-image:url(../img/selfhelp_footer.png);
    background-repeat:no-repeat;
	height:39px;
	text-align:center;
	padding-top:20px;
}


.form-style-9{
	max-width: 450px;
	background: #FAFAFA;
	padding: 30px;
	margin: 50px auto;
	box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
	border-radius: 10px;
	border: 6px solid #305A72;
}




textarea {
height: 10em;
width:100% !important;
max-width: 450px !important;
font-family:Arial, Helvetica, sans-serif 
}

input {
    font-family:Arial, Helvetica, sans-serif;  
}

#q17length
{
  border: none !important;
  color:black;font-size:10pt;font-style:italic;
  width: 40px;
}

.maillist{
    margin: 15px 0;
}

.button{
-moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
	-webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
	box-shadow: inset 0px 1px 0px 0px #3985B1;
	background-color: #216288;
	border: 1px solid #17445E;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 8px 18px;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

.button:hover{
background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
	background-color: #28739E;
}

.required{
	color:#ff7267;
}

.accordion {
  background-color: #eee;
  color: #3399ff;
  cursor: pointer;
  padding: 18px;
  width: 95%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion:before {
  text-align: left;
  content: '\002B';
  color: #777;
  font-weight: bold;
  margin-left: 5px;
   color: #3399ff;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.active:before {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
   color: #3399ff;
}




.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}


.panel2 {
  padding: 0 28px;
  display: none;
  background-color: white;
  overflow: hidden;
}