@charset "UTF-8";
/* CSS Document */

ul { padding: 0; margin: 0; }


body { background: #FDFDFD url('/images/layout/outer_back.png') repeat-x; }
    .container { width: 960px; margin-left: auto; margin-right: auto; }
    
      .container #header { width: 960px; height: 217px; background: url('/images/layout/header_back.png') repeat-x; position:relative; }
    
      .container #header .adspace { display: block; width: 800px; height: 85px; /* border: 1px solid #000;*/ text-align:center; margin-left: auto; margin-right: 25px; margin-bottom: 2px; }
      
      .container #header #devonpicture { width: 223px; height: 182px; position: absolute; top: 0px; left: 0; margin-left: -120px; background: url('/images/layout/header_cartoon.png') no-repeat; }
    
      
      .container #header h1 { margin: 0; padding: 0; left: 110px; position:relative; display:block; width: 392px; height: 60px; float: left; }
        .container #header h1 a { display: block; width: 392px; height: 60px; background: url('/images/layout/header_logo.png') no-repeat; }
        .container #header h1 a span { display: none; }
        
      .container #header h2 { margin: 0; padding: 0;  display:block; width: 300px; height: 60px; float: right;  background: url('/images/layout/header_tagline.png') no-repeat; }
        .container #header h2 span { display: none; }
      
      .container #header #navbar { display: block;  padding: 0; margin: 0; clear: both; position: relative; left: 108px; width: 845px; height:44px; background: url('/images/layout/header_navbar.png') no-repeat; }
        .container #header #navbar li { display: inline; list-style: none; }
        .container #header #navbar li a { }
        .container #header #navbar li a span { display: none; }
        
        .container #header #navbar li#the-pink-book a { width: 133px; height: 44px; display: block; float: left; }
          .container #header #navbar li#the-pink-book a:hover { background: url('/images/layout/header_nb_thepinkbook.png') no-repeat; }
          .container #header #navbar li#the-pink-book a.current { background: url('/images/layout/header_nb_thepinkbook.png') no-repeat; }
      
      
        .container #header #navbar li#pink-parties a { width: 116px; height: 44px; margin-left: 1px; display: block; float: left; }
          .container #header #navbar li#pink-parties a:hover { background: url('/images/layout/header_nb_pinkparties.png') no-repeat; }
          .container #header #navbar li#pink-parties a.current { background: url('/images/layout/header_nb_pinkparties.png') no-repeat; }
          
        .container #header #navbar li#kb a { width: 92px; height: 44px; margin-left: 1px; display: block; float: left; }
          .container #header #navbar li#kb a:hover { background: url('/images/layout/header_nb_articles.png') no-repeat; }
          .container #header #navbar li#kb a.current { background: url('/images/layout/header_nb_articles.png') no-repeat; }
          
        .container #header #navbar li#blog a { width: 75px; height: 44px; margin-left: 1px; display: block; float: left; }
          .container #header #navbar li#blog a:hover { background: url('/images/layout/header_nb_blog.png') no-repeat; }
          .container #header #navbar li#blog a.current { background: url('/images/layout/header_nb_blog.png') no-repeat; }
          
        .container #header #navbar li#devon-in-the-media a { width: 120px; height: 44px; margin-left: 1px; display: block; float: left; }
          .container #header #navbar li#devon-in-the-media a:hover { background: url('/images/layout/header_nb_inthemedia.png') no-repeat; }
          .container #header #navbar li#devon-in-the-media a.current { background: url('/images/layout/header_nb_inthemedia.png') no-repeat; }
          
        .container #header #navbar li#search { width: 300px; height: 44px; margin-left: 1px; display: block; float: right; position: relative; }
          .container #header #navbar li#search form { text-align: center; }
          .container #header #navbar li#search form input.inputtext { padding: 4px 7px; width: 65%; font-size: 11px; margin-top: 5px; }
  
  
      .container #header ul#subnavbar { margin: 0; padding: 0; width: 290px; margin-left: 655px; font-size: 12px; text-align: center; position: relative; }
        .container #header ul#subnavbar li { margin: 0; padding: 0; display: inline; list-style: none; padding: 2px 3px; }
        .container #header ul#subnavbar li a {  margin: 0; padding: 0; padding-left: 3px; padding-right: 3px; }
        .container #header ul#subnavbar li a span {  }
        
        
      .container #footer { display: block;  padding: 15px; }  
        
     
