/**************************************************************************************
 use @import rules to include external CSS definitions for template layout or CSS hacks
 this can be used to allow different CSS files e.g. for layout divs and styles etc.
**************************************************************************************/

@import url("/templates/common/bcnpha-navigation.css");
@import url("/code/bcnpha-bestpractices.css");
@import url("/code/bcnpha-code.css");

* { margin: 0; padding: 0; border: 0; }

body { background-color: #a8b8ae; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; }

/**************************************************************************************
    Home page containers
**************************************************************************************/

#home-wrap { background-color: #fff; background-image: url(/templates/common/imgs/home-sidebar-bg.png); background-repeat: repeat-y; margin: 0 auto; width: 823px; overflow: hidden; border-right: 1px solid #315a40; }

#home-header-rotator { background-image: url(/media/rotator-home/rotator.php); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; width: 823px; height: 237px; border-bottom: 1px solid #3D5A48; }

/* IE fix for png in Home background boxes */
* html #home-wrap #home-header-front { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/templates/common/imgs/home-header.png'); }
#home-header-front { background-image: url(/templates/common/imgs/home-header.png); background-repeat: no-repeat; width: 823px; height: 237px; }

#home-left-sidebar { background-image: url(/templates/common/imgs/home-sidebar-top.png); background-repeat: no-repeat; width: 165px; float: left; }

#home-contentwrap { width: 658px; float: right; padding-top: 16px; background-image: url(imgs/home-gradient.gif); background-repeat: repeat-x; }

#home-welcome { padding: 0 16px 16px 16px; }
#home-column1 { width: 310px; float: left; padding-left: 16px; }
#home-column2 { width: 290px; float: right; padding-right: 16px; }
#home-logos { width: 626px; padding: 16px; }

#home-footer { width: 626px; padding: 0 16px 16px 181px; }

/*         Home content styles
**************************************************************************************/

.pagetitle { font-size: 1em; color: #926e14; font-weight: bold; margin-bottom: .7em; }

.home-content h1, .home-newsteaser h1 { font-size: .875em; color: #926e14; font-weight: bold; margin-bottom: .75em; }
.home-content h2, .home-newsteaser h2 { font-size: .75em; color: #12341f; font-weight: bold; }
.home-content h3 { font-size: .75em; color: #926e14; font-weight: normal; }

.home-content p { font-size: .75em; margin-bottom: .75em; }
.home-content img { float: left; margin: 0 .75em .75em 0; }
.home-content div { clear: left; }

.home-content hr { width: 100%; height: 1px; border-top: 1px solid #819583; margin: .75em 0; border-bottom-width: 0; }

.home-content ul, .home-content ol { margin: 0 0 .7em 1.35em; }
.home-content li { font-size: .75em; }
.home-content li ul li { font-size: 100%; }
.home-content li a { font-size: 100%; }

/* Home Navigation - moved to bcnpha-navigation.css
*************************************************************************************

/* Home News Teaser content */
.home-newsteaser { border-bottom: 1px solid #819583; margin-bottom: .75em; padding-bottom: .75em; }
.home-newsteaser h1 { margin-bottom: 0; }
.home-newsteaser p { font-size: .75em; }

/* Home Sidebar content */
.home-sidebar-content { margin: 0 1em 1.5em 1em; }
.home-sidebar-content h1 { font-size: .75em; color: #fff; margin-top: 1em; }
.home-sidebar-content h1 a { color: #fff; text-decoration: none; font-weight: normal; }
.home-sidebar-content h1 a:hover { text-decoration: underline; }
.home-sidebar-content p { font-size: .625em; color: #819583; }
.home-sidebar-content a { color: #819583; }
.home-sidebar-content a:hover { color: #fff; }

.home-contactus { float: right; position: relative; }
.home-contactus li { list-style: none; padding: 11px 36px 0 0; font-size: 10px; line-height: 10px; }
.home-contactus li a { color: #819583; text-decoration: none; }
.home-contactus li a:hover { color: #fff; }

/* Home Search */
.home-sidebar-search { margin: 0 0 1em 1em; }
.home-sidebar-search p.label { color: #819583; font-size: .625em; padding-bottom: .25em; }
.home-sidebar-search .search_string { width: 100px; border-width: 1px; outline: inset 1px #969696; }
.home-sidebar-search .gobutton { font-size: 0.625em; border-width: 1px; outline-style: outset; outline-width: 1px; margin-left: 4px; }
.home-sidebar-search .gobutton:active { outline-style: inset; }

/**************************************************************************************
    Main page containers
**************************************************************************************/
#wrap { background-color: #fff; background-image: url(/templates/common/imgs/sidebars-bg.gif); background-repeat: repeat-y; margin: 0 auto; width: 824px; overflow: hidden; }

#sidebar-left { width: 165px; float: left; }
#middle-column { background-image: url(/media/rotator/rotator.php); background-repeat: no-repeat; background-attachment: scroll; width: 503px; float: left; }
.middle-column-header { margin-bottom: 138px; }
#sidebar-right { width: 156px; float: right; }
#footer { width: 471px; padding: 0 172px 16px 181px  }

/**************************************************************************************
  Main page content styles
**************************************************************************************/

/* page title styles */
.sectiontitle h1 { margin: 0 16px; font-size: .875em; color: #926e14; font-weight: bold; margin-bottom: .75em; }

/****************************************************************/
/*                    Breadcrumb                                    */
/****************************************************************/
.breadcrumb {
    width: 98%;
    padding-left: 10px;
}
.breadcrumb ul {
    list-style: none;
}
.breadcrumb ul li {
    float:left;
    font-size: 0.75em;
    padding: 0 6px 0 6px;
    background: url(/templates/common/imgs/bg_breadcrumb.gif) 0 50% no-repeat transparent;
    margin-bottom:4px;
}
.breadcrumb ul li a {
    color: #626262;
    white-space:nowrap;
}
.breadcrumb ul li a:hover {
    color: #12341f;
}
.breadcrumb ul li.active {
    color: #12341f;
    background-image: url(/templates/common/imgs/bg_breadcrumb_active.gif);
    white-space:nowrap;
}
/***********************************************************************/

/* contact us styles */
.contactus { width: 156px; height: 25px; background-image: url(/templates/common/imgs/contactus-bg.gif); background-repeat: repeat-x; }
.contactus li { list-style: none; padding: 8px 0 0 12px; font-size: 10px; line-height: 10px; }
.contactus li a { color: #819583; text-decoration: none; }
.contactus li a:hover { color: #fff; }

/* content styles */
.content { margin: 8px 16px; background-color: #fff; }
.content p { font-size: .75em; margin-bottom: .75em; }

.content h1 { font-size: .875em; color: #926e14; font-weight: bold; margin-bottom: .75em; }
.content h2 { font-size: .875em; color: #12341f; font-weight: bold; margin-bottom: .75em; }
.content h3 { font-size: .75em; color: #12341f; font-weight: bold; }
.content h4 { font-size: .75em; color: #000; font-weight: bold; }

.content .subheadwbox { font-weight: bold; line-height: 15px; background-color: #a8b8ae; padding: 6px; }

.content strong { font-weight: bold; }

/* default image in content */
.content img { float: left; margin: 0 .75em .75em 0; }
/* right-aligned image in content - Image Properties: add "right" to style */
.content img.right { float: right; margin: 0 0 .75em .75em; }

.content hr { width: 100%; height: 1px; border-top: 1px solid #819583; margin: .75em 0; border-bottom-width: 0; }

.content ul, .content ol { margin: 0 0 .7em 1.35em; }
.content li { font-size: .75em; }
.content li ul li { font-size: 100%; }
.content li a { font-size: 100%; }

.content table { border-collapse: collapse; margin-bottom: .75em; }
.content td { font-size: .75em; vertical-align: top; }
.content td li { font-size: 100%; }
.content table.withborder td, .content table.noborder td { padding: 2px 2px 4px 4px; border: solid 1px black; vertical-align: top; }
.content table.noborder td { border: none; }

.content table p { font-size: 100%; margin-bottom: .75em; }

.content table td h1 { font-size: 100%; color: #926e14; font-weight: bold; margin-bottom: .75em; }
.content table td h2 { font-size: 100%; color: #12341f; font-weight: bold; margin-bottom: .75em; }
.content table td h3 { font-size: 100%; color: #12341f; font-weight: bold; }
.content table td h4 { font-size: 100%; color: #000; font-weight: bold; }


/* Main page Search */
.sidebar-search { margin: .375em 0 1em .6875em; }
.sidebar-search p.label { color: #fff; font-size: .625em; padding-bottom: .25em; }
.sidebar-search .search_string { width: 100px; border-width: 1px; outline: inset 2px #969696; }
.sidebar-search .gobutton { font-size: 0.625em; border-width: 1px; outline-style: outset; outline-width: 1px; margin-left: 4px; }
.sidebar-search .gobutton:active { outline-style: inset; }

/* Search Results page customization */
table.searchresults_searchtable { margin: 0; }
table.searchresults_searchtable td { padding: 0 6px 8px 0; }
table.searchresults_table td { padding: 2px; }

/* Main page News page */
td.post_short { padding: 0; margin: 0; }
td.post_short hr { width: 100%; height: 1px; border-top: 1px solid #819583; margin: 1em 0; border-bottom-width: 0; }

/* Main page Right sidebar */
.sidebar-content, .sidebar-Newsteaser { margin: 0 .75em 1em .6875em; }
.sidebar-content h1, .sidebar-Newsteaser h1 { font-size: .75em; color: #fff; margin-top: 1em; font-weight: normal; }

.sidebar-Newsteaser h2 { font-size: .625em; color: #fff; font-weight: normal; margin-bottom: .5em; }

.sidebar-content h1 a { color: #fff; text-decoration: none; font-weight: normal; }
.sidebar-content h1 a:hover { text-decoration: underline; }
.sidebar-content p, .sidebar-Newsteaser p { font-size: .625em; color: #819583; }
.sidebar-content a { color: #819583; }
.sidebar-content a:hover { color: #fff; }
a.signup { font-size: larger; color: #fff; text-decoration: none; }
a.signup:hover { text-decoration: underline; }

.sidebar-line { width: 100%; line-height: 1%; border-top: 1px solid white; margin: 0; padding: 0; }

.sidebar-Newsteaser a { color: #fff; font-style: italic; text-decoration: none; }
.sidebar-Newsteaser a:hover { text-decoration: underline; }

/* Main page Right sidebar */
.membersresources-logout { background-color: #a8b8ae; float: right; width: 20%; padding: 6px 6px 0 6px; margin: 0 0 12px 12px; font-size: 80%; text-align: center; }

/* FAQ page styles */
.faq-Q { font-size: .75em; font-weight: bold; color: #12341f; }
.faq-top { padding-bottom: 2em; }

/* Instructors list page styles */
/*.instructors td img { margin-bottom: .75em; }*/
.instructors td { padding-bottom: 1em; }

/* Housing Research list page styles */
p.h-housingresearch a { color: #12341f; font-weight: bold; }
p.h-housingresearch a:hover { color: blue; }

/**********************  Members Resources Sign Up customization **************************/

.memberform-table { width: 100%; }
.memberform-table td { padding-top: 8px; }
.memberform-table td.memberform-sub { color: red; padding-top: 0; }
.memberform-table td.memberform-required { color: red; }
.memberform-table input.formh_text, .memberform-table input.formh_email { width: 250px; }
.memberform-table input { width: auto; }


/**********************   Job Posting - table customization         **************************/
.joblist-table, .jobdetails-table { width: 100%; }
.joblist-table td, .jobdetails-table td { padding: 2px; border-bottom: 1px solid #a8b8ae; }

.jobpostingform-table td { padding: 0 8px 4px 0; vertical-align: top; }
.jobpostingform-table input.formh_text, .jobpostingform-table input.formh_err_text, .jobpostingform-table input.formh_email, .jobpostingform-table input.formh_err_email, .jobpostingform-table input.formh_textarea, .jobpostingform-table td.formx_field textarea { width: 300px; }

.jobpostingform-table td.jobform-sub { font-size: 75%; font-style: italic; padding-bottom: 12px; }
.jobpostingform-table td.jobform-required { padding-bottom: 12px; color: red; }

.jobpost-button { float: right; background-color: yellow; }

p table.jobs td { font-size: 100%; padding: 2px; border-bottom: 1px solid #a8b8ae; }
table.jobs td { padding: 2px; border-bottom: 1px solid #a8b8ae; }

/**********************  BCNPHA Sign Up customization - relative file: /modules/newsletter/htt/submit.htt **************************/

.newsletter-signuptable td { vertical-align: top; padding: 0 4px 6px 0; }

/**************************************************************************************
  Common content styles
**************************************************************************************/

.footer-content, .home-logos-content, .logos-content { font-size: .625em; text-align: center; }
.footer-content a { color: #000; text-decoration: none; }
.footer-content a:hover { text-decoration: underline; }

.sitemap li a  { color: #000; line-height: 1.5em; text-decoration: none; }
.sitemap li a:hover  { color: #000; text-decoration: underline; }


.highlight { background-color: yellow; }

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
    margin: 0;
    padding: 0;
}

input { outline: inset 1px; border: 1px white; }
input[type="submit"], input.forum_save, input.forum_reset, input.forum_cancel { outline: outset 1px; }
input[type="submit"]:active, input.forum_save:active, input.forum_reset:active, input.forum_cancel:active { outline: inset 1px; }
input[type="radio"] { outline: none; }
select { outline: inset 1px; }
textarea, textarea.forum_textarea { outline: inset 1px; }

/**********************  Discussion Board - table customization - relative file: /modules/forum/content.php  **************************/
table.details_table td, table.forum-form-table td { padding: 2px; }
table.forum-form-table td.verification { vertical-align: middle; }

/**********************  Captcha - customization  **************************/
table.captcha_table { background-color: yellow; margin: 0; }
table.captcha_table td { font-size: .75em; vertical-align: middle; }

/*                         Image Gallery styles                               */
/******************************************************************************/

table.gallery-table { border-collapse: collapse; width: 98%; background-color: #fff; }
table.gallery-table td { text-align: center; border-top: 0;  }
table.gallery-table a { text-decoration: none; }
table.gallery-table img { margin-right: 0; }

table.gallery-table-control { width: 98%; margin: 0 auto; border-collapse: collapse; background-color: #fff; }
.gallery-caption { width: 400px; margin: 0; padding: 0; } /* this matches the width of the <p> with the max image width */

/*                         Board of Directors table styles                    */
/******************************************************************************/
table.board-table td h3 { font-size: 100%; }
table.board-table td { padding: 0 12px 12px 0; }


/**************************************************************************************
 obligatory CSS definitions for Website Baker templates (content area)
**************************************************************************************

blockquote {}

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th 	 { display: table-cell }
caption  { display: table-caption }


additional tags you should consider for Website Baker templates (content area)

code	 { }
address  { }
*/