/* =Structure
======================================================================================================================= */


html {
}

body {
	background-color: #36c;
	background-image: -moz-linear-gradient(top, #006, #36c);
	background-image: -ms-linear-gradient(top, #006, #36c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006), to(#36c));
	background-image: -webkit-linear-gradient(top, #006, #36c);
	background-image: -o-linear-gradient(top, #006, #36c);
	background-image: linear-gradient(top, #006, #36c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#3366cc', GradientType=0);
	background-attachment: fixed;

	font-size: 87.5%;
	margin: 0 auto;
	padding: 0;
	color: black;
	text-align: center;
	position: relative;
	overflow: auto;
}


#page {
	margin: 0 auto 2.5% auto;
	padding: 0;
	max-width: 1020px;

	/*Drop Shadow*/
  	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);

	/*Border Radius*/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;

}

header {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}



#branding {
	background-color: #000066;
	background-image: -moz-linear-gradient(top, #000066, #6699ff);
	background-image: -ms-linear-gradient(top, #000066, #69f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000066), to(#6699ff));
	background-image: -webkit-linear-gradient(top, #000066, #6699ff);
	background-image: -o-linear-gradient(top, #000066, #6699ff);
	background-image: linear-gradient(top, #000066, #6699ff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#6699ff', GradientType=0);

	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: left;
	min-width: 320px;
}

#branding img {
	margin: 0 20px 5px 20px;
	padding: 0;
	max-width: 450px;
	height: auto;
	width: 100%;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#branding-print {
   display: none;
}


/* =Structure Continued
------------------------------------------ */


#main {
	background-color: #fff;
	line-height: 1.5em;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;
}


#content {
	margin: 5% 7.5%;
	padding: 0;
	width: 85%;
}

#secondary {
 	/* fallback */ 
	 background: #ffffcc; 
	 background-repeat: repeat-x; 
 
 	/* Safari 4-5, Chrome 1-9 */ 
 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffcc), to(#ffffff)); 
	
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #ffffcc, #ffffff); 
	
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #ffffcc, #ffffff); 
	
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #ffffcc, #ffffff); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #ffffcc, #ffffff);


	margin: 0 auto;
	padding: 7.5% 5% 2.5% 2.5%;
	width: 30%;
	float: left;
}



body.has-aside #content {
	margin: 5% 2.5% 5% 5%;
	padding: 0;
	width: 55%;
	float: left;
}



#footer {
	clear: both;
	font-size: 75%;
	text-align: right;
	width: 95%;
	margin: 0;
	padding: .5em 2.5%;

 	/* fallback */ 
	 background-color: #ffcc00; 
 
 	/* Safari 4-5, Chrome 1-9 */ 
 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffcc00), to(#ffff99)); 
	
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #ffcc00, #ffff99); 
	
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #ffcc00, #ffff99); 
	
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #ffcc00, #ffff99); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #ffcc00, #ffff99);

	/* IE 7-8 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffff99', GradientType=0);


	/*Border Radius*/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;


}

#footer p {
	margin: 0;
	padding: 0;
}



/* =Home Page Overrides
------------------------------------------ */
body.home #page {
	margin: 0 auto 2.5% auto;
	padding: 0;
	max-width: 1020px;

	/*Drop Shadow*/
  	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.home #branding {
	text-align: right;
	background: none;
}


body.home #branding img {
	max-width: 750px;
	margin: 2.5%;
	padding: 0;
	height: auto;
}

body.home #main {
	background: none;
}


#footer-home {
	background: none !important;
	background-color: none !important;
	color: #fff;
	border-top: solid 1px #ffcc00;
	padding: .5em 0;
	margin: 0 2.5%;
	clear: both;
	font-size: 75%;
	text-align: right;
	width: 95%;
}


#footer-home p {
	margin: 0;
	padding: 0;
}

#footer-home a {
	color: #ffcc00 !important;
}




/* =Fluid Grid
======================================================================================================================= */

.one-half, .one-third, .two-thirds, .one-fourth, .three-fourths, .one-fifth, .two-fifths, .three-fifths {
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	position: relative;
}

.one-fifth, .two-fifths, .three-fifths {
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	position: relative;
}

.one-half {
	width: 46%;
}

.one-third {
	width: 30.6%;
}

.two-thirds {
	width: 65.4%;
}

.one-fourth {
	width: 22%;
}

.one-fifth {
	width: 18.4%;
}

.two-fifths {
	width: 38%;
}

.three-fifths {
	width: 60%;
}

.three-fourths {
	width: 74%;
}

.full {
	width: 100%;
}

.one-half:first-child,
.one-third:first-child,
.one-fourth:first-child,
.one-fifth:first-child,
.two-fifths:first-child,
.three-fifths:first-child,
.two-thirds:first-child,
.three-fourths:first-child {
	margin-left: 0 !important;
}

.one-half:last-child,
.one-third:last-child,
.one-fourth:last-child,
.one-fifth:last-child,
.two-fifths:last-child,
.three-fifths:last-child,
.two-thirds:last-child,
.three-fourths:last-child {
	clear: right;
	margin-right: 0 !important;
}

.first {
	margin-left: 0 !important;
}
.last {
	clear: right;
	margin-right: 0 !important;
}


.container, .columns {
	margin: .5em auto;
	padding: 0;
	zoom: 1;
}
.container:before, .container:after,
.columns:before, .columns:after,
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.container:after,
.columns:after,
.clearfix:after {
	clear: both;
}




/* =Basic Links
======================================================================================================================= */

#main a:link,
#main a:visited,
#main a:hover,
#main a:active {
	color: #00f;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}
#main a:hover,
#main a:active {
	text-decoration: underline;
}



/* =Typography
======================================================================================================================= */

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



/* =Heading Styles
------------------------------------------ */

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	font-weight: normal;
	line-height: 1.25;
	margin: 1.25em 0 0;
	padding: 0;
	color:#008;
}

#main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a, #main h6 a {
	font-weight: normal;
	color:#00f;
}


#main h1 {
	font-size: 2em;
	margin-top: 0;
}
#main h2 {
	font-size: 1.75em;
}
#main h3 {
	font-size: 1.35em;
}
#main h4 {
	font-size: 1.125em;
}
#main h5 {
	font-size: 1.0625em;
}
#main h6 {
	font-size: 1em;
	font-weight: bold;
}




/* =Paragraphs, List Styles & Definitions
------------------------------------------ */



#main p, #main ul, #main ol, #main dd, #main dt,  #main dl, #main pre {
    margin: .5em 0 0 0;
	padding: 0;
	font-style: normal;
}


#main ul ul, #main ol ol, #main ul ol, #main ol ul {
	margin-top: .25em;
}

#main ul, #main ol {
	margin: 0 0 0 1em;
	padding: 0;
	position: relative;
}


#main li {
	font-style: normal;
	margin: .5em 0 0 1em;
	padding: 0;
}

#main dt {
    font-weight: bold;
}
#main ul {
	list-style: disc outside url("../images/bullet_36c.gif");
}



/* =Footnotes LIst
------------------------------------------ */
#footnotes ol {
	list-style-type: none;
}



/* =Font Weight & Style
------------------------------------------ */

#main strong {
    font-weight: bold;
}

#main em {
	font-style: italic;
}



/* =Super & Sub Script
------------------------------------------ */
#main sup,
#main sub {
	font-size: .65em;	
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
#main sup {
	bottom: .75ex;
	margin-right: .125em;
}
#main sub {
	top: .5ex;
}


/* =Horizontal Rule
-------------------------------------------------------------- */
#main hr {
	background-color:#ccc;
	border:0;
	color:#ccc;
	height:1px;
	margin-top: 1.25em;
}



/* =Pullquotes, Blockquotes, Pre, Code, etc.
-------------------------------------------------------------- */

#main abbr, #main acronym {
  border-bottom:1px dotted #006;
  cursor: help;
}
#main ins {
	text-decoration:none;
}
#main cite, #main em, #main i {
	font-style: italic;
}

#main blockquote {
	font-size: 1.125em;
	line-height: 1.5em;
	font-weight: normal;
	font-style: normal;
	display: block;
	margin: 0;
	padding: 1em 1em .5em 1em;
	color:#36c;
}

#main cite {
	text-align: right;
	padding: 0;
	margin: 0 1em 0 0;
	color:#006;
	display: block;
}
#main pre, #main code {
	font: 1em Monaco, monospace;
	line-height:1.25em;
	margin-bottom: 1.125em;
}

#main blockquote.left {
	float: left;
	margin-left:0;
	margin-right: 1.25em;
	text-align: right;
	width: 33%;
}
#main blockquote.right {
	float: right;
	margin-left: 1.25em;
	margin-right:0;
	text-align: left;
	width: 33%;
}




/* =Clearfix
======================================================================================================================= */

.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}






/* =Attorney and Consumer Home Pages
======================================================================================================================= */


body.attorneys-home #content, body.consumers-home #content {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

#home-questions {
	background-color: #007;

	padding: 2.5%;
	margin: 0;
	width: 95%;
	color: #fff;
	display: block;
}

#home-news {
	background-color: #36c;
	color: #fff;
	padding: 0;
	margin: 0;
	display: block;
}

body.home #home-news {
	background: none;
	color: #fff;
	width: 50%;
	padding: 0;
	margin: 5% 40% 5% 5%;
	display: block;
	text-align: left;
}


body.attorneys-home .top-stories {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 52%
}

body.attorneys-home .in-the-news {
	float: left;
	margin: 0 2% 0 0;
	padding: 0;
	position: relative;
	width: 63.4%;
}

body.attorneys-home .sign-ups {
 	/* fallback */ 
	 background-color: #3366cc; 
 
 	/* Safari 4-5, Chrome 1-9 */ 
 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0000aa), to(#3366cc)); 
	
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #0000aa, #3366cc); 
	
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #0000aa, #3366cc); 
	
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #0000aa, #3366cc); 
	
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #0000aa, #3366cc);

	float: left;
	margin: 0;
	padding: 5% 2%;
	position: relative;
	width: 30.6%;
}

body.consumers-home .top-stories {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 30.6%;
}


#home-news img {
	width: 100%;
	height: auto;
}

#attorneys-photo img {
	max-width: 480px;
}

#consumers-photo {
	float: left;
	margin: 0 2% 0 0;
	padding: 0;
	position: relative;
	width: 65.4%;
}

#consumers-photo img {
	max-width: 700px;
}


#home-news h1 {
	font-family: "warnock-pro", "Palatino Linotype", "Book Antiqua", Palatino, Times, serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.75em;
	line-height: 1.125em;
	letter-spacing: .25em;
	margin: 1em 0 0 0;
	padding: 0;
	color: #fff;
}

#home-news h2 {
	font-size: 1.125em;
	line-height: 1.25em;
	margin: 1.25em 0 0 0;
	padding: 0;
}

#home-questions h3, #home-news h3  {
	font-family: "warnock-pro", "Palatino Linotype", "Book Antiqua", Palatino, Times, serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: normal;
}

#home-questions h3  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fc0;
}

#home-news h3  {
	margin: 1em 0 0 0;
	padding: 0;
	text-align: left;
	color: #fff;
}

#home-questions h3 strong {
	font-size: 2em;
	font-style: normal;
	font-weight: 300;
	color: #fff;
	line-height: 1.125em;
	display: block;
}

#home-questions h3 a  {
	color: #fc0;
}

#home-questions h3 a strong {
	color: #fff;
}


#home-questions h4 {
	color: #fc0;
}


#home-questions h3 a, #home-news h3 a  {
	font-family: "warnock-pro", "Palatino Linotype", "Book Antiqua", Palatino, Times, serif;
	font-style: normal;
	font-weight: 300;
	font-weight: normal !important;
}

#home-questions a:link,
#home-questions a:visited,
#home-questions a:hover,
#home-questions a:active,
#home-news a:link,
#home-news a:visited,
#home-news a:hover,
#home-news a:active {
	color: #fc0;
}
#home-questions a:hover,
#home-questions a:active,
#home-news a:hover,
#home-news a:active {
	text-decoration: underline;
}




.sign-ups h3.has-icon img {
	display: inline;
	margin: 0 .25em 0 0;
	width: 20px !important;
}


#quicker-access {
	background-color: #fc0;

	padding: 1.5% 2.5%;
	margin: 0;
	width: 95%;
	color: #fff;
}

#quicker-access h2, #quicker-access p {
	margin: 0;
	padding: 0;
	text-align: center;
}





/* =Newsroom
======================================================================================================================= */

body.newsroom #main h2 {
    background: #3366CC;
	font-size: 1.25em;
    color: #FFFFFF;
    margin: 2em 0;
    padding: .25em .5em;
}


body.newsroom #main h3 {
	font-size: 1.15em;
    border-top: 1px solid #ccc;
    margin: 1em 0 0 0;
    padding: 1em 0 0 0;
}

body.newsroom #main h2 + h3 {
    padding: 0;
    border-top: none;
}

body.newsroom #main h1 + h3 {
    border-top: none;
}


body.newsroom #main p {
    margin: 0;
    padding: 0;
}


body.newsroom #main p.news_more_archives {
    border-left: 1.25em solid #FFCC00;
    font-style: italic;
    letter-spacing: 0.25em;
    line-height: 1.25em;
    margin: 1.5em 0 0 0.5em;
    padding: 0 0 0 .5em;
}






/* =Tables
-------------------------------------------------------------- */
.statistics_table {
	line-height: 1.25em;
	margin: 1em 0 1.125em;
	text-align:left;
	border:1px solid #006;
	border-width:1px 1px 0 1px;
	width: 100%;
}
.statistics_table th {
	background-color: #006;
	color: #fff;
}
.statistics_table tr {
	border-bottom:1px solid #006;
}
.statistics_table th, .statistics_table td {
	padding: .25em .75em;
}

.statistics_table tr:hover {
	background-color: #99b6ff;
}



/* =News Releases
======================================================================================================================= */



/* =Photos with Captions
-------------------------------------------------------------- */

.headshot-n-caption {
	float: right;
	margin: 2%;
	padding: 0;
	max-width: 280px;
}


.headshot-n-caption img {
	margin: 2% 2% 0 2%;
	padding: 0;
	max-width: 280px;
	height: auto;
}


.headshot-n-caption .caption {
	display: block;
	margin: 0 2%;
	padding: 0;
	width: 100%;
	color: #36c;
}


.large-size {
	max-width: 280px;
}


.medium-size {
	max-width: 280px;
}

.small-size {
	max-width: 280px;
}




/* =Forms
======================================================================================================================= */


/* =PA Attorney Search Form
-------------------------------------------------------------- */

body.pa-attorney-search form .search-by {
	display: block;
	margin-top: 1em;
	font-weight: bold;
}


/* =Media Request Form
-------------------------------------------------------------- */

#media-form label {
	display: block;
	margin-top: 1em;
	font-weight: bold;
}

#media-form .submit {
	display: block;
	margin-top: 1em;
}



/* =Data Tables
======================================================================================================================= */


.table-wrapper {
   position: relative;
   margin: 5em 0;
   font-size: 62.5%
}
.table-menu-wrapper {
   position: absolute;
   top: -3em;
   right: 0;
}
.table-menu {
   position: absolute;
   background-color: #fff;
   padding: 10px;
   border: 1px solid #ccc;
   font-size: 1.2em;
   width: 12em;
   right: 0;
   left: auto;
}
.table-menu-hidden {
   left: -999em;
   right: auto;
}
.table-menu-btn {
   text-decoration: none;
   color: #333;
   font-size: 1.2em;
   background: #eee;
   padding: .5em;
   border: 1px solid #ccc;
}
.table-menu ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.table-menu li {
	margin: 0 !important;
	padding: .125em 0 !important;
}

fieldset {
    margin: 1em 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #ddd;
}



/* Table styles */
table.responsive-table {
	background-color: #fff;
	width: 100%;
	font-size: 1.3em;
}
.responsive-table thead th {
	background-color: #006;
	color: #fff;
}
.responsive-table th, 
.responsive-table td {
	line-height: 1.25em;
	padding: .65em 1em .5em 1em;
	text-align: left;
}

.responsive-table th:first-child, 
.responsive-table td:first-child {
   text-align: left;
}


.responsive-table tbody th, 
.responsive-table td {
	border-bottom: 1px solid #36c;
}
.responsive-table .last-name {
   font-size: 1.25em;
   font-weight: bold;
   display: block;
   color: #006;
}

.responsive-table .first-name, 
.responsive-table .middle-name, 
.responsive-table .suffix {
   font-size: 1em;
   line-height: 1.35em;
}

.responsive-table tbody tr:nth-child(2n) {
	background-color: #ccddff;
}

.enhanced th,
.enhanced td {
   display: none;
}

.legacy-ie .enhanced th.essential, 
.legacy-ie .enhanced td.essential {
	display: inline;
}
.enhanced th.essential, 
.enhanced td.essential {
   display: table-cell;
}


.responsive-table tr:hover {
	background-color: #ffc !important;
}



/* =Statistics Table
-------------------------------------------------------------- */


body.statistics .responsive-table th:first-child, 
body.statistics .responsive-table td:first-child {
   text-align: center;
}


body.statistics .responsive-table th, 
body.statistics .responsive-table td {
	text-align: center;
}

/* =Supreme Court Actions Table
-------------------------------------------------------------- */

.id, .docket {
	white-space: nowrap;
}


/* =Disciplinary Reporter Case Digest Table
-------------------------------------------------------------- */

.case-record-table {
	background-color: #fff;
	font-size: .85em;
}
.case-record-table th, 
.case-record-table td {
	vertical-align: top;
	line-height: 1.25em;
	padding: .5em 1em;
	text-align: left;
	border-bottom: 1px solid #36c;
}

.case-record-table th {
	white-space: nowrap;
	text-align: right;
}


/* =PA Attorney Information Table
-------------------------------------------------------------- */

.pa-attorney-info-table {
	background-color: #fff;
	font-size: .85em;
}
.pa-attorney-info-table th, 
.pa-attorney-info-table td {
	vertical-align: top;
	line-height: 1.25em;
	padding: .5em 1em;
	text-align: left;
	border-bottom: 1px solid #36c;
}

.pa-attorney-info-table th {
	font-weight: normal;
}

.pa-attorney-info-table td {
	font-weight: bold;
}




/* =PA Attorney Public Record Table
-------------------------------------------------------------- */

.pa-attorney-public-record .comments p,
.pa-attorney-public-record .description p {
	margin: 0 !important;
}


.pa-attorney-public-record td {
	padding: .5em .5em .5em 0;
	border-top: solid #ddd 1px;
}





/* =Back to Top and Jump Links
======================================================================================================================= */

.back-to-top {
    margin: 1.5em 0 1em 0 !important;
    padding: .5em 0 !important;
	border-top: solid 1px #36c;
	list-style: none !important;
	list-style-type: none !important;
	display: block;
}


.back-to-jump-links {
	margin: 1.5em 0 1em 0 !important;
	padding: 0 !important;
	border-top: solid 1px #36c;
	list-style: none !important;
	list-style-type: none !important;
	display: block;
}

.back-to-jump-links li {
	display: inline-block;
	margin: .5em 0 !important;
    padding: 0 .25em 0 .5em !important;
	border-left: solid 1px #000;
}

.back-to-jump-links li:first-child {
	border-left: none;
}

.back-to-jump-links:before, .back-to-jump-links:after {
	display: table;
	content: "";
}
.back-to-jump-links:after {
	clear: both;
}



/* =Newsletter
======================================================================================================================= */


.superscript {
	font-size:xx-small; 
	vertical-align:top;
}

.superscript_notes {
	font-size: 70%;
	font-style: italic;
	margin: 1em 2em 0em;
	padding: 0em;
}

.superscript_notes p{
	margin: .25em 0em 0em;
	padding: 0em;
	line-height: 1.15em;
}


.disclaimer {
	font-size: 90%;
	font-style: italic;
	margin: 2em 0em 0em;
	padding: 0em;
}




/* =Toggle Hide Show
======================================================================================================================= */

#faqs, #archives, #who-to-contact, #hc-members { 
	position:relative; 
}
#faqs h3, #archives h3, #who-to-contact h2, #hc-members h2 { 
    border-top: 1px solid #ccc;
    color: #00b;
    cursor: pointer;
    margin: .5em 0;
    padding: .5em 0 0;
}
#faqs h3.active, #archives h3.active, #who-to-contact h2.active, #hc-members h2.active { 
	color:#000; 
}
#faqs .panel #archives .archive-stories, #who-to-contact .contact-anwsers, #hc-members .panel { 
	position:relative; 
}

#who-to-contact h3 { 
    color: #00b;
    margin: .5em 0 0 0;
    padding: 0;
}

#hc-members h3 { 
    color: #000;
    margin: 1em 0 0 0;
    padding: 0;
}

#who-to-contact .contact-anwsers { 
    border-bottom: 1px solid #ccc;
    margin: .25em 1em;
    padding: .25em 0.5em 1.5em;
}

#hc-members .panel { 
    margin: .25em 1em;
    padding: .25em 0.5em 1.5em;
}

#who-to-contact .contact-anwsers:last-child, #hc-members .panel:last-child {
    border-bottom: none;
}

#faqs .panel, #archives .archive-stories, #hc-members .panel {
	display: none;
}






/* =Rule Lists
======================================================================================================================= */

.numeric-brackets, .numeric-parentheses, .roman-parentheses, .lower-alpha {
	counter-reset: o-counter;
	margin: 0;
	padding: 0;
	list-style: none;
}
.numeric-brackets li, 
.numeric-parentheses li, 
.roman-parentheses li, 
.lower-alpha li {
	margin: .5em 0 0 3em;
	padding: 0;
}

.numeric-brackets li:before, 
.lower-alpha li:before, 
.roman-parentheses li:before, 
.numeric-parentheses li:before {
	display: inline-block;
	counter-increment: o-counter;
	width: 2em;
	margin-left: -2em;
}

.numeric-brackets li:before {
	content: "[" counter(o-counter) "]";
}

.lower-alpha li:before {
	content: "(" counter(o-counter, lower-alpha) ")";
}

.roman-parentheses li:before, 
.numeric-parentheses .roman-parentheses li:before {
	content: "(" counter(o-counter, lower-roman) ")";
}

.numeric-parentheses li:before {
	content: "(" counter(o-counter, decimal) ")";
}