﻿body
{
    margin: 20px;
    background-image: url('Photos/Background.jpg');
    background-position : top center;
    background-repeat: no-repeat;
    font-family: Tekton Pro Ext;
}

form
{
    /* Set the height to auto so that the form will expand to the size of the content we're creating */
    /* This will allow us to create a consistent top and bottom margin on each web page when a margin */
    /* is specified in the body element above. */
    height: auto;
    position: relative;
    top: 57px;
}

/*  GDP Jan 2010  */
/*  This style defines the space AROUND the little windows.  The style is applied to the <td> */
/*  element in which the actual small window table is inserted.  If you want more or less  */
/*  space around the little windows, right click between the {} below and select "build style" */
/*  from the context menu that pops up.  Select the "Box" category in the dialog that pops up */
/*  and change the padding values to suit your desires */
.small_window_parent_cell
{
    padding: 10px 10px 10px 15px;
}

/*  GDP Jan 2010 */
/*  This style defines a few parameters of the table that is the "small window" thing.  The */
/*  main thing you can change here is the look of the boarder around the small window and the */
/*  size of the small window.  To make such changes right click the area below and select */
/*  build styles from the contex menu that pops up.  Within that dialog box, you can easily */
/*  modify the values below */
.small_window_parent_table
{
    border-color: #808080;
    border-style: double;
    border-collapse: collapse;
    width: 90%;
    color: #333333;
}

/*  GDP Jan 2010 */
/*  This style defines how the title bar of the "small window" thing will look.  Use this style */
/*  to change the color of that bar, the color of the text on that bar, the alignment of the */
/*  text adn the size of the title bar.  To make such changes right click the area below and select */
/*  build styles from the contex menu that pops up.  Within that dialog box, you can easily */
/*  modify the values below */
.small_window_child_title
{
    color: #000000;
    background-color: #85B694;
    text-align: center;
    height: 20px;
    width: 100%;
    position: static;
}

/*  GDP Jan 2010 */
/*  This style defines how the text section of the "small window" thing will look.  Use this  */
/*  style to change the background color of the text area, to change the color of the text in */
/*  the little windows, and to control the padding in each little text window.  The "padding" */
/*  defines how far away from the sides of the little text window that the text will be.   */
/*  To make such changes right click the area below and select  build styles from the contex menu */
/*  that pops up.  Within that dialog box, you can easily modify the values below */
/*  Note:  The changes made here will apply to all web pages UNLESS elements within the */
/*         little window have been overriden by local inline styles.  This would be the case */
/*         if somebody manually chagnes the colors in a little window on some page.  That */
/*         action creates a <span> tag with an inline style specing a new color */
.small_window_child_text
{
    padding: 5px 10px 10px 15px;
    text-align: left;
    background-color: #CCCCCC;
}


.header_table
{
    width: 939px;
    color: #000000;
    border-collapse: collapse;
}


.middle_table
{
    background: #CCCCCE;
    vertical-align: top; 
    width: 939px;
    border: none;
    height: 400px;
    color: #000000;
}

.menu_bar_settings
{
    background-color: #CCCCCC;
    width: 939px;
}

.label_text
{
    padding: 5px 10px 8px 10px;
}

 /*  GDP Jan 2010 */
 /*  Added the following style to fix the IE8 compatibility mode problem.  This is half the */
 /*  fix.  The 2nd part of the fix is to apply this type to the ASP Menu element.  That     */
 /*  is done in the SkinFile.skin under that App_Themes directory.  I also removed all      */
 /*  previous z-index setting in this style sheet.  */
.IE8_compatibility_fix
{
    alink:"red"; 
    vlink: "red";
    z-index: 20;
}