@import url(../../../stylesheets/application.css);

body{ 
    color:#303030; background:#e8eaec; 
}

#top-menu { 
    font-size: 80%; 
    height: 2em; 
    padding-top: 0.5em; 
		background-color: #e61010;
    /*background-image: linear-gradient(180deg, #b00000, red, #e61010 100%);*/
}
#top-menu a { 
    font-weight: bold; 
}
#header a{
    color: #333;
}
#header {
    background-color: white;
    /*background-image: linear-gradient(166deg, #b00000, red, #ffffff 85%);*/
    border: 0 none;
    height: 97px;
    color: #333;
}
#header h1 { 
    margin-left: 6px; 
    background: url(../images/Logo_TIAA3.svg) no-repeat 2px;
    padding-left: 350px;
    height: 90px;
}

#quick-search { 
    margin-right: 6px; 
}
#main-menu { 
		background-color: #e61010;
    left: 0; 
    width: 100%; 
}
#main-menu li { 
    margin: 0; 
    padding: 0; 
}
#main-menu li a { 
    background-color: #e61010; 
    border-top: 1px solid #fff; 
    border-right: 1px solid #fff; 
    font-size: 90%; 
    padding: 4px 8px 4px 8px; 
    font-weight: bold; 
}
#main-menu li a:hover { 
    background-color: #aa0000; 
    color: #ffffff; 
}
#main-menu li a.selected, #main-menu li a.selected:hover { 
    background-color: #aa0000; 
    color: #ffffff; 
}

#footer { 
		background-color: #e61010;
    border: 0; 
    color: #fff;
}
#footer a { 
    color: #fff; font-weight: bold; 
}

#main { 
    font:90% Verdana,
    Tahoma,
    Arial,
    sans-serif; 
    background: #e8eaec; 
}
#main a { 
    font-weight: bold; 
    color: #467aa7;
}
#main a:hover { 
    color: #2a5a8a; 
    text-decoration: underline; 
}
#content { 
    background: #fff; 
}
#content .tabs ul { 
    bottom:-1px; 
}

h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { 
    border-bottom: 0px; 
    color: #606060; 
    font-family: Trebuchet MS,Georgia,"Times New Roman",serif; 
}
h2, .wiki h1 { 
    letter-spacing:-1px; 
}
h4 { 
    border-bottom: dotted 1px #c0c0c0; 
}

#top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help, #top-menu a.WorkLoad { 
    background-position: 0% 40%;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#top-menu a.home { 
    background-image: url(../images/home.png); 
}
#top-menu a.my-page { 
    background-image: url(../../../images/user.png); 
}
#top-menu a.projects { 
    background-image: url(../../../images/projects.png); 
}
#top-menu a.administration { 
    background-image: url(../images/wrench.png); 
}
#top-menu a.help { 
    background-image: url(../../../images/help.png); 
}

#top-menu a.WorkLoad {
    background-image: url(../images/workload.png);
}