/*
------------------------
TABLE OF CONTENTS
------------------------

-basic html
-basic template
-global nav
-focus areas
-local nav
-font size
-footer
-donation
*/




/*
------------------------
basic html
------------------------
*/

span.article_separator {
display: none;
}

body {
font-size: 11px;
background-color: #f7dea8;
background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_bg.jpg);
}

p {
line-height: 24px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 5px 0px 15px 0px;
#margin: 0px 0px 15px 0px;
_margin: 0px 0px 15px 0px;
}

body, div, span, table, tr, td {
line-height: 24px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #526763;
}

h1, div.componentheading, td.contentheading, div.componentheading_focus {
font-size: 20px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color:#958AA8;
font-weight:normal;
padding:10px 0px 10px 0px;
#padding:5px 0px 10px 0px;
_padding:5px 0px 10px 0px;
}

div.componentheading, div.componentheading_focus {
padding:15px 0px 10px 0px;
#padding:5px 0px 10px 0px;
_padding:5px 0px 10px 0px;
}

h1 {
padding-top: 7px;
}

h2 {
font-size: 1.25em;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #5a447a;
font-weight: bold;
margin-bottom: 0px;
margin-top: 10px;
}

h3 {
font-size: 1.35em;
line-height: 24px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 5px 0px 10px 0px;
color: #9daeaa;
}

span.mainlevellocal {
font-size: 1.5em;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#166461;
margin: 0px 0px 0px 10px;
}

a {
text-decoration:none;
color:#5a447a;
}

a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a:hover {
background-color: #5a447a;
color: #ffffff;
}

img {
border:none;
}

li {
font-size: 1em;
list-style:none;
background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_bullet.gif) no-repeat;
background-position: 0px 6px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

ul p {
margin: 0px 0px 0px 0px;
padding: 0px;
}

ul.menu_focus span {
font-size: 1em;
list-style:none;
color: #5a447a;
}

ul.menu_focus span:hover {
font-size: 1em;
list-style:none;
color: #ffffff;
}

ul.menu_focus li#current {
display: none;
}

.sectiontableentry1 td,
.sectiontableentry2 td {
visibility: hidden;
#visibility: visible;
_visibility: visible;
margin-top: 10px !important;
}

.sectiontableentry1 a,
.sectiontableentry2 a {
margin: 0px 0px 0px -15px;
#margin: 10px 0px 0px 0px;
_margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 15px;

font-size: 1em;
list-style: none;
visibility: visible !important;
display: inline;
#display: block;
_display: block;
background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_bullet.gif) no-repeat;
#background: none;
_background: none;
}

hr {
color: #ffffff;
border-top: 1px dotted #9daeaa;
border-left: 0px;
border-right: 0px;
padding: 10px 0px 10px 0px;
width: 500px;
}

table.contenttoc {
display: none;
}

table.adminform button {
margin-right: 500px;
}

img.thumb {
margin-right: 15px;
padding: 1px;
border-left: 1px dotted #9daeaa;
border-bottom: 1px dotted #9daeaa;
float: left;
clear: right;
}

/*
------------------------
basic template
------------------------
*/

#shell {width:747px !important;
margin:0px auto;
}

#shell:after	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}

#shell	{display: inline-block;}

#shell	{display: block;}

#header {
margin: 30px 0px 0px 0px;
#margin: 5px 0px 0px 0px;
_margin: 5px 0px 0px 0px;
width:744px;
height:auto;
}

#mainbody {
position:relative;
width:747px !important;
float:left;
height:auto;
display:block;
background-color:#ffffff;
border-right: 5px solid #eeaf30;
border-left: 5px solid #eeaf30;
margin: 4px 0px 0px 0px;
#margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 0px;
}

#textarea li, #textarea-full li {
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px -40px;
}


#bottom {
width: 757px;
height: 20px;
margin: 0px 0px 15px 0px;
#margin: 0px 0px 15px 0px;
_margin: 0px 0px 15px 0px;
background-image:url(http://www.hpcpa.org/site/templates/hpc/images/hpc_footer.gif);
background-repeat:no-repeat;
background-position:center bottom;
position: relative;
float: left;
}

#top {
width:747px;
height:344px;
border:5px solid #eeaf30 !important;
display:block;
}

#top img {
width: 747px;
height: 344px;
margin-top: -344px;
#margin-top: 0px;
_margin-top: 0px;
}

#logo {
width: 200px !important;
height: 344px;
float: right;
position: top right;
margin: 5px -8px 0px 0px;
#margin: 5px -8px -350px 0px;
_margin: 5px -8px -350px 0px;
display: block;
position: relative;
}

#textarea {
height:auto;
margin: 10px 0px 0px 20px;
#margin: 20px 0px 0px 20px;
_margin: 20px 0px 0px 10px;
width:500px;
display:block;
float:left;
}

#textarea-full {
height:auto;
margin: 10px 0px 0px 20px;
#margin: 20px 0px 0px 20px;
_margin: 20px 0px 0px 15px;
width:705px;
display:block;
float:left;
}

#corner {
width: 17px;
height: 17px;
background-image:url(http://www.hpcpa.org/site/templates/hpc/images/left-corner.gif);
background-repeat:no-repeat;
float: left;
position: relative;
margin: 0px 0px 0px 0px;
#margin: 0px 0px -20px 0px;
_margin: 0px 0px -20px 0px;
}


/*
------------------------
Promo Area
------------------------
*/

div.slideshow div.yoo-carousel .prev {
margin: -105px 0px 0px 125px !important;
width: 45px;
height: 25px;
}

div.slideshow div.yoo-carousel .next {
margin: -105px 0px 0px 0px;
width: 30px;
height: 25px;
}

div.slideshow div.yoo-carousel .prev a {
height: 25px !important;
}

div.slideshow div.yoo-carousel .next a {
height: 25px !important;
}

div.slideshow div.yoo-carousel .prev a {
	background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_promo-button-l.gif) no-repeat;
}

div.slideshow div.yoo-carousel .next a {
	background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_promo-button-r.gif) no-repeat; 
}

div.slideshow div.yoo-carousel .prev a:hover {
	background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_promo-button-l_hover.gif) no-repeat; 
}

div.slideshow div.yoo-carousel .next a:hover {
	background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_promo-button-r_hover.gif) no-repeat; 
}


/*
------------------------
Search
------------------------
*/

div.search {
float: left;
margin-top: -25px;
#margin-top: -20px;
_margin-top: -20px;
width: auto;
#width: 178px;
_width: 178px;
}

div.search input.inputbox {
border: 1px solid #f4ca71;
background-color: #fbedd2;
font-size: 10px;
color: #eeaf30;
padding-left: 5px;
height: 15px;
float: left;
}

div.search input.button {
float: right;
}

fieldset {
border-bottom: 1px dotted #627d77;
border-right: 0px;
border-left: 0px;
border-top: 0px;
}


/*
------------------------
font size
------------------------
*/

#fontSize {
float: left;
margin: -28px 0px 0px 12px;
#margin: 4px 0px 0px 12px;
_margin: 4px 0px 0px 12px;
}

#fontSize a {
border-right: 1px solid #f4ca71;
line-height: 9px;
margin-top: 7px;
#margin-top: 8px;
_margin-top: 8px;
}

#fontSize span, #fontSize a {
font-size: 10px;
text-transform: lowercase;
color: #eeaf30;
}

#fontSize a.smaller {
border-right: 0px;
}

#fontSize a:hover {
background-color: transparent;
color: #f4ca71;
}


/*
------------------------
GLOBAL nav
------------------------
*/

#nav {
height:26px;
width:774px !important;
background-image: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_nav-bg.gif);
background-repeat:no-repeat;
margin: -30px 0px 0px 0px;
#margin: -30px 0px 0px 0px;
_margin: -30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 5px solid #eeaf30;
}

#nav li {
float: left;
position: relative;
background-image: none;
list-style: none;
padding: 0px 3px 0px 2px;
#padding: 0px 0px 0px 0px;
_padding: 0px 3px 0px 2px;
margin: 0px 0px 0px -10px;
#margin: 0px -13px 0px 5px;
_margin: 0px 0px 0px -10px;
height: 9px;
display: block;
}

#nav ul  {
float: left;
list-style: none;
overflow: hidden;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 15px;
#padding: 0px 0px 0px 0px;
_padding: 0px 0px 0px 25px;
display: block;
}

#nav a:hover span {
color:#7B6995;
}

#nav span  {
display: block !important;
float: left;
list-style: none;
overflow: hidden;
font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight: bold;
color: #5a447a;
margin: -9px -3px 0px 15px;
#margin: 0px 0x 0px 0px;
_margin: -13px 0px 0px 0px;
padding: 0px 8px 0px 0px;
#padding: 0px 8px 0px 0px;
_padding: 4px 4px 0px 14px;
background-image:none;
}

#nav li.item1, #nav li.item2, #nav li.item8 {
border-right: 1px solid #7B6995;
}


#nav li.item15, #nav li.item21 {
display: none;
}

/*

------------------------
Focus Areas
------------------------
*/

#focus {
float: left;
width: 745px;

height: auto;
display: block;
padding: 0px 0px 0px 0px;
margin: -25px 0px 0px 0px;
}

#focus p, #focus h1 {
margin: 0px 15px 10px 20px;
}

p.focus {
padding: 0px 0px 10px 0px;
}

#focus h1 {
background-image: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_focusnav-bg.gif);
width: 727px;
background-repeat:no-repeat;
background-position: bottom left;
border-bottom: 5px solid #eeaf30;
padding: 0px 0px 0px 20px;
margin: 0px 0px 20px 0px;
font-size: 11px;
line-height: 26px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight: bold;
color: #5a447a;
height: 25px;
}

#focus a {
font-size: 1.1em;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
list-style: none;
}

#focus a:hover {
color: #958AA8;
background-color: #ffffff;
}

td.cdrr p, td.cdpm p, td.cocb p, td.pec p {
font-size: .85em;
line-height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#focus li {
width: 150px;
height: auto;
background-image: none;
float: left;
display: block;
}

table.focus {
display: block;
width: 747px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#focus td {
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
width: 200px;
padding: 0px 0px 0px 0px;
}

td.cdrr, td.cdpm, td.cocb {
border-right: 1px dotted #9daeaa;
}

#focus img {
margin: 0px 0px 0px 0px;
#margin: 3px 0px 0px 0px;
_margin: 3px 0px 0px 0px;
}

/*
------------------------
LOCAL nav
------------------------
*/

#right {
height: auto;
display: block;
float: right;
width: 200px !important;
background: #DFEFD1;
background-image: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_rightnav-bg.gif);
background-position: top left;
background-repeat: no-repeat;
}

#right a {
font-size: 9px;
display: block;
margin-bottom: 12px;
#margin-bottom: 6px;
_margin-bottom: 6px;
padding: 0px 20px 0px 0px;
}

#right a span {
position: relative;
display: block;
line-height: 15px;
#line-height: 9px;
_line-height: 9px;
}

#right li {
list-style: none;
font-size: 10px;
margin: 0px 0px 0px -10px !important;
background-image: none;
}

#right a:hover span {
color:#6a963b;
background-color: transparent;
border: 0px;
}

#right a:hover {
color:#6a963b;
background-color: transparent;
}

#right #current span, #right li.active span {
color: #6a963b;
background-color:#dfefd1;
font-weight: bold;
}

#right span.separator span {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #5A447A;
display: block;
position: relative;
margin: -11px 0px 10px 0px;
#margin: -13px 0px 10px 0px;
_margin: -13px 0px 10px 0px;
padding: 0px 0px 0px 0px;
height: 25px;
}

li.item20 a {
display: none;
}

/*
------------------------
Board Login Area
------------------------
*/

#right li.parent ul a span {
display: block;
font-weight: normal!important;
margin: -5px 0px 0px -35px;
background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_bullet.gif) no-repeat;
background-position: 0px 2px;
#background-position: 0px 6px;
_background-position: 0px 6px;
padding: 0px 0px 0px 15px;
color: #627d77;
}

#textarea #form-login .input {
margin-left: 0px;
}

#textarea #form-login .input .button {
#margin-left: 0px;
_margin-left: 0px;
}

#form-login .input .button {
width: auto;
border: 1px solid #6a963b;
font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #6a963b;
margin-top: 20px;
margin-bottom: 10px;
background-color: #ffffff;
}

#form-login .input .button:hover,
#form-login .input .button:focus {
border: 1px solid #5a447a;
color: #5a447a;
}

#textarea #form-login a:hover {
color: #ffffff !important;
}

.contentpaneopen table {
width: 500px;
margin-bottom: 10px;
}

.contentpaneopen table td {
width: 250px;
}

.contentpaneopen table td {
vertical-align: top;
padding-right: 10px;
padding-top: 0px;
}

#yoo-accordion-1 {
margin-left: -20px;
border: 0px solid #ffffff;
}

#yoo-accordion-1 dt {
font-size: 1.25em;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #5a447a;
font-weight: bold;
margin-bottom: -10px;
margin-top: 10px;
margin-left: 10px;
}

div.default div.yoo-accordion dt.toggler,
div.default div.yoo-accordion dt.toggler:hover {
background-image: none;
}


/*
------------------------
News & Events
------------------------
*/

.mod_placehere p, .mod_placehere h2 {
display: none;
}

.mod_placehere a {
background: url(http://www.hpcpa.org/site/templates/hpc/images/hpc_bullet.gif) no-repeat;
padding: 0px 0px 0px 15px;

margin: 0px 0px 0px 0px;
}

.mod_placehere td.contentheading {
font-size: 11px;
padding: 0px;
}

table .news td {
vertical-align: top;
border-bottom: 1px dotted #cccccc;
line-height: 20px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
line-height: 15px;
width: auto;
}

tr.newsheader td {
font-weight: bold;
padding-left: 10px;
background-color: #dfefd1;
color: #6a963b;
}

table.news {
margin-top: 20px;
margin-bottom: 20px;
}


/*
------------------------
footer
------------------------
*/

#footer-l {
float: left;
position:relative;
display: block;
width:550px;
height: autopx;
margin: -10px 0px 20px -20px;
#margin: -5px 0px 20px -20px;
_margin: -5px 0px 20px -20px;
}

#footer-l li {
float: left;
background-image: none;
border-right: 1px solid #d6d0de;
}

#footer-l a {
background-image: none;
list-style: none;
padding: 0px 0px 1px 0px;
}

#footer-l span {
font-size: .9em;
float: left;
background-image: none;
line-height: 15px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-transform: lowercase;
color: #5a447a;
padding: 0px 5px 0px 5px;
}

#footer-l a:hover span, #footer-l a:hover {
color:#958AA8;

}

#footer-l a:hover, #footer-r a:hover {
color:#958AA8;
background-color: transparent;
}

#footer-l li.item15 {
border-right: 0px;
}

#footer-l p {
float: left;
display: block;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 45px;
#margin: 30px 0px 0px -290px;
_margin: 30px 0px 0px -290px;
font-size: .9em;
line-height: 20px;
}

#footer-r p a {
float: left;
font-size: .9em;
line-height: 14px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding-right: 10px;
}

#footer-r {
float: right;
}

#footer-r img{
}

li.item18, #nav li.item18 {
display: none;
}

#right #form-login {
background-color: #dfefd1;
margin-top: 0px;
}

#form-login .input{
border: 0px;
margin: 0px 0px 0px 20px;
#margin: 0px 0px 0px 30px;
_margin: 0px 0px 0px 30px;
}

#form-login-username {
margin-top: 10px !important;
#margin-top: 10px;
_margin-top: 10px;
}


#modlgn_username, #modlgn_passwd {
width: 140px;
border: 1px solid #6a963b;
font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #526763;
}

#modlgn_username:hover, #modlgn_passwd:hover,#modlgn_username:focus, #modlgn_passwd:focus{
border: 1px solid #5a447a;
}

#form-login a {
color: #526763;
margin-top: -15px;
margin-bottom: 10px;
}

#form-login p {
margin-top: -5px;
margin-bottom: 10px;
}

#form-login input.button {
margin: 0px 0px 0px 0px;
#margin: 0px 0px 0px -30px;
_margin: 0px 0px 0px -30px;
}

/*
------------------------
Donation
------------------------
*/

#jd_form td {
font-weight: normal;
line-height: 16px;
}

#jd_form .heading {
font-size: 1.2em;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #5a447a;
font-weight: bold;
text-decoration: none;
padding-top: 20px!important;
padding-bottom: 0px;
}

#jd_form .inputbox {
width: 250px;
border: 1px solid #6a963b;
font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #526763;
}

#jd_form #country, #jd_tribute {
width: 253px;


border: 1px solid #6a963b;
font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #526763;
margin-bottom: 15px;
}

#jd_form .inputbox:focus, #jd_form .inputbox:hover, #jd_tribute:focus, #jd_tribute:hover {
border: 1px solid #5a447a;
}

#jd_form #country:focus, #jd_form #country:hover {
border: 1px solid #5a447a;
}

#amount_container .inputbox,
#donation_typeonetime.inputbox,
#donation_typerecurring.inputbox {
width: auto;
}

#jd_form input.button {
width: auto;
border: 1px solid #6a963b;
font-size: 11px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #6a963b;
margin-top: 20px;
margin-bottom: 10px;
background-color: #ffffff;
}

#jd_form input.button:hover, #jd_form input.button:focus {

border: 1px solid #5a447a;
color: #5a447a;
}

#jd_form .title_cell {
width: auto;
margin-left: -10px;
margin-top: 20px !important;
}

.required {
color: #eeaf30;
}

#jd_honoree_0 .inputbox {
margin-bottom: 10px;
}

#jd_tribute_email_0 .inputbox {
margin-top: 10px;

margin-bottom: 25px;
}

#jd_tribute_address_0 .inputbox,
#jd_comment_0 .inputbox {
margin-bottom: 20px;
}

#jd_emailYes, #jd_emailNo {
margin-top: 20px;
}

#jd_volunteerYes {
margin-top: 20px;
}

#donation_typeonetime.inputbox,
#donation_typerecurring.inputbox {
border: 0px solid #ffffff;
}

#donation_typeonetime.inputbox:hover,
#donation_typerecurring.inputbox:hover {
border: 0px solid #ffffff;
}