/*--------------------------------------------------------------------------
This Stylesheet is designed to make the page easier for printing.

Best practice:
- do not use floats or width restrictions
- make background color white and text black
- prevent page breaks inside paragraphs and after headings
- use point, not pixels nor em, for font
- do not use smaller than 12pt or larger than 20pt
- use san-serif font styles (easier to read on paper)
- hide unusable features like navigation and graphics using display: none
- do not use background images and colors (they will not print)

---------------------------------------------------------------------------*/

body {
    background-color: #fff;
    color: #000;
}

h1, h2, h3 {
    page-break-before: auto;
}
h1 {
    font-size: 18pt;
}
h2 {
    font-size: 16pt;
}
h3 {
    font-size: 14pt;
}
h4, h5, h6 {
    font-size: 12pt;
}
p {
    font-size: 12pt;
}

p, blockquote, table, pre, form, img { 
    page-break-inside: avoid;
}
ul, ol, dl { 
    page-break-before: avoid 
}

a {
    text-decoration: none;  
    color: black;
}

img {
    border: 0;  
}

.off_screen, 
.no_print    {
    display: none;
} 
.print_only {
    display: inline;    
}

#header #logos,
#header #customer_service,
#header #customer_service h2,
#header #customer_service p {
    display: inline;    
}
#header #logos #citec_logo {
    padding-right: 20px;
}
#header #customer_service {
    padding-left:   10pt;
    vertical-align: 5pt;
}
#header #customer_service h2 {
    font-size: 12pt;
    font-weight: normal;
    padding-right: 8px;
}


/*--------------------------------------------------------------------------
    Control appearance of links site-wide.
---------------------------------------------------------------------------*/
a {
    text-decoration: none;  
}
#content a {
    text-decoration: underline;  
}
#content a[href]:after { 
    content: " [" attr(href) "] "; /* inserts URL after link text */
} 
/*--------------------------------------------------------------------------
    Control appearance of links on pages that have MANY links: do not
    underline links and do not insert the URLs after them (looks too messy
    to be usable).
---------------------------------------------------------------------------*/
#home                       a,
#news.index                 a,
#news.archive_index         a,
#events.index               a,
#events.archive_index       a,
#content .table_of_contents a,
#content #sitemap           a {
    text-decoration: none;  
}
#home                 #content a:after,
#news.index           #content a:after,
#news.archive_index   #content a:after,
#events.index         #content a:after,
#events.archive_index #content a:after,
#content .table_of_contents    a:after,
#content .double_column_list   a:after,
#content .single_column_list   a:after, 
#content #sitemap              a:after {
    content: "";
} 


/*---------------------------------------------------------
    5a) Double column list styles
-----------------------------------------------------------*/
ul.double_column_list,
ul.single_column_list {
    margin: 2em 0 0 2em;
    padding: 0;
}

ul.double_column_list li {
    margin: 0;
    padding: 0;

    /* If li position is left static, Internet Explorer disables hyperlinks
       in the list in all but the final column. This does not affect links
       that are inside containers already using non-static positioning
       therefore it is not necessary in sitewide.css. */
    position: relative;
}

/* horizontal starting position of each column from the left margin */
ul.double_column_list li.column1 { margin-left: 0;   }
ul.double_column_list li.column2 { margin-left: 50%; }


/*--------------------------------------------------------------------------
    30)   Forms within the main content (not in header or right-hand column).
---------------------------------------------------------------------------*/
#content form label,
#content form input[type="text"],
#content form .extra_info         {
    display: block;
}
#content form .phone_or_fax input[type="text"] {
    display: inline;
}
#content form fieldset,
#content form label,
#content form .phone_or_fax label,
#content form #submit              {
    margin-top: 16px;
}


/*--------------------------------------------------------------------------
    90)  Hours of operation pages.
---------------------------------------------------------------------------*/
body#hours #sorting_and_table_of_contents {
    display: none;
}


/*--------------------------------------------------------------------------
    95a) eLearning INDEX page.
---------------------------------------------------------------------------*/
body#elearning #content #page_body .product_type {
    background: transparent no-repeat right top; /* image is inserted in HTML code */
    min-height: 180px;    /* a bit more than the height of the background image */
    padding-right: 180px; /* a bit more than the width  of the background image */
    padding-bottom: 10px;
}
body#elearning #content #page_body .product_type .link_controls a {
    display: none;
}