/* NOTE: This was imported from http://webresources.childrensmn.org/Styles/Childrens-2/Childrens.css */

/* Styles for key template components */

.pageHeader      { background-color: #E4E4E4; }

img { border: 0px none; }

/* Create a default typeface and point size across common container elements */

div#content_container div.item-page p           { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; text-align: left; vertical-align: top; line-height: 16px; }
div#content_container div.item-page td          { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; text-align: left; vertical-align: top; line-height: 16px; }
div#content_container div.item-page div         { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; line-height: 16px; }
div#content_container div.item-page span        { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; line-height: 16px; }
div#content_container div.item-page input       { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; margin: 0px; padding: 1px; border: 1px solid #A0A0A0; }
div#content_container div.item-page button      { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; margin: 0px; }
div#content_container div.item-page textarea    { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; }
div#content_container div.item-page select      { font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #202020; }



/* Miscellaneous */

ul.boxlist { margin: 3px 15px 0px 15px; }

.olsonArticleDate     { font-family: Times; font-size: 12px; font-weight: 100; color: #202020; font-style: italic; }

.olsonHorizontalRule { margin-top: 15px; margin-bottom: 15px; }

.documentIcon       img { border: solid 2px transparent; }
.documentIcon:hover img { border: solid 2px #E0E0E0; background-color: #E0E0E0; }

div#content_container div.item-page hr { margin-top: 8px; margin-bottom: 8px; }

div#content_container div.item-page li { padding-bottom: 0; }



/* Utility classes */

.fullWidth { width: 100%; }
.center { text-align: center; }
.centered { text-align: center; }
.vMiddle { vertical-align: middle; }
.vCenter { vertical-align: middle; }
.vTop { vertical-align: top; }
.vBottom { vertical-align: bottom; }
.right { text-align: right; }
.hidden { display: none; }
.bold { font-weight: bold; }



/* Pre-load colors for blocks with dynamically generated backgrounds */

.olsonBgShadedLight    { background-color: #F0F0F0; }
.olsonBgShadedDark     { background-color: #E4E4E4; }
.olsonBgGradientBlock  { background-color: #E4E4E4; background-repeat: repeat-x; }
.olsonBgGradientBubble { background-color: #F0F0F0; background-repeat: repeat-x; }
.olsonBgGradientAlert  {} /* This is simply a "CSS selector helper" for background-shaded blocks, used by client-side script after the page is loaded to install custom-sized dynamic background images */
.olsonShadedBlock      {} /* This is simply a "CSS selector helper" for background-shaded blocks, targeted by CSS selectors elsewhere in this style sheet. */



/* Link styles for everything but heading links */

div#content_container div.item-page a                                        { font-weight: normal; color: #4150E1; text-decoration: underline; }
div#content_container div.item-page a span                                   { font-weight: normal; color: #4150E1; text-decoration: underline; }
div#content_container div.item-page a:hover                                  { font-weight: normal; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page a:hover span                             { font-weight: normal; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .olsonShadedBlock a                      { font-weight: normal; color: #162080; text-decoration: underline; }
div#content_container div.item-page .olsonShadedBlock a span                 { font-weight: normal; color: #162080; text-decoration: underline; }
div#content_container div.item-page .olsonShadedBlock a:hover                { font-weight: normal; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .olsonShadedBlock a:hover span           { font-weight: normal; color: #CA005D; text-decoration: underline; }

div#content_container div.item-page a.olsonLink                              { font-weight: bold;   color: #4150E1; text-decoration: none; }
div#content_container div.item-page a.olsonLink span                         { font-weight: bold;   color: #4150E1; text-decoration: none; }
div#content_container div.item-page a.olsonLink:hover                        { font-weight: bold;   color: #CA005D; text-decoration: underline; }
div#content_container div.item-page a.olsonLink:hover span                   { font-weight: bold;   color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .olsonShadedBlock a.olsonLink            { font-weight: bold;   color: #162080; text-decoration: none; }
div#content_container div.item-page .olsonShadedBlock a.olsonLink span       { font-weight: bold;   color: #162080; text-decoration: none; }
div#content_container div.item-page .olsonShadedBlock a.olsonLink:hover      { font-weight: bold;   color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .olsonShadedBlock a.olsonLink:hover span { font-weight: bold;   color: #CA005D; text-decoration: underline; }

a.javascriptLink                         { font-weight: normal; color: #4150E1; text-decoration: none; cursor: pointer; }
a.javascriptLink:hover                   { font-weight: normal; color: #CA005D; text-decoration: underline; }

a.pdfLink          { font-size: 12px; font-weight: bold; color: #4150E1; text-decoration: none; }
a.pdfLink:hover    { font-size: 12px; font-weight: bold; color: #CA005D; text-decoration: underline; }



/******************************************************************************/

/* Headings */

/*
//  Heading styles for <h1> - <h6> with link and hover styles, including color overrides for blocks with shaded backgrounds.
//  NOTES:
//      + Styles described here are for both heading text and the accompanying round arrow buttons. Some styles are specific to the text, and others specific to the buttons.
//      + For .hxButton styles, top margins are for buttonAlign=right (buttons are in their own table column below a 5px spacer image), and bottom margins are for buttonAlign=none (buttons are sitting on heading text baselines).
//      + span.hxButton and 'Print' styles represent adjustments specific to IE5/IE6 since button images are rendered using span tags instead of img tags, and those span tags align with text baselines slightly different. The 'Print' styles compensate for issues around printing transparent PNG's within IE5/IE6.
*/

div#content_container div.item-page h1          { font-family: Helvetica, Arial, Sans-Serif; font-weight: normal; color: #000000; }
div#content_container div.item-page h2          { font-family: Helvetica, Arial, Sans-Serif; font-weight: normal; color: #000000; }
div#content_container div.item-page h3          { font-family: Helvetica, Arial, Sans-Serif; font-weight: normal; color: #000000; }
div#content_container div.item-page h4          { font-family: Helvetica, Arial, Sans-Serif; font-weight: bold;   color: #000000; }
div#content_container div.item-page h5          { font-family: Helvetica, Arial, Sans-Serif; font-weight: bold;   color: #000000; }
div#content_container div.item-page h6          { font-family: Helvetica, Arial, Sans-Serif; font-weight: bold;   color: #000000; }

div#content_container div.item-page h1.headerText     { font-size: 24px; font-weight: normal; color: #FFFFFF; font-style: normal; } /* Special style for use in header banners */
div#content_container div.item-page h2.headerSubText  { font-size: 16px; font-weight: normal; color: #FFFFFF; font-style: normal; } /* Special style for use in header banners */

div#content_container div.item-page h1                   { font-size: 25px; line-height: 25px; margin-top: 10px; margin-bottom: 5px; }
div#content_container div.item-page .olsonShadedBlock h1 { font-size: 20px; line-height: 20px; margin-top: 10px; margin-bottom: 5px; } /* Smaller font size within shaded areas, sidebars, etc. */
div#content_container div.item-page a.olsonH1            { font-weight: normal; color: #000000; text-decoration: none; }
div#content_container div.item-page a.olsonH1:hover      { font-weight: normal; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .h1Button                   { margin-bottom: -1px; }
div#content_container div.item-page .olsonShadedBlock .h1Button { margin-bottom: -1px; }

div#content_container div.item-page h2                   { font-size: 21px; line-height: 21px; margin-top: 9px; margin-bottom: 5px; }
div#content_container div.item-page .olsonShadedBlock h2 { font-size: 18px; line-height: 18px; margin-top: 9px; margin-bottom: 5px; } /* Smaller font size within shaded areas, sidebars, etc. */
div#content_container div.item-page a.olsonH2            { font-weight: normal; color: #000000; text-decoration: none; }
div#content_container div.item-page a.olsonH2:hover      { font-weight: normal; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .h2Button                   { margin-bottom: -2px; }
div#content_container div.item-page .olsonShadedBlock .h1Button { margin-bottom: -2px; }

div#content_container div.item-page h3                   { font-size: 19px; line-height: 19px; margin-top: 8px; margin-bottom: 4px; }
div#content_container div.item-page .olsonShadedBlock h3 { font-size: 16px; line-height: 16px; margin-top: 8px; margin-bottom: 4px; } /* Smaller font size within shaded areas, sidebars, etc. */
div#content_container div.item-page a.olsonH3            { font-weight: normal; color: #000000; text-decoration: none; }
div#content_container div.item-page a.olsonH3:hover      { font-weight: normal; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .h3Button                   { margin-bottom: -2px; }
div#content_container div.item-page .olsonShadedBlock .h3Button { margin-bottom: -2px; }
div#content_container div.item-page .olsonShadedBlock h3              { font-weight: bold; } /* Make the smaller version bold to offset its lighter glyph weight */
div#content_container div.item-page .olsonShadedBlock a.olsonH3       { font-weight: bold; } /* : */
div#content_container div.item-page .olsonShadedBlock a.olsonH3:hover { font-weight: bold; } /* : */

div#content_container div.item-page h4                   { font-size: 17px; line-height: 17px; margin-top: 8px; margin-bottom: 8px; }
div#content_container div.item-page .olsonShadedBlock h4 { font-size: 14px; line-height: 14px; margin-top: 7px; margin-bottom: 3px; }
div#content_container div.item-page a.olsonH4            { font-weight: bold; color: #000000; text-decoration: none; }
div#content_container div.item-page a.olsonH4:hover      { font-weight: bold; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .h4Button                   { margin-bottom: -2px; }
div#content_container div.item-page .olsonShadedBlock .h4Button { margin-bottom: -2px; }

div#content_container div.item-page h5                   { font-size: 15px; line-height: 15px; margin-top: 7px; margin-bottom: 3px; }
div#content_container div.item-page .olsonShadedBlock h5 { font-size: 13px; line-height: 13px; margin-top: 7px; margin-bottom: 3px; }
div#content_container div.item-page a.olsonH5            { font-weight: bold; color: #000000; text-decoration: none; }
div#content_container div.item-page a.olsonH5:hover      { font-weight: bold; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .h5Button                   { margin-bottom: -3px; }
div#content_container div.item-page .olsonShadedBlock .h4Button { margin-bottom: -3px; }

div#content_container div.item-page h6                   { font-size: 13px; line-height: 13px; margin-top: 7px; margin-bottom: 3px; }
div#content_container div.item-page .olsonShadedBlock h6 { font-size: 12px; line-height: 12px; margin-top: 7px; margin-bottom: 3px; }
div#content_container div.item-page a.olsonH6            { font-weight: bold; color: #000000; text-decoration: none; }
div#content_container div.item-page a.olsonH6:hover      { font-weight: bold; color: #CA005D; text-decoration: underline; }
div#content_container div.item-page .h6Button                   { margin-bottom: -3px; }
div#content_container div.item-page .olsonShadedBlock .h6Button { margin-bottom: -3px; }



/* MS Office Styles for Xpedio content, so that Office documents match HTML and PDF renditions */

div#content_container div.item-page .msOfficeStyles h1 { font-weight: normal; font-size: 18px; line-height: 18px; margin-top: 10px; margin-bottom: 5px; }
div#content_container div.item-page .msOfficeStyles h2 { font-weight: bold;   font-size: 16px; line-height: 16px; margin-top: 10px; margin-bottom: 5px; font-style: italic; }
div#content_container div.item-page .msOfficeStyles h3 { font-weight: bold;   font-size: 14px; line-height: 14px; margin-top:  9px; margin-bottom: 4px; }
div#content_container div.item-page .msOfficeStyles h4 { font-weight: bold;   font-size: 14px; line-height: 14px; margin-top:  9px; margin-bottom: 4px; font-family: Times; }
div#content_container div.item-page .msOfficeStyles h5 { font-weight: bold;   font-size: 13px; line-height: 13px; margin-top:  8px; margin-bottom: 2px; font-family: Times; font-style: italic; }
div#content_container div.item-page .msOfficeStyles h6 { font-weight: bold;   font-size: 12px; line-height: 12px; margin-top:  8px; margin-bottom: 2px; font-family: Times; }