/* theme.css */
/* CSS themes for the EEI website. */

/*****************************/
/* Themes */
/*****************************/

/* All Themes */

#subNav .subSubNav a {
    background-color: #E8E8E8;
    color: #1A1A1A;
}

#subNav .subSubNav a.selectedSubTab {
    background-color: #C1C1C1;
    color: #1A1A1A;
}

/* Theme 1 Dark Blue */

#rootNav .theme1,
#rootNav .theme1 a,
#subNav .theme1 a.selectedTab,
span[data-color='theme1'] {
    background-color: #783371;
    color: #FFFFFF;
}

#subNav .theme1>ul>li>a {
    background-color: #AA7FA6;
    color: #FFFFFF;
}

#subNav .theme1 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme1.png');
}

#content.theme1 h1,
#content.theme1 h2,
#content.theme1 h3,
#content.theme1 .themeColor {
    color: #783371;
}

#content.theme1 .themeBackgroundColor {
    background-color: #AA7FA6;
}

.theme1 .themeButton {
    background-color: #783371;
}

/* Theme 2 Light Blue */

#rootNav .theme2,
#rootNav .theme2 a,
#subNav .theme2 a.selectedTab,
span[data-color='theme2'] {
    background-color: #2487B5;
    color: #FFFFFF;
}

#subNav .theme2>ul>li>a {
    background-color: #7CB7D3;
    color: #FFFFFF;
}

#subNav .theme2 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme2.png');
}

#content.theme2 h1,
#content.theme2 h2,
#content.theme2 h3,
#content.theme2 .themeColor {
    color: #2487B5;
}

#content.theme2 .themeBackgroundColor {
    background-color: #7CB7D3;
}

.theme2 .themeButton {
    background-color: #2487B5;
}

/* Theme 3 Green */

#rootNav .theme3,
#rootNav .theme3 a,
#subNav .theme3 a.selectedTab,
span[data-color='theme3'] {
    background-color: #00723A;
    color: #FFFFFF;
}

#subNav .theme3>ul>li>a {
    background-color: #66AA89;
    color: #FFFFFF;
}

#subNav .theme3 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme3.png');
}

#content.theme3 h1,
#content.theme3 h2,
#content.theme3 h3,
#content.theme3 .themeColor {
    color: #00723A;
}

#content.theme3 .themeBackgroundColor {
    background-color: #66AA89;
}

.theme3 .themeButton {
    background-color: #00723A;
}

/* Theme 4 Red */

#rootNav .theme4,
#rootNav .theme4 a,
#subNav .theme4 a.selectedTab,
span[data-color='theme4'] {
    background-color: #B01E3D;
    color: #FFFFFF;
}

#subNav .theme4>ul>li>a {
    background-color: #7CB7D3;
    color: #FFFFFF;
}

#subNav .theme4 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme4.png');
}

#content.theme4 h1,
#content.theme4 h2,
#content.theme4 h3,
#content.theme4 .themeColor {
    color: #B01E3D;
}

#content.theme4 .themeBackgroundColor {
    background-color: #7CB7D3;
}

.theme4 .themeButton {
    background-color: #B01E3D;
}

/* Theme 5 Teal */

#rootNav .theme5,
#rootNav .theme5 a,
#subNav .theme5 a.selectedTab,
span[data-color='theme5'] {
    background-color: #00857C;
    color: #FFFFFF;
}

#subNav .theme5>ul>li>a {
    background-color: #66B5B0;
    color: #FFFFFF;
}

#subNav .theme5 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme5.png');
}

#content.theme5 h1,
#content.theme5 h2,
#content.theme5 h3,
#content.theme5 .themeColor {
    color: #00857C;
}

#content.theme5 .themeBackgroundColor {
    background-color: #66B5B0;
}

.theme5 .themeButton {
    background-color: #00857C;
}

/* Theme 6 Brown */

#rootNav .theme6,
#rootNav .theme6 a,
#subNav .theme6 a.selectedTab,
span[data-color='theme6'] {
    background-color: #A35932;
    color: #FFFFFF;
}

#subNav .theme6>ul>li>a {
    background-color: #BE8A6F;
    color: #FFFFFF;
}

#subNav .theme6 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme6.png');
}

#content.theme6 h1,
#content.theme6 h2,
#content.theme6 h3,
#content.theme6 .themeColor {
    color: #A35932;
}

#content.theme6 .themeBackgroundColor {
    background-color: #BE8A6F;
}

.theme6 .themeButton {
    background-color: #A35932;
}

/* Theme 7 Olive */

#rootNav .theme7,
#rootNav .theme7 a,
#subNav .theme7 a.selectedTab,
span[data-color='theme7'] {
    background-color: #617039;
    color: #FFFFFF;
}

#subNav .theme7>ul>li>a {
    background-color: #909B74;
    color: #FFFFFF;
}

#subNav .theme7 .subNavFooter {
    width: 270px;
    height: 32px;
    background-image: url('/static/images/themeImages/subNavFooterTheme7.png');
}

#content.theme7 h1,
#content.theme7 h2,
#content.theme7 h3,
#content.theme7 .themeColor {
    color: #617039;
}

#content.theme7 .themeBackgroundColor {
    background-color: #909B74;
}

.theme7 .themeButton {
    background-color: #617039;
}