/*----------------SUPPORT-----*/
#content_level01 h1,h2,h3,h4,a {color:#5100BB;}
#content_level01 a:hover { color:#A27DCF;}

.purple #main_menu ul li ul {
  /* for IE */
  background-color:#4c007c; 
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  border:1px solid #4c007c;
}

/*---------------------- Menu option in visit or activated ------------------ */
.purple #main_menu .here_home {color:#45016E; padding-bottom: 1px; border-bottom: 6px solid #45016E;}

/* ---------- teaser SUPPORT banner ---------------------------------------*/
.purple div.banner {width: 100%; height:250px; position: relative; margin: 0 auto 15px 0; background-image:  url("images/backgrounds/purple_bar.gif"); background-position: top; background-repeat: repeat-x; }
.purple div.banner #container {width: 950px; height:250px; margin: 0 auto;}
.purple div.banner #container #left {width: 450px; height: 250px; float:left;}
.purple div.banner #container #left img {position: relative; float: left;}
.purple div.banner #container #right {width: 490px; float:right;}
.purple div.banner #container #right h1 {color:#A373C8; font-size: 42px; font-weight:bolder; line-height: 36px; margin: 32px 0 0 0; text-align:left; width: 490px; background-image: url(images/backgrounds/grey_check.png); background-position: 100% 90%; background-repeat: no-repeat;}
.purple div.banner #container #right h2 {color:#ffffff; font-size: 16px; font-weight: lighter; margin: 5px 0 0 0; text-align:left; width: 460px; line-height: 24px;}
.purple div.banner #container #right .button { height: 50px; margin: 185px 20px auto 0; position: absolute; text-align: right; width: 490px; z-index: 30; }
.purple div.banner #container #right a {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #390E66;
    border: 2px solid #6C18BF;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    padding: 12px 15px 8px;
    text-align: center;
}
.purple div.center .extra { background-color: #EDF2DF; color: #345F09; padding: 10px; margin-top: 10px;}