html { outline:none; }
body {
	color: #6D6E6F;
	font-family: Arial;
	font-size: 10pt;
	font-weight: 550;
	background:url("../images/bckGrd2.jpg") #012d90 top left repeat-x;
	background-color:#0062B7;
	}
a { 
	text-decoration: none; 
	color: #fff; 
	font-family: Arial; 
	font-size: 8pt; 
	font-weight: bold;
	outline:none;
}

a:hover { 
	text-decoration: underline; 
	color: #cccccc; 
	font-weight: bold
}

.videointro { margin:14px 0; }
.videointro a { color:#039; border:1px solid #ccc; padding:3px;}
.videointro a:hover { color:#06c; background-color:#039;color:#fff; text-decoration:none;border:1px solid #ccc; padding:3px;}

.smalltextlink a { 
	font-size:9px;
}

.navlink {
	text-align: right;
}

.navlink a { 
	font-size:12px; 
	color: #3397CF; 
	font-family: Arial;
	font-weight: bold
}

.navSubmenu {
	text-align: right;
}
.navSubmenu a {
	color: #6D6E6F;
	text-decoration: none; 
}
.navSubmenu a:hover {
	text-decoration: underline; 
}

.expandImg {
cursor: pointer;
}

.bodyLink a { 
	font-size:12px; 
	text-decoration: underline; 
	color: #4C4D4E; 
	font-family: Arial;
	font-weight: bold
}

.bodyLink a:hover{ 
	font-size:12px; 
	text-decoration: underline; 
	color: #0074C1; 
	font-family: Arial;
	font-weight: bold
}

.bodyLink2 a { 
	font-size:12px; 
	text-decoration: underline; 
	color: #4C4D4E; 
	font-family: Arial;
	font-weight: normal;
}

.bodyLink2 a:hover{ 
	font-size:12px; 
	text-decoration: underline; 
	color: #0074C1; 
	font-family: Arial;
	font-weight: normal;
}
.bodyLink1 a { 
	font-size:12px; 
	text-decoration: underline; 
	color: #06c; 
	font-family: Arial;
	font-weight: normal
}

.defaultPage a { 
	font-size:10px; 
	text-decoration: none; 
	color: #ccc; 
	font-family: Arial;
	font-weight: normal
}

.defaultPage a:hover { 
	font-size:10px; 
	text-decoration: underline; 
	color: #ccc; 
	font-family: Arial;
	font-weight: normal
}

.contentGridHD {
	text-decoration: none; 
	color: #fff; 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold;
}
.navHeader {
	text-decoration: none; 
	color: #4C4D4E; 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold;
}
.sidenavHeader {
	color: #4C4D4E; 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold;
	text-align: right;
	height: 35px;
}
.sidenavHeader a {
	text-decoration: none; 
}
.sidenavHeader a:hover {
	text-decoration: underline; 
}
.sidenavIcon {
	width: 15px;
}

.bodyHeader {
	text-decoration: none; 
	color: #4C4D4E; 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold
}

.bodyHeader2 {
	text-decoration: none; 
	color: #007DC3; 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold
}

.footer {
	color: #fff; 
	font-family: Arial; 
	font-size: 8pt; 
}

.gridColor {
	color: #ffffff; 
	font-family: Arial; 
	font-size: 9pt;
}

.bgcolor {
	background-color:#00274d;
}



.body2 { 
	font-size:11px;
	color: #808080;
}

.lftBlk { 
	margin: 5px; 
	padding: 5pt; 
	width: 90%;
}

.rightBody { 
	font-size:12px;
	color: #808080;
}

.colorLink a { 
	font-size:12px;
	color: #00274D;
}

.colorLink a:hover { 
	font-size:12px; 
	text-decoration: underline; 
	color: #00274D;
}

.colorLink2 a { 
	font-size:11px;
	color: #00274D;
}

.colorLink2 a:hover { 
	font-size:11px; 
	text-decoration: underline; 
	color: #00274D;
}



.vsiLogo {
  background: url("../images/vsiLogo.gif") no-repeat;
  width: 257px;
    } 
        
.vsiLogo2{ 
  background: url("../images/headerRight.gif") no-repeat;
} 

.vsiFooter{ 
  background: url("../images/footerGrx.gif") no-repeat;
  height: 25px;
} 

/* what we do data box */

.graphBlue{
    background: #3B9BD1;
}

.graphHeaderWh{
    color: #fff;
    font-weight: bolder;
}

.graphInnerBlue{
    background: #4db5f0;
}

.grphContent{ 
   background: #3A373B;
} 

.aboutGraphTxt {
    color: #fff;
    font-weight: bold;
}
    
.whatWeDoImg {
    background: url("../images/whatWeDo.jpg") -20px -5px no-repeat;
}

.grdTopHdImg{
    background: url("../images/gridTopG.gif") no-repeat;
}

.grdBtmHdImg{
    background: url("../images/gridBtmG.gif") no-repeat;
}

/* Who We Are */

.whoWeAreBg{
    background: url("../images/whoWeAre2.jpg") no-repeat;
}
/* What we offer */

.whatWeOfferImg{
    background: url("../images/whatweofferBtm.jpg") -15px 0 no-repeat;
}

/* What is Affinity */

.whatIsAffinityImg{
    background: url("../images/affinityVSI.jpg") 0 -25px no-repeat;
}

/* Why VSI */

.why1{
    background: url("../images/whyVsiNum1.gif") 0 20px no-repeat;  
}

.why2{
    background: url("../images/whyVsiNum2.gif") 0 20px no-repeat;
}

.why3{
    background: url("../images/whyVsiNum3.gif") 0 20px no-repeat;
}

.why4{
    background: url("../images/whyVsiNum4.gif") 0 20px no-repeat;
}

.why5{
    background: url("../images/whyVsiNum5.gif") 0 20px no-repeat;
}

/* Partner Spotlight */

.spotlightMail{
    background: url("../images/mailLogo.gif") 5px 0 no-repeat;
}

.spotlight1{
    background: url("../images/mlbLogo.jpg") 35px 5px no-repeat;
}

.spotlight2{
    background: url("../images/neopetsLogo.gif") 20px -10px no-repeat;
}

.spotlight3{
    background: url("../images/canadaLogo.gif") 10px 10px no-repeat;
}

.spotlight4{
    background: url("../images/collegesLogo.jpg") 2px -1px no-repeat;
}

.spotlightHL{
    background: url("../images/HL-adv-logo.jpg") 2px -1px no-repeat;
}

/* ad placement */

.adPlaceImg{
    background: url("../images/bannerSizes.gif") no-repeat;
}





/* creative solutions */

.creativeSlImg{
    background: url("../images/landingPages.jpg") 20px 0 no-repeat;
 }
 
 .entCh1{
    background: url("../images/entertainmentIcon.jpg") 0 -7px no-repeat;
 }
 .entCh2{
    background: url("../images/entChannel.jpg") 0 -15px no-repeat;
 }
 
 .entLightGrd{
    background-color:#D19BE6;
}    
    
 .GraphTxt {
  font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold
}
    
    
 .csDkGry{
    background-color: #3A373B;
    }


.csMedGry{
    background-color: #5B585C;
    }
    
.sportsGrdMn {
        background-color: #CF3B39;
        }
        
.sportsGrdIn {
        background-color: #E76265;
        }
 .sptCh1{
    background: url("../images/sportsIcon.jpg") 0 2px no-repeat;
 }
 .sptCh2{
    background: url("../images/sportsChannel.jpg") 0 -15px no-repeat;
 }
    
    .moneyGrdMn {
        background-color: #3A6A3C;
        }
        
.moneyGrdIn {
        background-color: #A0D4A0;
        }
 .moneyCh1{
    background: url("../images/moneyIcon.jpg") 0 -10px no-repeat;
 }
 .moneyCh2{
    background: url("../images/moneyChannel.jpg") 0 -15px no-repeat;
 }
 
    .videoGrdMn {
        background-color: #2D6F96;
        }
        
.videoGrdIn {
        background-color: #93AECA;
        }
 .videoCh1{
    background: url("../images/videoIcon.jpg") 0 -8px no-repeat;
 }
 .videoCh2{
    background: url("../images/videoChannel.jpg") 0 -15px no-repeat;
 }
    
    
    .mailCh1{
    background: url("../images/mailLogo.gif") 0 -20px no-repeat;
 }
 
  .mailCh2{
    background: url("../images/mailChannel.jpg") 0 -5px no-repeat;
 }
  .mailGrdMn {
        background-color: #2A57A5;
        }
        
.mailGrdIn {
        background-color: #84A2D4;
        }
    
    /* editorial calendar */ 
    
    
    
 .editorialDkBl{
    background-color:#1486c8;
    }
    
    
.editorialLhtGry{
    background-color: #727376;
    }


 .editorialDkGry{
    background-color: #3B3C3E;
    }


.editorialMedGry{
    background-color: #4C4D4F;
    }






