/***********************************************************************************/
/***                                                                             ***/
/*** This file provides a template which can be modified by a WILD course        ***/
/*** developer to apply site-specific customization, including border colors,    ***/
/*** logo, and page positioning.                                                 ***/
/***                                                                             ***/
/***********************************************************************************/

/***********************************************************************************/
/***                                                                             ***/
/*** DEFAULT FONT                                                                ***/
/***                                                                             ***/
/*** Modify the BODY style to specify your default font.  For more information   ***/
/*** on defining your default font, please see the Cascading Style Sheet         ***/
/*** specifications at http://www.w3.org/TR/REC-CSS1#font-properties.            ***/
/***                                                                             ***/
/***********************************************************************************/
BODY
{
    FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif;
}

/***********************************************************************************/
/***                                                                             ***/
/*** LOGO                                                                        ***/
/***                                                                             ***/
/*** To display your custom logo, you will need to complete 4 steps:             ***/
/***                                                                             ***/
/***    1.  Edit the background image property of the logoheader style, below.   ***/
/***        Leave the path as "../images/" but change the filename from          ***/
/***        "logo_yours.gif" to the filename of your logo image file.            ***/
/***                                                                             ***/
/***    2.  Reposition the stage, or main content area.  The sample logo file    ***/
/***        "logo_yours.gif" is 64 pixels high.  To give a bit of whitespace     ***/
/***        around it, the stage is positioned 80 pixels from the top of the     ***/
/***        browser window.  If your logo file is larger or smaller, you might   ***/
/***        adjust the stage position to better conform to the logo size.        ***/
/***                                                                             ***/
/***                                                                             ***/
/***    3.  Reposition the header buttons.  If the course is viewed in a         ***/
/***        Learning Management System, a navigation button will appear in the   ***/
/***        top right portion of the window.  This button should be positioned   ***/
/***        30 pixels above the stage.  If you adjusted the stage position in    ***/
/***        step 2, above, then you should adjust the header buttons position as ***/
/***        well.  Make the TOP property of the #layout_header_buttons style     ***/
/***        thirty pixels less than the TOP property of the #layout_stage_div    ***/
/***        style.                                                               ***/
/***                                                                             ***/
/***    4.  Add the logo image file into WILD for the current course.  You can   ***/
/***        include the logo image file in the WILD course using the "Additional ***/
/***        Resources" feature of WILD.                                          ***/
/***                                                                             ***/
/***********************************************************************************/
.logoheader
{
    BACKGROUND-IMAGE: url(../images/header.jpg);
}
#layout_stage_div
{
    TOP: 80px;
}
#layout_header_buttons
{
    TOP: 40px;
}

/***********************************************************************************/
/***                                                                             ***/
/*** COLOR                                                                       ***/
/***                                                                             ***/
/*** You can modify the styles below to change the color scheme for your course. ***/
/*** By default, the course will use a #000000 blue border.  You can change the     ***/
/*** color scheme for your course by replacing the word "#000000" in all the styles ***/
/*** below.  When specifying a new color, you may choose from a pre-defined list ***/
/*** of color names, or you can specify a specific color using its RGB code.     ***/
/***                                                                             ***/
/*** The list of color names defined in cascading style sheets are:              ***/
/***                                                                             ***/
/***    aqua, black, blue, fuchsia, gray, green, lime, maroon, #000000,             ***/
/***    olive, purple, red, silver, teal, white, and yellow                      ***/
/***                                                                             ***/
/*** Alternatively, you may specify the color using the RGB color model.  This   ***/
/*** allows you to specify a custom color using its decimal or hexidecimal       ***/
/*** notation.  To specify a color using the RGB decimal notation, replace the   ***/
/*** word "#000000" with "rgb(0,0,0)", changing the three values inside the         ***/
/*** parentheses to any number between 0 and 255.  Alternatively, you can use a  ***/
/*** hex code, which looks like "#000000", where you can change the six numbers  ***/
/*** to any valid hexidecimal digits (0-9, A-F).                                 ***/
/***                                                                             ***/
/*** Please see the Cascading Style Sheets specification at                      ***/
/*** http://www.w3.org/TR/REC-CSS1#color-units for more details.                 ***/
/***                                                                             ***/
/***********************************************************************************/
H1.title
{
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
}
#layout_page_header
{
    BACKGROUND-COLOR: #000000;
}
#layout_content_cell
{
    BORDER-LEFT: #000000 1px solid;
}
#layout_footer_left
{
    BACKGROUND-COLOR: #000000;
}
#layout_footer_right
{
    BACKGROUND-COLOR: #000000;
}
LI.visited
{
    COLOR: #000000;
}
LI.indent_visited
{
    COLOR: #000000;
}
A.visited:link
{
    COLOR: #000000;
}
A.visited:visited
{
    COLOR: #000000;
}
A.visited:hover
{
    BACKGROUND: #000000;
    COLOR: white;
}
A.visited:active
{
    COLOR: #000000;
}
A.indent_visited:link
{
    COLOR: #000000;
}
A.indent_visited:visited
{
    COLOR: #000000;
}
A.indent_visited:hover
{
    BACKGROUND: #000000;
}
A.indent_visited:active
{
    COLOR: #000000;
}
A.mssbutton
{
    BACKGROUND-COLOR: #000000;
}
A.mssbutton:hover
{
    BACKGROUND-COLOR: #000000;
}