/*----HTML Structural Elements--------------------------------------------------*/

  html{
    background:#ffffff url(img/.png) repeat-x top left;
    /*background MUST be the same as the body tag's background in XHTML*/
    height:100%;
  }

  body{
    background:#ffffff url(img/bg.png) repeat-x top left;
    height:100%;
    margin:0px;
    padding:0px;
    font:small/150% "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    color: #47443F;

  }

  * {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
  }

  img {
    border: 0px;
  }

  HR{
    color: #FDB911;
    height: 3px;
    margin: 10px 15px 10px 15px;
  }


  small {
    font-size:80%;
    line-height: 120%;
  }

  h1{
    font-size:160%;
    margin:20px 15px 10px 15px;
    padding:12px;
    color: #ffffff;
    background: url(img/titlebar_bg.gif) no-repeat center left;
  }

  h2{
    font-size:145%;
    margin: 6px 35px 10px 27px;
    padding:0;
    color: #6F6B61;
  }

  h3{
    font-size:125%;
    margin:16px 35px -6px 27px;
    padding:0px;
    color: #193281;
  }

  h4{
    font-weight:bold;
    font-size:110%;
    margin: 8px 35px -6px 27px;
    padding:0;
    color: #464646;
  }

  h5{
    font-size:105%;
    margin:24px 35px -6px 27px;
    padding:0px;
    color: #193281;
    text-transform: uppercase;
  }
  
  p{
    line-height:150%;
    margin:8px 35px 14px 27px;
    padding:0;
    white-space: wrap;
  }
  
  p.games {
    margin: 24px 14px;
    text-align: center;
  }
  
  p.puzzles {
    margin: 24px 14px;
    text-align: center;
    width:486px;
  }
  
  p.puzzles img{
    padding: 3px;
    border: 1px solid #666666;
  }
  
  .blue {
    color: #0D4098;
    font-weight: bold;
  }
  
  blockquote{
    margin:0px 15px 0px 15px;
  }  

  a{
    color:#9D1B1E;

  }

  a:hover{
    color:#0454B5;
  }

  img.sectionphoto{
    margin: 8px 0px -12px 0px;
  }
  
  sup {
    font-size: 85%;
  }

  /**----Unordered List Styles--------------------------------------------------*/

    ul{
      list-style-type: square;
      list-style-position: outside;
      margin:10px 27px 15px 47px;
      padding:0;
    }

    ul li{
      margin:0 5px 5px 0;
      padding:0;
      line-height:125%;
    }


    ul li ul{
      margin:5px 0 5px 15px;
    }

    ol{
      margin: 10px 15px 15px 30px;
      padding:0;
      font-size:100%;
    }
    ol li{
      margin:0 5px 5px 0;
      padding:0;
      line-height:125%;
    }

    ol li ul{
      margin:5px 0 5px 15px;
    }

  /**/

/**/

/*----Page Structural Elements/Wraps--------------------------------------------*/

  .container{
    width:996px;
    margin:0px auto;
    padding:0px;
    position:relative;
  }

  .parentWrap{
    position: relative;
    width: 996px;
    color: #2D2A28;
    margin: 0px;
    padding: 0px;
   
  }

  .parentWrap#noColumns{
    background:#ffffff;
    background-image: none;
  }  

  /* Hides from IE-mac \*/
  * html .parentWrap {height: 1%;}
  /* End hide from IE-mac */

    .parentWrap:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  .contentWrap{
    position: relative;
    float: left;
    display: inline;
    clear: both;
    margin: 0px;
    padding: 0px;
    text-align: left;
  }

  .footerWrap{
    position: relative;
    float: left;
    display: inline;
    clear: both;
    margin: 0px auto;
    padding: 0px;
  }

/**/

/*------------------------------------------------------------------------------*/
/*----BEGIN PAGE STYLES---------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


  .contentWrap#mainContent{
    width:734px;
    clear:none;
    margin:0px;
    padding:0px;
  }
  
  .contentWrap#marketingArea{
    clear:none;
    width:943px;
    height: 271px;
    margin: 30px 26px 30px 27px;
    padding:0px;
    background: #ffee9c url(img/marketingAreaBG.jpg) no-repeat top left;
  }
 
  .contentWrap#mainHome{
    width:666px;
    height: 232px;
    clear:none;
    margin:19px 0px 0px 21px;
    padding:0px;
  }
 
  .contentWrap#mainHome H1{
    background-image: none;
    text-transform: uppercase;
    color: #003064;
    margin: 0px;
  }


  .contentWrap#rightContent{
    background: url(img/newsbg.jpg) no-repeat bottom left;    
    clear:none;
    margin: 19px 0px 0px 0px;
    padding: 0px;
    width: 256px;
    height: 232px;    
    color: #373737;
  }

  .contentWrap#rightContent h3{
    background: url(img/newsTop.jpg) no-repeat top left;
    padding: 19px 0px 0px 26px;
    margin: 0px;
    color: #373737;
  }

  .contentWrap#rightContent p{
    text-align: left;
    padding: 0px 26px 12px 26px;
    margin: 0px;
    line-height: 115%;
    font-size: 95%;
  }
  
  .contentWrap#rightContent p.readNews {
    text-align: right;
    padding: 0px 12px 0px 26px;  
  }

  .contentWrap#rightContent span.date{
    color: #9d1b1e;
  }
  
  .contentWrap#rightContent b{
    color: #9D1B1E;
    font-weight: bold;
  }
  
  

  .pullout {
    float: right;
    width: 220px;
    clear:none;
    margin:0px 32px 0px 28px;
    padding:0px 0px 18px 0px;
    color: #333333;
    font-size: 92%;
    background: url("img/pullout_bottom.gif") no-repeat bottom center;
  }
  
  .pullout h4{
    margin:0px;
    padding:18px 20px 0px 26px;
    color: #0374BB;
    font-size: 110%;
    background: url("img/pullout_top.gif") no-repeat top center;
  }  

  .productRight {
    margin: 20px 28px;    
    float: right;
    clear: both;
    width: 325px;
  }
  
  img.productDetail{
    padding: 14px;
    margin: 0px;
    border: 0px;
  }


/*----Header Section------------------------------------------------------------*/


  .bannerHeader {
    background: #123179 url(img/bg.png) repeat-x top left;
    width: 996px;
    margin: 0px;
    padding: 0px;
  }

  .bannerHeader:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  .logo {
    position: absolute;
    top: 0px;
    left: 26px;
    width: 224px;
    height: 95px;
    z-index: 2;
    }


  /* Hides from IE-mac \*/
  * html .bannerHeader {height: 1%;}
  /* End hide from IE-mac */

/**/



/*----Nav Section---------------------------------------------------------------*/

  a.aSkipNav{
    position: absolute;
    left: -1000em;
    width: 20em;
  }

/**----Utility Nav Section-------------------------------------------------------*/

    #utilityWrap {
      top: 16px;
      right: 26px;
    }
    
    .utility{
      float:right;
      display:inline;
      margin:13px 0px 18px 9px;
      padding:0px;
      list-style-type: none;
      clear:both;
      width: 450px;
      height: 29px;
    }

    form .utility li  {
      background: #ffffff url("img/searchBG.png") repeat-x top right;
      padding: 0px;
      margin: 0px;
      float: left;
      color:#5F5B53;
      text-decoration: none;
      height: 29px;
    }

    form .utility li.link  {
      background-color: transparent;
      background: url("img/searchStart.png") no-repeat top right;
      padding: 4px 20px 0px 0px;
      margin: 0px;      
    }
 
    form .utility li.link a,
    form .utility li.link a:hover,
    form .utility li.link a:visited {
      color: #ffed93;   
      text-decoration: none;
    } 
 
    img.star {
      padding: 1px 6px 2px 0px;
      float: left;
    } 
  
    input.search {
      padding: 0px;
      margin: 3px 0px;
      height: 23px;
      width: 124px;
      border: 0px solid #ffffff;
    }

    input.submit {
      margin: 0px;
      padding: 0px;
      height: 29px;
      width: 124px;
    }

  /**/


/**----Main Nav Section-------------------------------------------------------*/

    ul#nav{      
      background: #c51f21 url(img/bg.png) repeat-x bottom left;        
      margin: 0px;
      padding: 0px 0px 0px 274px;
      list-style-type: none;
      clear: both;
      width: 722px;
      height: 57px;
    }  

    ul#nav li {
      background: #DA3F3D url(img/navBG.png) no-repeat top right;
      float:left;
      display:inline;
      padding: 0px;
      margin: 14px 16px 0px 0px;
      white-space: nowrap;
    }

    ul#nav li a {
      background: url(img/navStart.png) no-repeat top left;
      display:block;
      padding:8px 12px 5px 12px;
      margin:0px;
      height: 16px;      
      color:#ffffff;
      line-height:1em;
      font-weight: bold;
      text-decoration: none;
    }
    
    ul#nav li a:hover{
      background: url(img/navBG-hover.png) no-repeat top left;
      color:#ffffff;
      text-decoration: none;
    }    



    ul#nav li.activeSection{
      background-color: transparent;
      background: url(img/navBG-active.png) no-repeat top right;
      height: 35px;      
    }
    
    ul#nav li.activeSection div#arrow{
      background: url(img/navArrow.png) no-repeat bottom center;
      height: 35px;      
    }    
    
    ul#nav li.activeSection a {
      background: url(img/navStart-active.png) no-repeat top left;
      color:#1c2016; 
      padding:8px 12px 5px 12px;
      height: 22px;       
    }    

    ul#nav li.activeSection a:hover{
      background: url(img/navStart-active.png) no-repeat top left;
      color:#1c2016;
      text-decoration: none;
    } 
    

  /**----SubNav Section-------------------------------------------------------*/

  .contentWrap#subnavNone{
    clear:none;
    margin: 22px 0px 0px 26px;
    padding:0px;
    width: 236px;
  }
  
  .contentWrap#subnav{
    background: url(img/subnav_top.gif) no-repeat top left;
    clear:none;
    margin: 22px 0px 0px 26px;
    padding:0px;
    width: 236px;
    color: #333333;
  }
  
  .contentWrap#subnav p{
    margin:0px;
    padding:0px;
  }

    ul.subnavlinks{     
      background: url(img/subnav_bg.jpg) no-repeat bottom left;      
      float:left;
      display:inline;
      width:236px;
      list-style:none;
      margin: 17px 0px 20px 0px;
      padding: 0px 0px 18px 0px;
      font-size: 14px;
    } 
    
    ul.subnavlinks li{
      margin:0px;
      padding:0px;
      float:none;
    }
    
    ul.subnavlinks li a,
    ul.subnavlinks li a:hover,
    ul.subnavlinks li a:visited {
      width:169px;      
      display:block;
      padding:9px 40px 7px 27px;
      margin:0px;
      color:#444444;
      text-decoration: none;
      background: url(img/subnav_divide.gif) no-repeat top left;
    }
    
    ul.subnavlinks li a:hover {
      width: 156px;
      background: #ffe57d;
      background-image: none;
    }    
    
    ul.subnavlinks li.activePage a,
    ul.subnavlinks li.activePage a:hover,
    ul.subnavlinks li.activePage a:visited {
      background: #fddc5b url(img/subnav_active.gif) no-repeat top left;
      font-weight: bold;      
    }    
    
    .subnavlinks li.title {  
      background: #ffffff url(img/subcat_top.gif) no-repeat top left;
      padding: 10px 40px 6px 27px;
      margin: 0px;
      color: #C21619;
      font-weight: bold; 
      text-transform: uppercase;
      font-size: 85%;
    }
    
    div.subnavlinks{     
      background: url(img/subnav_bg.jpg) no-repeat bottom left;      
      width:168px;
      margin: 17px 0px 0px 0px;
      padding: 0px 40px 18px 28px;
    }    
    
    div.noline{     
      background: url(img/subnav_bg_noline.jpg) no-repeat bottom left;      
    }     
    
    div.subnavlinks h2 {  
      padding: 2px 0px;
      margin: 0px;
      color: #C21619;
      font-weight: bold; 
      text-transform: uppercase;
      font-size: 85%;
    }    
    
    div.subnavlinks p {  
      padding: 6px 0px 16px 0px;
      margin: 0px;
    }


  /**----Third Level Nav Section-------------------------------------------------------*/

    ul.subnavlinks ul.subcatNav {
      display:block;
      width: 224px;
      padding: 0px 0px 12px 0px;
      margin: 0px;
      list-style:none;      
      background: #ffed93 url(img/subnavCatBG.jpg) repeat-x top left;
      border-bottom: 1px solid #fde25c;
    }
    
    ul.subnavlinks ul.subcatNav li {
      width: 224px;
    }
    
    ul.subnavlinks ul.subcatNav li a,
    ul.subnavlinks ul.subcatNav li a:hover,
    ul.subnavlinks ul.subcatNav li a:visited{
      width: 156px;
      padding: 5px 30px 0px 38px;
      margin:0px;
      color:#444444;
      text-decoration: none;
      font-weight: normal;
      font-size: 12px;
      line-height: 120%;
      background: url(img/subnavBullet.png) no-repeat 28px 11px;
    }

    ul.subnavlinks ul.subcatNav li a:hover{     
      color:#c82425;    
    }

    ul.subnavlinks ul.subcatNav li#activeThird a {
      color:#c82425;
      font-weight: bold;
    }

/*----Footer Styles-------------------------------------------------------------*/


  .footerWrapProducts#footer{
    margin: 0px;
    padding:0px;
    text-align: center;
    clear:both;
  }

  .footerWrap#footer{
    width:996px;
    margin:0px;
    padding:0px;
    position:relative;
  }
  
  .contentWrap#columnOne, 
  .contentWrap#columnTwo, 
  .contentWrap#address, 
  .contentWrap#copyright {
    clear:none; 
    margin:0px;
    padding:0px; 
  }
  
  .contentWrap#columnTwo {
    clear:none; 
    margin: 20px 0px 0px 0px;
    padding:0px; 
    font-size: 85%;
    line-height: 115%;
  }  
  
  .contentWrap#copyright {
    color: #484848;
    width: 338px; 
    margin:0px;
    padding:0px;     
    text-align: justify;
    text-justify: newspaper;
    font-size: 90%;
    line-height: 135%;    
  } 
  
  .contentWrap#copyright a.credit,
  .contentWrap#copyright a:hover.credit{
    color: #637682;
    text-decoration: none;
    font-size: 90%;
  }   
  
  .contentWrap#address {
    color: #343434;
    width: 366px;
    margin:0px;
    padding:0px 0px 0px 26px;     
    text-align: justify;
    text-justify: newspaper;
    font-size: 90%;
    line-height: 135%;    
  }   

  ul#footerlinks{
      background: url(img/footerLinksBG.gif) no-repeat top right;  
      float:left;
      display:inline;
      margin: 26px;
      height: 43px;
      padding:0px 10px 0px 0px;
      list-style-type: none;
      clear: both;
  }

  ul#footerlinks li.first {
      background: url(img/footerLinksBG_left.gif) no-repeat top left;  
      padding:13px 0px 0px 10px;      
  }


  ul#footerlinks li {
      width:auto;
      float:left;
      display:inline;
      padding:13px 0px 0px 0px;
      margin:0px;
      color: #7993a3;
      height: 30px;        
    }

  ul#footerlinks li a{
      color: #043069;
      font-weight: bold;
      text-decoration: none;
      padding: 0px 10px;
      margin: 0px;   
    }

  #footer p{
    color:#ffffff;
    font-size: 92%;
    padding:0px;
    text-align: left;
  }

  #footer a.credit{
    color:#ffffff;
  }

/**/





 /*----Home Page Styles-------------------------------------------------------------*/

 table.tablefeaturedgame{
    float:right;
    border:0px;
    margin:15px 15px 25px 15px;
    width:426px;
   }

  p.feature{
    line-height:125%;
    font-size: 92%;
  }

  p.feature b{
    color: #193281;
    font-weight: bold;
    font-size: 110%;
  }


*/


 /*----Products Page Styles-------------------------------------------------------------*/
  
  .contentProductWrap {
    padding: 0px 0px 32px 0px;
    margin: 4px 0px 0px 0px;
  }


  div.productscat{
    margin:8px 0px 0px 15px;
    padding: 0px 0px 32px 0px;
  }
  
  div.productscat h3{
    margin:16px 0px 6px 2px;
    padding: 0px;
    color: #3b3b3b; 
    text-transform: uppercase;
    font-weight: normal;
    font-size: 130%;
    clear: both;
    width: 684px;
  }  
  
  div.productscat h3 a{
    float: right; 
    padding: 0px;
    margin: 0px;
  } 
  
  div.image-container {  
    margin: 0px 8px 24px 0px;
    padding: 0px;
    float: left;
    width:165px;
    height: 200px;
    border-top: 1px solid #e3e3e3;   
    background: url(img/productBox.gif) no-repeat bottom left;      
  }

  div.image-container:hover {
    border-top: 1px solid #ffe984;     
    background: url(img/productBox-hover.gif) no-repeat bottom left;     
  }
  
  div.image-container img {
    background: #ffffff;
    width:150px;
    height:150px;
    margin: 1px;
    padding: 7px 6px 7px 7px;
    display: block;    
  }
  
  div.image-container div {
    text-align: center;
    margin-top: 5px;
    padding: 0px 5px 5px 5px;   
    line-height: 110%;
    font-size: 85%;
    text-transform: uppercase;
    clear: both;
  }

  div.image-container div a,
  div.image-container div a:hover  {
    color: #2e2e2e;
    text-decoration: none;
  }


  div.image-container span {
    font-size: 90%;
  }

  div.awards-image-container {
    margin: 0px 0px 32px 0px;
    float: left;
    text-align: center;
    width:174px;
    height:174px;
  }

  div.awards-image-container img {
    padding: 4px 19px 16px 8px;
    border:0px;
  }
  
  div.awards-image-container div {
    text-align: center;
    margin: 0px 0px 8px 0px;
    padding: 0px 8px;
    line-height: 12pt;
    font-size: 90%;
  }  
  
/*------------------------------------------------------------------------------*/    
/* BLOG from Google */
/*------------------------------------------------------------------------------*/

div.blogContainer {
   margin: 0px;
   padding: 10px 27px 0px 24px;
}

div.blogContent {
   margin: 0px;
}

.gfg-title {
  display:none;
}

.gfg-entry {
  display: none;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {

}

.gfg-list {
	margin: 0px;
	padding: 0px;
}

.gfg-listentry {
	background: url(img/subnavBullet.png) no-repeat left 5px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 8px;
	font-size: 92%;
	line-height: 130%;
}

.gfg-listentry a{
	text-decoration: none;
        color: #373737;	
}

.gfg-listentry a:hover{
	text-decoration: underline;
        color: #9b1113;	
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
	   font-weight: bold;
	   font-size: 90%;	    	   
	   line-height: 130%;	 
}

.gfg-root .gfg-entry .gf-result .gf-title a,
.gfg-root .gfg-entry .gf-result .gf-title a:visited{
	   text-decoration: none;
	   font-weight: bold;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  margin-top : 10px;
}


.gfg-root .gfg-entry .gf-result .gf-author {
   display: none;
}

.gfg-root .gfg-entry .gf-result .gf-relativePublishedDate {
   color: #D0D1AF;
   font-size: 92%;
   margin-left: -10px;
   line-spacing: 1px;
   clear: both;
   padding-bottom: 6px;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}