/* standard base css rules */
html, body {
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    color: #565558;
    background: #f1f1f1;
    height: 100%;
    /*position: relative;*/
}

html, body, td { font: normal 16px/1.5em helvetica, Geneva, sans-serif; }

p { margin: 10px 0; }

b, strong, .bold { font-weight: bold; }

em, i { font-style: italic; }

sup, sup a, sup a:link, sup a:visited, sup a:active, sup a:hover { font-size: .9em !important; line-height: .9em !important; }

h1 {
    font: bold 26px/1.18em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #767578;
    text-transform: uppercase;

    padding: 1px 0px 1px 35px;
    margin: 0px 0px 12px 0px;
    background: url(/img/icon_h1.gif) no-repeat 0px 0px;
}
h2 {
    font: bold 23px/1.11em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #ec068d;
    padding: 8px 0 4px 0px;
    margin: 1.4em 0 0 0px;
}
h2 a {
    color: #ec068d !important;
}
h2.home_element {
    font: bold 32px/1.18em "Arial Narrow", arial narrow, arial, sans-serif;
    text-transform: uppercase;
    padding: 1px 0;
    margin: 0 0 12px 0;
}
h2.home_element a {
    text-transform: uppercase !important;
}

h3 {
    font: bold 21px/1.11em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #7a9930;
    clear: both;
    margin-top: 1.4em;
}
ul, ol { margin-top: 0; padding-top: 0; padding-left: 20px; }

ul li, ol li {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 5px;
}

ul li {
    list-style-image: none;
    background: url("/img/bullet.gif") no-repeat 0px 3px;
    padding: 0 0 0 17px;
    margin-bottom: 10px;
    font-size: 16px;
}

ol li { list-style-type: decimal; margin-top: 7px; }

ul.subscribe li {
    background: url('/img/icon_rss.gif') no-repeat center left;
    padding: 0 0 0 15px;
    margin: 3px 0 0 0;
}

ul.subscribe li a {
    font: normal 11px/1.27em helvetica, Geneva, sans-serif;
    color: #2269a8;
}

ul.subscribe li a:hover {
    color: #333333;
}

#content-block-home { text-align: left; }

img { border: 0; vertical-align: middle; }

img.content_image_left {
    margin: 0 10px 1em 0;
    float: left;
}

img.content_image_right {
    margin: 0 0 1em 10px;
    float: right;
}

form { display: inline; }

select { min-width: 1.5em; /* firefox! */ font: normal 11px/1.33em helvetica, Geneva, sans-serif; }

option { font: normal 11px/1.33em helvetica, Geneva, sans-serif; }

.clr { clear: both; }

.normal { font-weight: normal !important; }

.error { color: #fd6444 !important; }

@media print { html, body { color: #333; background: #fff; } }

/* link specificity: link, visited, hover, active */

a, a:link, a:visited {
    color: #2269a8;
    background-color: inherit;

    text-decoration: none;
    text-transform: none;
}

a:hover { color: #333333; }
a:focus {   outline: none; }

a.actionable, a.actionable:link, a.actionable:visited, #twocol-large p.actionable {
    padding-left: 23px;
    background: url('/img/arrow.gif') no-repeat center left;
    font: bold 14px/1.07em helvetica, Geneva, sans-serif;
}

a.subtleaction, a.subtleaction:link, a.subtleaction:visited {
    padding-left: 19px;
    background: url('/img/arrow_gray.gif') no-repeat center left;
    font: normal 12px/1.07em helvetica, Geneva, sans-serif;
    color: #2269a8;
    font-weight: normal !important;
}
a.subtleaction:hover {
    color: #333333;
}

a.learnmore, a.learnmore:link, a.learnmore:visited {
    padding-left: 19px;
    background: url('/img/bullet_learn_more.gif') no-repeat center left;
    font: normal 14px/1.07em helvetica, Geneva, sans-serif;
    color: #0b5494;
    font-weight: bold;
}
a.learnmore:hover {
    color: #333333;
}

.togglehidden {
    display: none;
}

.message_stack {
    border: 1px solid #d0d0d0;
    background: #f5f5f5;
    padding: 15px;
    color: #333333;
    margin-bottom: 15px;
}


/*  standard base css rules EOF */

/*  htdig support */
.search_hilite { font-weight: bold; }
/*  htdig support EOF */




/* print template support */
.noprint { }

.noshowtitle { display: none; }

.noshow { display: none; }
/*  print template support EOF */

/*  Layout - General  */
#shadowbox {
    background: url('/img/bkgd_cont.gif') repeat-y;
    margin: 0px auto;
    width: 1079px;
}

#content-wrapper {
    width: 1051px; 
    position: relative;
    left: 14px;
    *left: 0; /* stupid IE */
    background: #ffffff;
    text-align: left;
    height: 100%;
    padding-bottom: 15px;
}

#masthead-toolbar {
    position: absolute;
    top:22px;
    right:38px;
    text-align: right;
    line-height: 21px !important;
    font-size: 11px;
}
#masthead-toolbar a {
    font-size: 11px;
}

#masthead-toolbar a.pink, #masthead-toolbar span.pink {
    background: url('/img/caret_tool.gif') no-repeat 1px 0px;
    padding: 4px 0px 4px 25px;
    margin-left: 14px;
    font-size: 11px;
    color: #2269a8;
    line-height: 21px !important;
}

#masthead-toolbar a.pink:hover {
    color:#333333;
    line-height: 21px !important;
}

#masthead-toolbar span.pink {
    color: #333333;
    line-height: 21px !important;
}

#masthead-toolbar-reglinks {
    margin-bottom: 20px;
    line-height: 21px !important;
}

#masthead-searchForm {
    margin-top: 20px;
    line-height: 21px !important;
}

.divider {
    padding: 0px 10px;
    color:#2269a8;
    font-size: 12px;
}

.horz_divider, hr {
    height: 1px;
    border: 0px;
    margin: 28px 0px;
    padding: 0px;
    background: #7a9930;
    width: 100%;
}

.project_header {
    text-transform: uppercase;
    font-weight: bold;
}

#searchFormField {
    border: 1px solid #cccccc;
    font: normal 11px/1.33em helvetica, Geneva, sans-serif;
    color: #666666;
    width: 147px;
    height: 11px;
    padding: 4px 0px 3px 3px;
    margin: 0px 5px 0px 10px;
}

#main-content {
    margin: 30px 39px 0 39px;
    width: 973px;
    position: relative;
}

#main-utilities {
    height: 18px;
    font-size: 10px;
    line-height: 13px;
}

#main-utilities a {
    color: #0b5494;
    font: normal 10px/13px helvetica, Geneva, sans-serif;
}
#main-utilities a:hover { color: #333333; }
#main-utilities a.printpage, #main-utilities a.printpage:hover { background: url(/img/icon_print.gif) no-repeat 0px 0px; padding: 4px 14px 4px 24px; width: auto; }
#main-utilities a.emailpage { background: url(/img/icon_email.gif) no-repeat 0px 0px; padding: 4px 14px 4px 24px; }
#main-utilities a.spreadword { background: url(/img/icon_spread.gif) no-repeat 0px 0px; padding: 4px 14px 4px 28px; }

#utilities-font {
    position: absolute;
    right: 0px;
    top: 0px;
    font: normal 10px/1.33em helvetica, Geneva, sans-serif;
    color: #666666;
}
#utilities-font .font-label   { float: left; margin: 2px 5px 0px 0px; padding: 2px 0 0 0; }
#utilities-font a         { width: 17px; height:17px; float: left; margin-left: 2px; }

#utilities-font a.font-sm     { background: url(/img/font_sm.gif) no-repeat 0px -18px; }
#utilities-font a.font-med    { background: url(/img/font_m.gif) no-repeat 0px 0px; }
#utilities-font a.font-lg     { background: url(/img/font_lg.gif) no-repeat 0px 0px; }

#utilities-font a:hover,
#utilities-font a.on      { background-position: 0px -18px; }

#twocol-layout { margin-top: 25px; position: relative;
    _height: 1%; /* stupid IE 6 */ }

#twocol-small {
    float: left;
    width: 239px;
    margin-right: 18px;
    _height: 1%; /* stupid IE 6 */
}

#page_index #twocol-small {
    float: right;
    margin-right: 0;    
}

#twocol-large {
    float: left;
    width: 715px; /* 696px; */
}

#page_index #twocol-large {
    width: 718px;
    _height: 1%; /* stupid IE 6 */
}

#twocol-large p {
    font: normal 16px/1.5em helvetica, arial, sans-serif;
    font-size-adjust: none;
    font-stretch: ;
    -x-system-font: none;
    color: #565558;
    margin-bottom: 15px;
}

#twocol-large p.pageleader {
    font: normal 16px/1.6em helvetica, arial, sans-serif;
    margin-bottom: 35px;
    color: #565558;
}

#twocol-large p.home_element {
    font: normal 16px/1.5em helvetica, arial, sans-serif;
    color: #3d3c40;
    margin-bottom: 12px;
}

#twocol-large p.notes {
    font: normal 10px/1.43em helvetica, arial, sans-serif;
    color: #888888;
    margin: 5px 0px;
}

#twocol-large .required {
    color: #fd6444;
}

#twocol-large #twocol-content {
    /*          margin: 0 18px 0 0; */
}

#twocol-large #twocol-content a {
    font-weight: bold;
}

#twocol-large .spotlight {
    float: right;
/*    margin: 0 -21px 10px 30px; */
    margin: 0 0 10px 30px;
}

#twocol-large .leadin {
    font-size: 14px;
    line-height: 1.5em;
}

#twocol-large .step1, #twocol-large .step2, #twocol-large .step3, #twocol-large .step4 , #twocol-large .step5 {
    padding: 18px 25px 12px 108px;
    font-size: 16px;
    line-height: 1.43em;
    margin-top:0px;
    margin-bottom:1px;
}
#twocol-large .step1 { background: #f5f5f5 url(/img/step_1.gif) 5px 18px no-repeat; }
#twocol-large .step2 { background: #f5f5f5 url(/img/step_2.gif) 5px 18px no-repeat; }
#twocol-large .step3 { background: #f5f5f5 url(/img/step_3.gif) 5px 18px no-repeat; }
#twocol-large .step4 { background: #f5f5f5 url(/img/step_4.gif) 5px 18px no-repeat; }
#twocol-large .step5 { background: #f5f5f5 url(/img/step_5.gif) 5px 18px no-repeat; }

#twocol-large .step1 a, #twocol-large .step2 a, #twocol-large .step3 a, #twocol-large .step4 a, #twocol-large .step5 a {
    font-size: 14px;
    line-height: 1.43em;
    font-weight: normal;
}


.content_form {
    border: 1px solid #e5e5df;
    padding: 10px 20px 10px 28px;
}
.content_form h2, .content_form h3 {
    margin-top: 0;
}

.content_form table {
    width: 590px;
}

.content_form td.leftcol {
    padding: 6px 24px 6px 0px;
    width: 271px;
}

.content_form td.rightcol {
    padding: 6px 24px 6px 0px;
    width: 271px;
}

#content_invitefriend {
    clear: both;
}
#content_invitefriend #table_invite_form td.leftcol {
    padding: 6px 0px 6px 0px;
    width: 175px;
}

.content_form label {
    float: left;
    font:normal 12px/1.25em helvetica, arial, sans-serif;
    color: #333333;
    padding: 5px 0 0 0;
    width: 99px;
}
.content_form input.useragreebox {
    display: block;
    float:left;
    /*border: 1px solid #cccccc;*/
    /*          width: 11px;
       height: 11px; */
    margin-top: 6px;
}

.content_form label.useragree {
    float: none;
    font:normal 11px/1.18em helvetica, arial, sans-serif;
    padding: 5px 0 0 0;
    width: 220px;
    display: block;
    margin-left: 20px;
}

.content_form label.useragree a {
    font:normal 11px/1.18em helvetica, arial, sans-serif;
}

.content_form input.surveyradio {
    display: block;
    float:left;
    /*border: 1px solid #cccccc;*/
    /*          width: 11px;
       height: 11px; */
    margin-top: 12px;
}

.content_form label.survey {
    float: none;
    font:normal 14px/1.18em helvetica, arial, sans-serif;
    padding: 5px 0 0 0;
    width: auto;
    display: block;
    margin: 6px 0 0 20px;
    color:#565558;
}

.content_form .input {
    width: 170px;
    height: 14px;
    /*border: 1px solid #cccccc;*/
    font: normal 12px/1.18em helvetica, arial, sans-serif;
    color:#707070;
    float: left;
    padding:2px 0px;
}

.content_form .input[type="text"], .content_form input[type="password"] {
    border: 1px solid #cccccc;
}

.content_form textarea {
    border: 1px solid #cccccc;
    font: normal 12px/1.18em helvetica, arial, sans-serif;
    color:#707070;
    float: left;
    padding:3px;
}
.content_form textarea#email_recipient {
    width: 300px;
    margin-bottom: 10px;
}
.content_form textarea#message {
    width: 300px;
    height: 325px;
}

.content_form .select {
    /*  width: 60px;  */
    height: 18px;
    border: 1px solid #cccccc;
    font: normal 12px/1.18em helvetica, arial, sans-serif;
    color:#707070;
    float: left;
}

.padded {
    margin-top: 35px;
}

dl.toc {
    margin: 15px 0px;
}

dl.toc dt {
    font: bold 14px/1.33em helvetica, arial, sans-serif;
    color:#0b5494;
    padding-left: 23px;
    background: url('/img/arrow.gif') no-repeat center left;
}

dl.toc dt a {
    color:#0b5494;
    font: bold 16px/1.33em helvetica, arial, sans-serif;
}

dl.toc dd {
    margin-left: 23px;
    margin-bottom: 8px;
    font-size: 16px;
}

#footer {
    clear: both;
/*    width: 919px; */
    background:#f0f0f0;
    padding: 0 14px 20px 14px;
    margin-top:60px;
}

#footer img { margin-right: 45px; margin-top: 20px; }
#footer .copyright {
    font: normal 10px/1.18em helvetica, arial, sans-serif;
    color: #88888d;
    margin-top: 8px;
}
#footer .copyright a,
#footer .copyright .divider {
    font: normal 10px/1.18em helvetica, arial, sans-serif;
    color: #333333;
}

#footer #footer_right {
    float: right;
}

#footer #connect_with_aow {
    text-align: right;
    margin: 10px 0 5px 0;
    line-height: 40px;
    font-size: 11px;
}
#footer #connect_with_aow a {
    margin-left: 10px;
}
#footer #connect_with_aow img {
    margin: 0;
}

#builtat {
    clear: both;
/*    width: 947px; */
    background:#ffffff;
    padding: 10px 0 0 0;
    text-align: right;
}

#builtat a,
#builtat .divider {
    font: normal 10px/1.18em helvetica, arial, sans-serif;
    color: #88888D;
}



/*  Modules */
#mod-researcher-login {
    width: 231px;
    border: 1px solid #e9eae5;
    margin: 20px 0;
    padding: 0;
}
#mod-researcher-login p {
    margin: 1em 10px;
}

#mod-researcher-login form {
    margin: 0;
    padding: 0;
    display: block;
}

#mod-researcher-login table {
    margin: 0 5px;
    border-spacing: 5px;
    border-collapse: separate;
}
#mod-researcher-login input.text {
    width: 130px;
    border: 1px solid #ccc;
}
#mod-researcher-login h2 {
    font: bold 18px/1.11em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #7a9930;
    padding: 3px 0 4px 7px;
    margin: 3px 0 0 3px;
    background: url(/img/bkgd_head.gif) no-repeat 0px 0px;
}

#mod-researcher-login input.submit {
    border: 0;
    padding: 0 0 0 23px;
    *padding: 0;
    background: url('/img/arrow.gif') no-repeat center left;
    font-weight: bold;
    font-size: 14px;
    width: 211px;
    color: #2269a8;
}
#mod-researcher-login .submit_wrapper {
    border-top: 1px solid #e9eae5;
    margin-top: 1em;
    padding: 1em 10px;

}


#counter-module {
    border: 1px solid #9ac535;
    clear:both;
}
.counter-top {
    background: #9bc535 url(/img/bkgd_countdown.gif) repeat-x 0px 0px;
    font: bold 20px/1.18em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #ffffff;
    padding: 14px 8px;
    text-transform: uppercase;
}

.counter-bottom {
    background: #ffffff;
    padding: 12px 8px;
    font: bold 12px/1.18em helvetica, arial, sans-serif;
    color: #333333;
    height: 46px;
}

.counter-rolling {
    margin:5px 0 0 0;
}

.counter-digit {
    font: bold 18px/1.18em helvetica, arial, sans-serif;
    color: #ffffff;
    background: url(/img/bkgd_counter.gif) no-repeat 0px 0px;
    float: left;
    width: 15px;
    height: 22px;
    padding: 4px 0 0 4px;
    margin: 0;
}

/* action features -- old */
#action-features {
    padding:30px 0 60px 0;
    clear:both;
    position: relative;
}

#action-features-leftcol { padding:28px 0px 60px 0px; clear:both; }

.action-feature {
    width: 231px;
    float: left;
    border: 1px solid #e9eae5;
    margin-right: 5px;
}

.action-feature h2 {
    font: bold 18px/1.11em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #ec068d;
    padding: 3px 0 4px 7px;
    margin: 3px 0 0 3px;
    background: url(/img/bkgd_head.gif) no-repeat 0px 0px;
}


#action-features-leftcol .action-feature {
    margin: 0 0 28px 0;
}

#action-features-leftcol .action-feature h2 {
    font: bold 18px/1.11em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #7a9930;
    padding: 3px 0 4px 7px;
    margin: 3px 0 0 3px;
    background: url(/img/bkgd_head.gif) no-repeat 0px 0px;
}

.action-feature-last { margin-right: 0px; }

.action-feature-text {
    top: 48px;
    margin-left: 90px;
    width: 130px;
    font: normal 12px/1.17em helvetica, arial, sans-serif;
    color: #333333;
}

.action-feature-subtext { font-size: 11px; font-weight: bold; }

.mod_ashley         { background: url(/img/bkgd_mod_ashley.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_dakota         { background: url(/img/bkgd_mod_dakota.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_debbie         { background: url(/img/bkgd_mod_debbie.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_elena          { background: url(/img/bkgd_mod_elena.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_joan         { background: url(/img/bkgd_mod_joan.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_julie          { background: url(/img/bkgd_mod_julie.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_kate         { background: url(/img/bkgd_mod_kate.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_kateb          { background: url(/img/bkgd_mod_kateb.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_linda          { background: url(/img/bkgd_mod_linda.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_mayra          { background: url(/img/bkgd_mod_mayra.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_melissa        { background: url(/img/bkgd_mod_melissa.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_sandra         { background: url(/img/bkgd_mod_sandra.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_tamar          { background: url(/img/bkgd_mod_tamar.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod_tiffany        { background: url(/img/bkgd_mod_tiffany.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod-news           { background: url(/img/bkgd_mod_news.jpg) no-repeat bottom left;      height: 162px; width: 231px}
.mod-drlove         { background: url(/img/bkgd_mod_drlove.jpg) no-repeat bottom left;      height: 162px; width: 231px}
.mod-partner        { background: url(/img/bkgd_mod_partnership.jpg) no-repeat bottom left;       height: auto; width: 231px }
.mod-research       { background: url(/img/bkgd_mod_researchers.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod-updates        { background: url(/img/bkgd_mod_updates.jpg) no-repeat bottom left;       height: 162px; width: 231px }
.mod-volunteer        { background: url(/img/bkgd_mod_volunteers.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_ashley_pendant     { background: url(/img/bkgd_mod_ashley_pendant.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_researcher_kim     { background: url(/img/bkgd_mod_researcher_kim.jpg) no-repeat bottom left;      height: 162px; width: 231px }
.mod_researcher_thea    { background: url(/img/bkgd_mod_researcher_thea.jpg) no-repeat bottom left; height: 162px; width: 231px }

#action-features .action-feature-bottom,
#action-features-leftcol .action-feature-bottom {
    border-top: 1px solid #e9eae5;
    width: 202px;
    height: 40px;
    background: #ffffff url(/img/arrow.gif) no-repeat 2px 21px;
    padding: 12px 6px 0px 23px;
}
#action-features .action-feature-bottom a, #action-features-leftcol .action-feature-bottom a { font: bold 14px/1.07em helvetica, arial, sans-serif; color: #2269a8; }
#action-features .action-feature-bottom a:hover, #action-features-leftcol .action-feature-bottom a:hover { color: #333333; }

.action-feature-highlights {
    /*  width: 100%;  */
    height: 26px;
    padding:12px 6px;
}

.action-feature-highlights img { float: left; }
.action-feature-highlights img#love-logo { margin: 2px 24px 0 0; }
.action-feature-highlights img#avon-logo { margin: 0; }

/* // action features */


/* new hp features */
.feature-box {
    height: 189px;
    width: 237px;
    padding: 0;
    margin: 0;
    position: relative;
}
.feature-box div {
    height: 153px;
}
.feature-box h2 {
    margin: 0 10px 0 19px !important;
    font: bold 20px/1.12em "Arial Narrow", Arial, sans-serif !important;
    color: #7a9930;
}
.feature-box p {
    height: 85px;
    width: 145px;
    margin-left: 82px;
    overflow: auto;
    font: normal 13px/1.45em Helvetica, sans-serif !important;
    color: #4b4b31;
}
.feature-box a.actionable {
    display: block;
    margin: 0;
    background: none;
    padding: 0;
}
#feature-right-top {
    margin-top: 38px;
    margin-bottom: 5px;
}

/* // new hp features */

#twocol-large .highlight {
    margin: 15px 0 25px 0;
}
#twocol-large .highlight .highlight-image {
    margin: 0px;
    padding: 0px;
    float: left;
}

#twocol-large .highlight .highlight-text {
    border: 1px solid #e5e5df;
    border-left: 0px;
    padding: 22px 16px 20px 22px;
    width: 420px;
    height: 147px;
    float: left;
}

#twocol-large .highlight .highlight-text p.text {
    font:normal 17px/1.29em "Arial Narrow", arial, helvetica, Geneva, sans-serif;
    margin: 0px;
    color: #666666;
}







/*  Navigation Code */
/* ------------------------- Menu -------------------------------------- */

#main-nav { background:url(/img/bkgd_nav.gif) repeat-x; }

#menu {
    position:relative;
    height:55px;
    width:947px;
    margin:0 0 0 50px;
    color:#0b5494;
    font:normal 15px/1em helvetica, Geneva, sans-serif;
    z-index:1000;
    padding-left: 0px;
}

@media print {
    #menu { display:none; }
}


#menu ul {
    list-style:none;
    width:auto;
}

.menu li {
    position:relative;
    float:left;
    width: 157px;
    margin:0;
    padding:20px 0 13px 0;
    text-align: center;
    border-right: 1px solid #ffffff;
    height: 22px;
    background-image: none;
}

li#menu_aboutus { border-left: 1px solid #ffffff; width: 156px; }
li#menu_getinvolved { width: 156px; }

#menu a, #menu a:link, #menu a:visited {
    width: auto;
    color:#0b4171;
    background: url(/img/nav_arrow.gif) no-repeat 6px 10px;
    padding: 8px 10px 8px 23px;
    font:normal 15px/1em helvetica, Geneva, sans-serif;
    /*font:bold 11px/1em arial, helvetica, sans-serif;*/
}

#menu a.on, #menu a:hover, #menu a.hover {
    color:#ffffff !important;
    background-image: url(/img/nav_arrow_on.gif) !important;
    background-color: #4686c6 !important;
}

#menu a#menu_aboutus_href         { width: 65px; }
#menu a#menu_getinvolved_href       { width: 87px; }
#menu a#menu_forvolunteers_href     { width: 99px; }
#menu a#menu_forresearchers_href    { width: 113px; }
#menu a#menu_armytownhall_href      { width: 134px; }
#menu a#menu_newsandevents_href     { width: 102px; }


#menu .submenu {
    width:230px;
    list-style:none;
    position:absolute;
    top:43px;
    left:0;
    padding: 4px 6px;

    visibility: hidden;
    background:#f5f5f5;
    border:1px solid #4686c6;
}
#menu ul#submenu_aboutus      { left:31px; }
#menu ul#submenu_getinvolved    { left:20px; }
#menu ul#submenu_forvolunteers    { left:14px; }
#menu ul#submenu_forresearchers   { left:6px; }
#menu ul#submenu_armytownhall   { left:10px; }
#menu ul#submenu_newsandevents    { left:11px; }


#menu .submenu li {
    float:none;
    text-align: left;
    padding: 0px;
    margin: 0px;
    width: auto;
    line-height: normal;
    height: auto;
}

#menu .submenu a, .submenu a:link, .submenu a:visited {
    color:#0b4171;
    background:#f5f5f5 url('/img/lnav_arrow.gif') no-repeat 3px 5px;
    font-size: 13px;
    font-family:helvetica, Geneva, sans-serif;
    font-weight: normal;
    line-height: 1.25em;
    width: auto;
    padding:3px 6px 2px 18px;
    margin:0;
    display: block;
}

#menu .submenu a.on, #menu .submenu a:hover, #menu .submenu a.hover {
    color:#fff;
    background:#4686c6 url('/img/lnav_arrow_on.gif') no-repeat 3px 5px !important;
}

/* --------------------------- Menu EOF ------------------------------------- */

/* --------------------------- Section Nav --------------------------------- */

#page-navigation {
    border-top: 1px solid #7a9930;
    border-bottom: 1px solid #7a9930;
    padding: 3px 0;
    margin: 0 0 28px 0;
}

#nav {
    clear:both;
    margin: 3px 0px;
    background:#f5f5f5;
    padding:8px 0;
    margin:0;
}

@media print {
    #nav,#page-navigation { display:none; }
}

#nav li {
    background-image: none;
    font-size: 11px;
    margin-bottom: 0px;
}

#nav a, #nav a:link, #nav a:visited {
    width: auto;
    padding:2px 6px 0px 18px;
    color:#0b4171;
    background:url('/img/lnav_arrow.gif') no-repeat 2px 7px;
    font:normal 13px/1.35em helvetica, Geneva, sans-serif;
    text-transform:none;
    display: block;
}

#nav a.on, #nav a.on:link, #nav a.on:visited, #nav a:hover {
    background:#4686c6 url('/img/lnav_arrow_on.gif') no-repeat 2px 7px;
    color:#fff;
}

#nav div {
    /*  height: 18px; */
    width: auto;
    margin: 0 0 1px 16px;
}

#nav div div {
    margin-left: 8px;
    margin-top: 1px;
}

#nav div div a, #nav div div a:link, #nav div div a:visited {
    font-size: 11px;
    background-position: 2px 4px;
}

#nav div div a.on, #nav div div a.on:visited, #nav div div a:hover {
    background:#4686c6 url('/img/lnav_arrow_on.gif') no-repeat 2px 4px;
}

/* captcha */
.securimage_captcha_box {
    overflow: hidden;
}
.securimage_captcha_box .securimage {
    float: left;
}
.securimage_captcha_box a {
    margin-left: 5px;
}
.securimage_captcha_box a.first img {
    margin-bottom: 5px;
}


/* town hall updates wrappers */

.update_wrapper {
    border-top: 1px solid #7a9a2f;
    margin-top: 1em;
    padding-top: 1em;
}
.update_wrapper_first {
    border-top: none;
    padding-top: 0;
}

.update_wrapper .details {
    font-size: .9em;
    color: #666;
    line-height: 1.45em;
    margin: .5em 0;
}

.update_wrapper h3 {
    margin-top: 0;
}

.update_wrapper p {
    margin: 0 0 1em 0;
}

.paginator-panel .page-links {
    float:left;
    position:relative;
    color:#333;
}

.paginator-panel .page-links, .paginator-panel .page-links a {
    font:normal 13px/1.35em helvetica, Geneva, sans-serif;
}

.page-links .link {
    margin-left:10px;
    margin-right:10px;
}

.paginator-panel .results {
    height:18px;
    line-height:18px;
}

.paginator-panel .results .summary {
    float:left;
    position:relative;
}

.box {
    background-color:#f4f4f5;
    padding: 30px 15px 20px 15px;
    color:#333;
    font:normal 12px/1.5em helvetica, Geneva, sans-serif;
}

.box .header {
    font-weight:bold;
    text-transform:uppercase;
}

.filter-projects select {
    width:162px;
}

.filter-projects .filter-box {
    padding:5px 35px 5px 8px;
    background-color:#f4f4f5;
    color:#333;
}

.filter-projects .filter-box-or {
    padding:5px 15px 5px 15px;
}


/*  GENERAL STYLES  */
p.phone {
    background: url(/img/icon_phone.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 36px;
    height: 18px;
}

p.fax {
    background: url(/img/icon_fax.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 36px;
    height: 19px;
}

p.emailaddress {
    background: url(/img/icon_email_newsev.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 36px;
    height: 17px;
}

.imgfeature {
    float: left;
    margin: 0px 25px 25px 0;
}

#twocol-large div.pullquote {
    border-top: 1px solid #e9eae5;
    border-bottom: 1px solid #e9eae5;
    padding: 20px;
    width: 452px;
    margin-left: 145px;
    margin-top: 20px;
}

#twocol-large div.pullquote p.quote {
    color:#98987b;
    font:normal 14px/1.5em helvetica, Geneva, sans-serif;
    font-style: italic;
}

#twocol-large div.pullquote p.byline {
    font:normal 14px/1.5em helvetica, Geneva, sans-serif;
}

#twocol-large p.footnote {
    font-size: 10px;
}

#sitemap {
}

#sitemap .category .heading {
    padding-bottom:11px;
}

#sitemap .category .heading a {
    font: bold 21px/1.11em "Arial Narrow", arial narrow, arial, sans-serif;
    color: #7a9930;
    clear: both;
    margin-top: 1em;
}

#sitemap .col {
    margin-bottom:15px;
}

#sitemap .main-col {
    float:left;
    position:left;
    width:300px;
}


#rsvp_msgbox {
    color:#666;
    background-color:#FFF;
    border-top:5px solid #EC068D;
    border-bottom:5px solid #EC068D;
    border-left:1px solid #EC068D;
    border-right:1px solid #EC068D;
    display:none;
    padding:10px;
    text-align:left;
    width:260px;

}
#rsvp_msgbox_content {
    background-color:#FFF;
    font-family: helvetica, Geneva, sans-serif;
    font-size: 14px;
    width:100%;
}
.rsvp_msgbox_buttons {
    float: left;
    width: 100px;
    background-color:#FFF;
    padding:5px 2px 5px 2px;
    text-align:center;
}

content_form #content_volunteer_signup_form label { font-size:16px !important; }

.content_form #content_volunteer_signup_form .select option  { font-size:14px !important; }
.content_form #content_volunteer_signup_form select  { font-size:13px !important; }
.content_form #content_volunteer_signup_form select { height:22px; vertical-align:middle; }
.content_form #content_volunteer_signup_form .input { font-size:14px !important; }
.content_form #content_volunteer_signup_form input[type="text"],
.content_form #content_volunteer_signup_form input[type="password"]
{ height:20px; vertical-align:middle; line-height:20px; }


/* tabber */
.hp_tab_wrapper {
    width: 352px;
    float: left;
    position: relative;
}
/*--------------------------------------------------
   REQUIRED to hide the non-active tab content.
   But do not hide them in the print stylesheet!
   --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display:none;
}

/*--------------------------------------------------
   .tabber = before the tabber interface is set up
   .tabberlive = after the tabber interface is set up
   --------------------------------------------------*/
.tabber {
}
.tabberlive {

}

/*--------------------------------------------------
   ul.tabbernav = the tab navigation list
   li.tabberactive = the active tab
   --------------------------------------------------*/
ul.tabbernav
{
    margin:0;
    padding: 0;
    background: none;
    display: block;
    width: 336px;
    height: 38px;
    overflow: hidden;
    border-right: 1px solid #cdcdcd;
}

ul.tabbernav li
{
    list-style: none;
    margin: 0;
    display: inline;
    background: none;
    padding: 0;
    font-size: 14px;
    line-height: 1.2em;
}

ul.tabbernav li a
{
    padding: 5px;
    margin: 0;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    color: #4b4b31;
    background: #fff;
    text-decoration: none;
    width: 101px;
    height: 27px;
    display: block;
    float: left;    
    font: bold 14px/1em "Arial Narrow", Arial, sans-serif !important;
}
ul.tabbernav li.last a {
    border-right: 1px solid #cdcdcd;
}



ul.tabbernav li a:hover
{
    color: #fff;
    background: #ec068d;
    border-color: #cdcdcd;
}

ul.tabbernav li.tabberactive a
{
    background-color: #ec068d;
    color: #fff;
}

ul.tabbernav li.tabberactive a:hover
{
    color: #fff;
    background: #ec068d;
}

/*--------------------------------------------------
   .tabbertab = the tab content
   Add style only after the tabber interface is set up (.tabberlive)
   --------------------------------------------------*/
.tabberlive .tabbertab {
    padding:5px;
    border:1px solid #cdcdcd;
    
    height: 371px; /* 383px; */
    overflow:auto; 
    
    font: normal 16px/1.35em Helvetica, Arial, sans-serif;
}


#twocol-large .tabberlive .tabbertab p.home_element {
    font: normal 16px/1.35em Helvetica, Arial, sans-serif;
}
#twocol-large .tabberlive .tabbertab p {
    font: normal 16px/1.35em Helvetica, Arial, sans-serif;
}
#twocol-large .tabberlive .tabbertab h2.home_element {
    font-size: 18px;
    margin: .5em 0;
    background: url(/img/bkgd_head.gif) no-repeat;
    padding-left: 7px;
    line-height: 25px;
}

#tabber_left_tab { margin-right: 14px; }
/* /tabber */ 


/* hp blog list */
dl.hp_blog_list {
    margin: 0;
}

dl.hp_blog_list dt {
    font: bold 16px/1em Helvetica, Arial, sans-serif;
    color: #040505;
    margin: 0 0 .5em 0;
}

dl.hp_blog_list dd {
    margin: .67em 0;
}

dl.hp_blog_list .title {
    font-size: 16px;
    line-height: 1.12em;
    display: block;
}

dl.hp_blog_list .details {
    font-size: 14px;
    color: #4b4b31;
}