
/*****************************
	TRAY SPACER
*****************************/

#tray_space
{
    height:             413px;
    width:              100%;
}

/*****************************
	     TRAY
*****************************/

#tray
{
    width:              100%;
    position:           absolute;
    top:                554px;
    bottom:             41px;
    text-align:         center;
    z-index:            500;
}

#tray .tray_header
{
    position:           relative;
    width:              100%;
    height:             30px;
    background-color:   #839131;
    border-top:         1px solid #98ac26;
    border-bottom:      2px solid #77842a;

    font-family: 'arial narrow', arial, sans-serif;
    text-transform:     uppercase;
    text-align:         center;
}

#tray .tray_header .container
{
    width:              960px;
    position:           relative;
}

/*****************************
    TRAY EXPAND / CONTRACT
*****************************/

#tray .tray_header .container .tray_expand
{
    float:              left;
    width:              130px;
    font-size:          20px;
    color:              #fff;
    padding:            4px 0 0 0;
    font-weight:        bold;
    cursor:             pointer;
    margin-left:        10px;
}
#tray .tray_header .container .tray_expand div
{
    color:              #fff;
    padding:            0 40px 0 0;
    display:            block;
    position:           relative;
}

#tray .tray_header .container .tray_expand div .arrow
{
    position:           absolute;
    top:                -15px;
    right:              20px;
    height:		20px;
    width:		24px;
}

#tray .tray_header .container .tray_expand div:hover {}

#tray .tray_header .container .tray_contract
{
    float:              left;
    width:              130px;
    font-size:          20px;
    color:              #fff;
    padding:            4px 0 0 0;
    font-weight:        bold;
    display:            none;
    cursor:             pointer;
    margin-left:        10px;
}
#tray .tray_header .container .tray_contract div
{
    color:              #fff;
    padding:            0 40px 0 0;
    display:            block;
    position:           relative;
}

#tray .tray_header .container .tray_contract div .arrow
{
    position:           absolute;
    top:                -15px;
    right:              20px;
}

#tray .tray_header .container .tray_contract div:hover {}

/*****************************
          TRAY BODY
*****************************/

#tray .tray_body
{
    position:           relative;
    width:              100%;
    height:             auto;
    min-height:         310px;
    text-align:         center;

    border-top:         1px solid #98ad26;
    background-color:   #e7ead3;
    background-image:   url('../images/bg_homebottom.gif');
    background-repeat:  repeat-x;
}

#tray .tray_body .container
{
    width:              960px;
    position:           relative;
    text-align:         left;
    padding:            22px 0 20px 0;
}

#tray .tray_body .reduced-padding
{
    padding:            0px 0 20px 0;
}

#tray .tray_body .col_left
{
    float:              left;
    width:              175px;
}

#tray .tray_body .col_mid
{
    float:              left;
    width:              540px;
    padding:            0 0 0 35px;
}

#tray .tray_body .col_right
{
    float:              right;
    width:              175px;
}

/*****************************
          TRAY MENU
*****************************/

#tray .tray_header .container .tray_menu_left_cap
{
    position:               absolute;
    left:                   122px;
    background-image:       url('../images/nav_left.gif');
    background-repeat:      no-repeat;
    background-position:    center left;
    height:                 30px;
    width:                  22px;
}

#tray .tray_header .container .tray_menu_right_cap
{
    position:               absolute;
    right:                  80px;
    background-image:       url('../images/nav_right.gif');
    background-repeat:      no-repeat;
    background-position:    center left;
    height:                 30px;
    width:                  25px;
}

#tray .tray_header .menu_item_on
{
    color:                  #e1e9c0;
    font-size:              14px;
    font-weight:            bold;
}

#tray .tray_header .menu_item_off,
#tray .tray_header .menu_item_off a
{
    color:                  #49570f;
    font-size:              14px;
    font-weight:            bold;
    text-decoration:        none;
}

#tray .tray_header .tray_menu
{
    position:           absolute;
    top:                7px;
    left:               135px;
    right:              93px;
    width:              732px;  /* 960 - left - right = value, for IE */
    height:             27px;
    overflow:           hidden;
}

#tray .tray_header .tray_menu_selected
{
    position:           absolute;
    top:                2px;
    left:               427px;
    right:              397px;
    width:              146px;  /* 960 - left - right = value, for IE */
    height:             25px;
    overflow:           hidden;
    padding-top:        5px;
    background-image:   url(../images/bg_navtwitter.gif);
    background-repeat:  no-repeat;
}

.tray_menu_left_off,
.tray_menu_left_off_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               -292px;
}

.tray_menu_left_3,
.tray_menu_left_3_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               -146px;
}

.tray_menu_left_2,
.tray_menu_left_2_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               0px;
}

.tray_menu_left_1,
.tray_menu_left_1_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               146px;
}

.tray_menu_center,
.tray_menu_center_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               292px;
}

.tray_menu_right_1,
.tray_menu_right_1_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               438px;
}

.tray_menu_right_2,
.tray_menu_right_2_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               584px;
}

.tray_menu_right_3,
.tray_menu_right_3_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               730px;
}

.tray_menu_right_off,
.tray_menu_right_off_selected
{
    position:           absolute;
    width:              146px;
    text-align:         center;
    /* border:             solid 1px #000; */

    left:               876px;
}

/**********************************/
/* CSS FOR TWO-ITEM TRAY MENU     */

/*
.tray_menu_left_1_selected
{
    left:               -146px;
}
.tray_menu_center_selected
{
    left:               0px;
}
.tray_menu_right_1_selected
{
    left:               146px;
}
.tray_menu_right_2_selected
{
    left:               292px;
}
#tray .tray_header .tray_menu
{
    left:               119px;
    right:              109px;
    width:              732px;  /* 960 - left - right = value, for IE */
/*
}
#tray .tray_header .tray_menu_selected
{
    left:               411px;
    right:              413px;
    width:              146px;  /* 960 - left - right = value, for IE */
/*
}
#tray .tray_header .container .tray_menu_left_cap
{
    left:               234px;
}
#tray .tray_header .container .tray_menu_right_cap
{
    right:              235px;
}
#tray .tray_header .cover_left
{
    position:           absolute;
    left:               118px;
    height:             28px;
    width:              146px;
    background-color:   #839131;
}
#tray .tray_header .cover_right
{
    position:           absolute;
    right:              116px;
    height:             28px;
    width:              146px;
    background-color:   #839131;
}
/* END CSS FOR TWO-ITEM TRAY MENU */
/**********************************/


/**********************************/
/* CSS FOR TWO-ITEM TRAY MENU     */

.tray_menu_left_3_selected
{
    left:               -438px;
}
.tray_menu_left_2_selected
{
    left:               -292px;
}
.tray_menu_left_1_selected
{
    left:               -146px;
}
.tray_menu_center_selected
{
    left:               0px;
}
.tray_menu_right_1_selected
{
    left:               146px;
}
.tray_menu_right_2_selected
{
    left:               292px;
}
.tray_menu_right_3_selected
{
    left:               438px;
}
#tray .tray_header .tray_menu
{
    left:               134px;
    right:              94px;
    width:              732px;
}
#tray .tray_header .tray_menu_selected
{
    left:               426px;
    right:              398px;
    width:              146px;
}

/*
#tray .tray_header .container .tray_menu_left_cap
{
    left:               234px;
}
#tray .tray_header .container .tray_menu_right_cap
{
    right:              235px;
}
#tray .tray_header .cover_left
{
    position:           absolute;
    left:               118px;
    height:             28px;
    width:              146px;
    background-color:   #839131;
}
#tray .tray_header .cover_right
{
    position:           absolute;
    right:              116px;
    height:             28px;
    width:              146px;
    background-color:   #839131;
}

#tray .tray_header .container .tray_menu_left_cap
{
    display:            none;
}
#tray .tray_header .container .tray_menu_right_cap
{
    display:            none;
}
#tray .tray_header .cover_left
{
    display:            none;
}
#tray .tray_header .cover_right
{
    display:            none;
}
*/

/* END CSS FOR TWO-ITEM TRAY MENU */
/**********************************/
