/* @group notes */
/* ============================================================
The Heritage Foundation Masthead - Screen CSS
---
*  Created by Viget Labs on 2009-07-28.
*  Copyright (c) 2009 The Heritage Foundation. All rights reserved.
	================================================ */
/* @end */

#comp {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

  #comp img {
    display: block;
    margin: 0 auto;
    opacity: 0.5;
    width: 960px;
  }

/* @group base */
  
  /* @group -reset */
  /* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */

	* { margin:0; padding:0 }
	
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
	{ margin: 0; padding :0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline; }
	
	a img, frameset { border:0 }
	q:before, q:after { content:"" }
	q { quotes:"" " "}
	a img, frameset { border:0 }
	/* @end */
  
	/* @group -utility */
  /* Utility styles, like clearfix, that are useful and re-useable */
  
  /* ---- Clearing Floats ---- */
  /* Basic   */ .clearfix:after, .col:after, .wrapper:after,
	/* Forms   */ form:after, form .form-field:after, form .form-field .multi-field:after, form .wide-label:after,
  /* Masthead */ #masthead:after, #masthead .featured .promo:after, #masthead .content:after, #masthead .top:after, #masthead .header:after, #masthead .content:after,
	/* Nav     */ .nav:after, .nav ul:after, .nav ol:after,
	/* General */ .section:after,
  /* Footer  */ #footer .nav:after
	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
  
  .clear { clear:both }
	.left { float:left !important }
	img.left, a.left img { margin:0 16px 16px 0 }
	.right { float:right !important }
	img.right, a.right img { margin:0 0 16px 16px }
	.center { float:none !important;text-align:center !important; }
	img.border { border: 1px solid #6e6e6e;}
	.small { font-size:.8em;margin-bottom:1.875em;line-height:1.875em }
	.large { font-size:1.2em;line-height:2.5em;margin-bottom:1.25em }
	.highlight { background: #fef5c6; padding: 2px; }
	.break { display:block; }

	.margin-bottom { margin-bottom: 2em; }
	.nomargin { margin: 0 !important; }
	.noborder{ border: none !important; }
	.nobg { background-image: none !important; }
  
  /* ---- Hidden Bits ---- */
	/* Basic   */ .hide, .hidden, hr.divide, h6.note, .skip-nav,
	/* Masthead */    #masthead .header h2 a .sub, #masthead form legend
  { display:none }
  
  /* ---- Background Replacements ---- */
  .bg-replace,
  #masthead .header a, 
  #masthead form .heading, 
  #masthead #newsletter-subscribe .primary-button, 
  #masthead .about .heading
  {
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
  }
	/* @end */

	/* @group -fonts */
	
		/* ---- Helvetica ---- */
		/* Masthead  */  #masthead .header .tagline h3, #wrapper-masthead-control a, #masthead, #masthead .featured .promo h4
		{ font-family: Helvetica, Arial, sans-serif; }
		
	/* @end */

	/* @group -links */
	/* This line reduces the weird "dotted-border" issue Phark produces in Firefox */
	a[class], a[id] { outline:none; }
	
	#masthead a, #masthead a:visited {
	  color: #fff;
	}
	
	#masthead a:hover, #masthead:active {
	  color: #cde6fb;
	}
	/* @end */
	

	
		/* @group --buttons */
  	button:hover, .button:hover { cursor: pointer; }
  	/* @end */
    	
    /* @end */
	/* @end */

/* @end */

/* @group structure */
	/* Here's where we set the basics of the site: The body, wrappers, title div, and etc. */
	
	/* @group -wrappers */
	#wrapper-masthead, #wrapper-footer {
    font-size: 100%;
	  width: 100%;
	}
	/* @end */
  
  /* @group -masthead */
  #wrapper-masthead-outer {
    background: transparent url("../image/struct/bg-wrapper-masthead-outer.png") bottom left repeat-x;
  }
  
  #wrapper-masthead-inner {
    background: transparent url("../image/struct/bg-wrapper-masthead-inner.jpg") top center repeat-x;
    position: relative;
  }
  
  /*#wrapper-masthead-footer {
    background: transparent url("../image/struct/bg-footer-of-header.png") top center no-repeat;
    height: 31px;
  }*/
  
  #masthead {
    color: #fff;
    font-size: 0.689em; /* 11px */
    margin: 0 auto;
    width: 960px;
    
  }
  .shaddow {
  background: #f0f0f0 url("../image/struct/bg-footer-of-header.png") top left repeat-x;
  clear:both;
  height:10px;
  width:100%;
  }
    #masthead h1, #masthead h2, #masthead h3, #masthead h4 { margin: 0; }
    
    /* @group --masthead header */
    #masthead .header { 
      width: 950px;
      margin-bottom: 4px;
      padding-top: 9px;
    }
    
    #masthead .header h2 {
      float: left;
      margin: 0 17px 0 0;
      height: 56px;
      width: 167px;
    }
        
      #masthead .header h2 a {
        background: url("../image/struct/logo-masthead.png") 0 0 no-repeat;
        height: 56px;
        width: 167px;
      }
    
      /* @group ---masthead tagline */
      #masthead .header .tagline {
        background: transparent url("../image/struct/bg-dotted-v-b1c7d7.png") 0 0 repeat-y;
        float: left;
        margin-top: 9px;
        padding: 2px 0 5px 16px !important;
        width: 260px;
        clear:none;
      }
      
      #masthead .header .tagline h3 {
        color: #fff;
        font-weight: bold;
        margin-bottom: 6px;
      }
    
      #masthead .note { color: #dbe9f2; }
      /* @end */
    /* @end */
    
    
    
    /* @group --masthead content */
    #masthead .content {
      background: transparent url("../image/struct/bg-masthead-content.png") 0 0 repeat-y;
      margin: 37px 0 30px 0 !important;
    }
    
      #masthead .content .section {
        float: left;
      }
      
      /* @group ---masthead about */
      #masthead .about {
        line-height: 1.6em;
        margin-right: 68px;
        width: 330px;
      }
      
        #masthead .about .heading {
          background-image: url("../image/struct/hd-content-about.png");
          height: 13px;
          margin-bottom: 16px;
          width: 302px;
        }
      /* @end */
      
      /* @group ---masthead links */
      #masthead #link {
        color: #fff;
        margin-right:0px;
        width: 490px;
        float:left;
        margin-top:45px;
        color: #f5f5f5;
        clear:none;
        display:block;
        text-align:right;
        
        
      }
       #masthead #link a {
          /*background: transparent url("../image/struct/ico-masthead-control.png") 0 1px no-repeat;*/
          color: #fff;
          font-size: .9em;
          padding-left: 7px;
          padding-right: 7px;
          vertical-align:bottom;
          text-decoration:underline;
          text-transform: uppercase;
          text-indent:0px;
          clear:none;
          display:inline;
        }
      
        
       
 
  	/* @end */
    
	/* @end */

	/* @group -footer */
	#wrapper-footer
{
    background-color: #103258;
    background-image:none;
    background-position: left bottom;
    background-repeat:repeat-x;
    padding-top: 34px;
    width: 100%;
}
	
	  #footer {
	   background: transparent url("../image/struct/bg-footer-bell.png") bottom center no-repeat; 
      margin: 0 auto;
      padding-bottom: 20px;
      text-align: center;
	    width: 945px;
	  }
	  
	    #footer .header {
	      color: #fff;
	      font-style: italic;
	      margin-bottom: 30px;
	      padding-top: 31px;
	    }
	    
	    #footer .nav {
	      list-style: none;
	      margin: 0 auto;
	      padding: 0;
	      text-align: center;
	    }
	    
	      #footer .nav li {
	        border-right: 1px solid #8e8c82;
	        display: inline;
	        margin: 0 14px 0 0;
	        padding: 4px 14px 4px 0;
	      }
	      
	        #footer .nav li.last {
	          border: none;
            margin-right: 0;
	          padding-right: 0;
	        }
	      
	        #footer .nav li a {
	          color: #fff;
	        }
	        
	    #nav-footer {
	      font-size: 0.75em;
	      margin-bottom: 35px !important;
	    }
	    
	    #nav-legal {
        font-size: 0.6875em;
	    }
	/* @end */
/* @end */

/* @group misc styles */
#wrapper-masthead-outer #masthead .content {margin: 0px 0 30px 0 !important;}
#wrapper-footer {clear:both;}
#contentWrapperMid {width:1020px; margin-left:auto; margin-right:auto;}
/* @end */