/* 
    Document   : content
    Created on : Mar 10, 2012, 10:00:41 AM
    Author     : john
    Description:
        Purpose of the stylesheet follows.
*/

/**
        Styles for #content are kept in content.css
        so they can be used by TinyMCE
        Keep styles in that file
**/

* { 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
body{
    font-family: 'Istok Web', sans-serif;
    font-size: 11px; /* ~11pt */
    line-height: 1.3em;
}

h1,h2,h3,h4,h5,h6{
    font-weight: 400;
    color: #999999;
}
h1{
    font-size: 2.727272727272727em; /* ~30pt/11pt */
     margin: 0em 0 0em ;
     line-height: 1.0em;
}
h2{
    font-size: 1.818181818181818em; /* ~20pt/11pt */
     margin: 0em 0 0em ;
     line-height: 1.3em;
     color: #0099cc;
}
p{
    margin: 0 0 .5em 0;
}
menu, ol, ul {
    padding: 0 0 0 15px;
}
a{
    text-decoration: none;
    color: #666666;
}
a:hover{
    color: #cccccc;
}
.red, .required {
    color: #ff0000;
}
.red-l{
    color: #ff0000;
    font-size: 1.27273em;
}

.page-intro{
    border-bottom: solid 2px #97999c;
    height: 145px;
    margin-bottom: 10px;
    
}
.page-intro p, .page-mid p{
    width: 331px;
}
.page-mid{
    border-bottom: solid 2px #97999c;
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height: 90px;
}

.coupons-red{
    /*height: 37px;*/
    color: #ff0000;
    font-size: 2.181818181818182em; /* 24/11 */
    line-height: 1.5;
    margin-bottom: 20px;
}

.coupons-head{
    /*height: 37px;*/
    background: #b2e5ff;
    color: #2248ac;
    font-size: 2.181818181818182em; /* 24/11 */
    line-height: 1.5;
    padding-left: 10px;
    margin-bottom: 20px;
}

.coupons-head a{
    color: #2248ac;
    text-decoration: underline;
}
.coupons-head a:hover{
    color: #ea0042;
    text-shadow: 0px 0px 2px #ffffbe;
    filter: dropshadow(color=#ffffbe, offx=0, offy=0);
        
}
#vvp-search-graphic{
    position: absolute;
    right: 72px;
    top: 67px;
}
.blue{
    color: #2248ac;
    font-size: 1.272727272727273em; /* 14/11 */
}
.blue li{
    margin-bottom: 16px;
}
.blue li a{
    color: #2248ac;
}
.blue li a span{
    color: #231f20;
    margin-left: 26px;
}

.coupons-note{
    float: right; 
    width: 250px; 
    color: #2248ac;
    font-size: 0.909090909090909em; /* 10/11 */
    margin-top: 65px;
    width: 218px;
}
.vvp-contact th{
    width: 140px;
}
.vvp-contact th, .vvp-contact td{
    padding: 1px 12px 5px 1px;
}



.bios{
    width: 100%;
}
.bios th{
    vertical-align: top;
}
.bios td{
    vertical-align: top;
    padding: 7px 10px;
}
.bios th div{
    padding: 7px 10px;
    border: solid 1px #c3e8f6;
    display: inline-block;
}

.contact-block{
    position: relative;
    background-color: #f9f9c1;
    padding: 7px 3px;
    left: -3px;
    margin: 20px 0;
}
.contact-block .media-kit-link{
    position: absolute;
    top: 40%;
    right: 45px;
    color: #185ce4;
    text-decoration: underline;
}