@charset "UTF-8";
/* CSS Document */



body {
    
    color: #333;
   /*   

   line-height: 1.37em;
    padding:20px 0;*/
 
}
#page p {
    font-size: 1.1em;
    line-height:1.37em;
    margin-bottom:1.5em;
}
#page h1 {
    font-size:2em;
    font-weight:400;
    line-height:1.5em;
        font-family: "helveticaneue", "helvetica neue", helvetica, arial, sans-serif;
}
#page h2 {
        font-family: "helveticaneue", "helvetica neue", helvetica, arial, sans-serif;
    font-weight:400;
    font-size:1.5em;
    line-height:2em;
}
#page h3 {
    font-size:1.16667em;
    line-height:1.28571em;
    font-weight:bold;
    /* [disabled]border-bottom:dotted thin #C36; */
}
#page h4 {
    font-family: 'FranklinGothicFSDemiCondensed',Arial,sans-serif;
    font-weight: normal;
    color: black;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 3px;
    display: inline-block;
    font-weight:bold;
    text-transform:capitalize;
    background-image: url(images/dot-bottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

#page h5 {
  font-size: 1.5em;
  margin-bottom: 4px;
  color: #ff3300;
}

#page h6 {
  font-size: 1.6em;
  font-weight: bold; 
  line-height: 20px;  
  margin-top: 6px;
}

/* change color and bg color to suit your needs */
#page hr {
    background-color: rgb(83, 125, 58);
    border-style: none;
    color: rgb(83, 125, 58); 
    height: 1px;
    margin:1em 0;
    padding:0;
    display:block
}
blockquote {
    margin-left:20px;
    
}
---
#page {
  padding-bottom: 100px;
  position: relative;
}
#topsection_explainers {
    width:auto;
    height:auto;
    /* [disabled]padding:1em; */
    /* [disabled]background-color:#F5FAF5; */
    border-bottom: thick;
    border-bottom-color:#000;
}
#topsection_explainers a {
    color:#FFF;
    font-size:22px;
    padding: 2px;
}

#topsection_explainers a:hover {
    background-color:#333;
    text-decoration:none;
    

}

#Main {
    
    padding-top: 0px;
    /* [disabled]padding-right: 10px; */
    padding-bottom: 10px;
    /* [disabled]padding-left: 10px; */
    background-color: #FFF;
    margin-top:0px;
}
#Main-Description {font-weight:bold; text-align:justify;}
/*Classes for Columns and Frames
-----------------*/
.Main-Container {
    width: 996px;
    min-height:600px;
    margin: 0 auto;
    text-align: left;
    /* [disabled]padding-top:15px; */   
}
.Left-Column {
    width: 665px;
    float: left;
    
}
.Right-Column {
  width: 300px;
  float: right;
  margin-left: 0;
}
.Left-Columnb a,
.Right-Column a {
  color: #f30;
  text-decoration: none;
  border-bottom:none;
}
.Left-Columnb a:hover,
.Right-Column a:hover{
  color: #666;
  border-bottom: 1px solid #666;
}
.framing-normal .TEST-column {
  margin-left: 10px;
  margin-bottom: 10px;
}
.framing-normal {
    /* [disabled]border: 1px solid #EAEDE6; */
    /* [disabled]margin-top: 10px; */
    /* [disabled]background: #fff; */
}
.framing-normal-gray {
  margin-top: 10px;
  padding: 10px;
  background: #f6f6f6;
}
.framing-TESTHOVER,
.framing-thick-grey {
  margin-top: 10px;
  padding: 10px;
  background: #fff;
}
.framing-thick-grey {
    border: 4px solid #EAEDE6;
}
.framing-TESTHOVER {
  display: block;
  border: 1px solid #f30;
}
.framing-TESTHOVER .subtitle {
  margin-top: 0;
  color: #333;
}
.framing-TESTHOVER:hover {
  background: #3F0;
  /* border: 1px solid #666; */
  text-decoration: none;
}
.framing-TESTHOVER:hover .title {
  color: #666;
  text-decoration: underline;
}
.framing-thick-grey {
  display: block;
}
a.framing-thick-grey h2 {
  color: #f30;
}
a.framing-thick-grey:hover {
  background-color: #ededed;
  border: 4px solid #f30;  
}
a.framing-thick-grey:hover h2 {
  color: #333;
}
a.framing-thick-grey p {
  color: #333;
}
.framing-thick-grey p {
  margin-top: 6px;
}   
#RightCol-Links {
    /* [disabled]background:url(); */
}

#RightCol-Links h1 {
    color:#000;
    font-size:small;
    background-color:#EAEDE6;
    font-family:Arial, Helvetica, sans-serif;
    padding:3px;
    font-weight:bold;
    }
    
#RightCol-Links p {
    color:#000;
    font-size:12px;
    }
    
#RightCol-Links a {
    color:#666;
    font-size:12px;
    text-decoration:none;   
    }
#RightCol-Links a:hover {
    background-color:#DDD;
    }
#RightCol-Links a:visited {
    color:#060;
    }
.Articles_Credits {
  color: #666;
  font-style: italic;
}
.Right-Column .framing-normal {
  padding: 15px;
}
.Left-Column .framing-normal {
    padding: 10px;
}

.Left-Column h3,{
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
}

.button {
    
    
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    -webkit-box-shadow: rgb(190, 51, 27) 0px 1px 0px 0px inset, rgb(164, 42, 21) 1px 0px 0px 0px inset, rgb(164, 42, 21) -1px 0px 0px 0px inset, rgb(140, 32, 14) 0px -1px 0px 0px inset, rgba(255, 255, 255, 0.296875) 0px 2px 0px 0px inset, rgba(255, 255, 255, 0.296875) 0px 0px 4px 0px inset, rgba(0, 0, 0, 0.296875) 0px 1px 2px 0px;
    -webkit-user-select: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    
    background-origin: padding-box;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: none;
    box-shadow: rgb(190, 51, 27) 0px 1px 0px 0px inset, rgb(164, 42, 21) 1px 0px 0px 0px inset, rgb(164, 42, 21) -1px 0px 0px 0px inset, rgb(140, 32, 14) 0px -1px 0px 0px inset, rgba(255, 255, 255, 0.296875) 0px 2px 0px 0px inset, rgba(255, 255, 255, 0.296875) 0px 0px 4px 0px inset, rgba(0, 0, 0, 0.296875) 0px 1px 2px 0px;
    color: white;
    cursor: pointer;
/*  display: block;*/
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: inline-block;
    height: 48px;
    margin: 4px;
    padding-bottom: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: #000 0px 1px 0px;
    width: 80px;
}

.button:hover {
    -webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px 0px inset;
background-attachment: scroll;
background-clip: border-box;
background-color: #357AE8;
background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(53, 122, 232));
background-origin: padding-box;
border-bottom-color: #2F5BB7;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
border-left-color: #2F5BB7;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #2F5BB7;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #2F5BB7;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px 0px inset;
color: black;
display: inline-block;

font-size: 13px;

}


.button.red { background-color: #e50000; }
    .button.fus { background-color: #F06; text-shadow: 1px 1px #FF9BCA; font-weight:bold;}
    .button.green { background-color: #58aa00; }
    .button.orange { background-color: #ff9c00; }
    .button.blue { background-color: #2c6da0; }
    .button.black { background-color: #333; }
    .button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
    .button.grey {
    background-color: #E9E9E9;
    color: #000;
    text-shadow: 1px 1px #fff;
}

