/* .header {
//    background: rgb(2, 0, 36);
//    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  background: rgb(21,10,61);
background: linear-gradient(90deg, rgba(21,10,61,1) 0%, rgba(41,4,113,1) 49%, rgba(178,126,203,1) 100%);
  
}
*/

.container-header {background: linear-gradient(to right, #015219, #3cc063);}
.container-footer {background: linear-gradient(to right, #015219, #3cc063);}
.com-content-article__body a {color: #025e07}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background-color: #fff;
}

.green-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #009900; border-radius: 10px; padding: 5px 15px; border: solid 3px #006600; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.green-button:hover{background-color: #00cc00;}
.green-button:active {
  background-color: #00cc00;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.smgreen-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #009900; border-radius: 10px; padding: 1px 3px; border: solid 1px #006600; width: 35px; box-shadow: 0 2px #999; transition: all 0.2s ease-in-out 0s;}
.smgreen-button:hover{background-color: #00cc00;}
.smgreen-button:active {
  background-color: #00cc00;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}


.red-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #cc3300; border-radius: 10px; padding: 5px 15px; border: solid 3px #802000; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.red-button:hover{background-color: #ff3300;}
.red-button:active {
  background-color: #ff3300;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.blue-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #2952a3; border-radius: 10px; padding: 5px 15px; border: solid 3px #142952; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.blue-button:hover{background-color: #0066ff;}
.blue-button:active {
  background-color: #0066ff;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}


.yellow-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #a1a333; border-radius: 10px; padding: 5px 15px; border: solid 2px #4d4d00; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.yellow-button:hover{background-color: #cccc00;}
.yellow-button:active {
  background-color: #cccc00;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.purple-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #5900b3; border-radius: 10px; padding: 5px 15px; border: solid 3px #26004d; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.purple-button:hover{background-color: #9900ff;}
.purple-button:active {
  background-color: #9900ff;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.smpurple-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #5900b3; border-radius: 10px; padding: 1px 3px; border: solid 1px #26004d; width: 35px; box-shadow: 0 3px #999; transition: all 0.2s ease-in-out 0s;}
.smpurple-button:hover{background-color: #9900ff;}
.smpurple-button:active {
  background-color: #9900ff;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.medpurple-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #5900b3; border-radius: 10px; padding: 1px 3px; border: solid 1px #26004d; width: 75px; box-shadow: 0 3px #999; transition: all 0.2s ease-in-out 0s;}
.medpurple-button:hover{background-color: #9900ff;}
.medpurple-button:active {
  background-color: #9900ff;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.orange-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #bf6b0b; border-radius: 10px; padding: 5px 15px; border: solid 3px #663702; width: 150px; box-shadow: 0 4px #999; transition: all 0.2s ease-in-out 0s;}
.orange-button:hover{background-color: #eb9534;}
.orange-button:active {
  background-color: #eb9534;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

.medorange-button {color: #fff; font-weight: bold; font-size: 15px; background-color: #bf6b0b; border-radius: 10px; padding: 1px 3px; border: solid 1px #663702; width: 60px; box-shadow: 0 3px #999; transition: all 0.2s ease-in-out 0s;}
.medorange-button:hover{background-color: #eb9534;}
.medorange-button:active {
  background-color: #eb9534;
  box-shadow: 0 1px #666;
  transform: translateY(4px);
}

ul li, ol li {
     line-height:250%;
}



#bottomnext a, #bottomnext a:hover, #bottomnext a:active {
    font: 20px;
  font-weight: bold;
    padding: 6px 30px;
    color: #fff;
    text-decoration: none
}

#bottomnext a {
    background-color: #4CAF50;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
    box-shadow: 4px 4px 2px #d4d4d4
}

#bottomnext a:hover {
    background-color: #8cc63e;
    -moz-box-shadow: 8px 6px 8px #d4d4d4;
    -webkit-box-shadow: 8px 6px 8px #d4d4d4;
    box-shadow: 8px 6px 8px #d4d4d4
      transform: translateY(4px);
}

#bottomnext a:active {
    background-color: #8cc63e;
      -moz-box-shadow: 0 1px #d4d4d4;
    -webkit-box-shadow: 0 1px #d4d4d4;
    box-shadow: 0 1px #d4d4d4;
      transform: translateY(4px);
    transition: all 0.2s ease-in-out 0s;


}


#bottomchoice a, #bottomchoice a:hover, #bottomchoice a:active {
    font: 20px;
  font-weight: bold;
    padding: 6px 30px;
    color: #fff;
    text-decoration: none

}

#bottomchoice a {
    background-color: #992E68;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
    box-shadow: 4px 4px 2px #d4d4d4
            

}

#bottomchoice a:hover {
    background-color: #B44E86;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
    box-shadow: 4px 4px 2px #d4d4d4


}

#bottomchoice a:active {
    background-color: #B44E86;
      -moz-box-shadow: 0 1px #d4d4d4;
    -webkit-box-shadow: 0 1px #d4d4d4;
    box-shadow: 0 1px #d4d4d4;
      transform: translateY(4px);
    transition: all 0.2s ease-in-out 0s;


}


#bottomspecial a, #bottomspecial a:hover, #bottomspecial a:active {
    font: 20px;
  font-weight: bold;
    padding: 6px 30px;
    color: #fff;
    text-decoration: none
}

#bottomspecial a {
    background-color: #BD7639;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
    box-shadow: 4px 4px 2px #d4d4d4
}

#bottomspecial a:hover {
    background-color: #DE9B61;
    -moz-box-shadow: 8px 6px 8px #d4d4d4;
    -webkit-box-shadow: 8px 6px 8px #d4d4d4;
    box-shadow: 8px 6px 8px #d4d4d4
}

#bottomspecial a:active {
    background-color: #DE9B61;
      -moz-box-shadow: 0 1px #d4d4d4;
    -webkit-box-shadow: 0 1px #d4d4d4;
    box-shadow: 0 1px #d4d4d4;
      transform: translateY(4px);
    transition: all 0.2s ease-in-out 0s;


}

#bottomblue a, #bottomblue a:hover, #bottomblue a:active {
    font: 20px;
  font-weight: bold;
    padding: 6px 30px;
    color: #fff;
    text-decoration: none
}

#bottomblue a {
    background-color: #182159;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
    box-shadow: 4px 4px 2px #d4d4d4
}

#bottomblue a:hover {
    background-color: #323C77;
    -moz-box-shadow: 8px 6px 8px #d4d4d4;
    -webkit-box-shadow: 8px 6px 8px #d4d4d4;
    box-shadow: 8px 6px 8px #d4d4d4
}

#bottomblue a:active {
    background-color: #323C77;
      -moz-box-shadow: 0 1px #d4d4d4;
    -webkit-box-shadow: 0 1px #d4d4d4;
    box-shadow: 0 1px #d4d4d4;
      transform: translateY(4px);
    transition: all 0.2s ease-in-out 0s;


}

#bottomred a, #bottomred a:hover, #bottomred a:active {
    font: 14px;
  font-weight: normal;
  font-style: italic;
    padding: 4px 20px;
    color: #fff;
    text-decoration: none
}

#bottomred a {
    background-color: #801515;
    -moz-box-shadow: 4px 4px 2px #d4d4d4;
    -webkit-box-shadow: 4px 4px 2px #d4d4d4;
    box-shadow: 4px 4px 2px #d4d4d4
}

#bottomred a:hover {
    background-color: #AE3A3A;
    -moz-box-shadow: 8px 6px 8px #d4d4d4;
    -webkit-box-shadow: 8px 6px 8px #d4d4d4;
    box-shadow: 8px 6px 8px #d4d4d4
}

#bottomred a:active {
    background-color: #AE3A3A;
      -moz-box-shadow: 0 1px #d4d4d4;
    -webkit-box-shadow: 0 1px #d4d4d4;
    box-shadow: 0 1px #d4d4d4;
      transform: translateY(4px);
    transition: all 0.2s ease-in-out 0s;


}

.cellpadding td {padding:10px}