@charset "utf-8";
/* CSS Document */

  /* Override some bootstrap defaults */

      html, body {
        background-color: lightgrey;
		background-color: #E87600;			 /* safety orange */
        background-color: #300000;           /* dark red */	
	   /*  background-color: #eee;              /* pale grey/white */
        background-image:url('bow.jpg');  */
      }

      body {
        padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
      }

      .container > footer p {
        text-align: center; /* center align it with the container */
      }

      .container {
        width: 919px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
      }
      
  /* The white background content wrapper */

      .content {
		background-color: #f7f8f9;	  /* OCTOBER */	
        background-color: white;

        height: 590px;
        width: 815px;
        /*padding: 10px;*/        
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
              border-left: 4px solid maroon; 
              border-top: 3px solid maroon; 
              border-bottom: 3px solid maroon; 
              border-right: 3px solid maroon;         
            /* border-left: 3px solid maroon; */ 
            /* border-bottom: 2px solid maroon; */                      
                     
                
        margin: 0 37px; /* negative indent the amount of the padding to maintain the grid system */

        -webkit-border-radius: 6px 6px 6px 6px;
           -moz-border-radius: 6px 6px 6px 6px;
                border-radius: 6px 6px 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
                
                        margin:0 auto;
      }

      .contentsurround {
        background-color: white;
        height: 602px;
        width: 830px;
        /*padding: 10px;*/        
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
         
            /* border-left: 3px solid maroon; */ 
            /* border-bottom: 2px solid maroon; */                      
                     
                
        margin: 0 37px; /* negative indent the amount of the padding to maintain the grid system */

        -webkit-border-radius: 6px 6px 6px 6px;
           -moz-border-radius: 6px 6px 6px 6px;
                border-radius: 6px 6px 6px 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
                box-shadow: 0 1px 2px rgba(0,0,0,.15);
                
                        margin:0 auto;
      }
  /* Page header tweaks */
      .page-header {
       
		background-color: #f7f8f9;	  /* OCTOBER */
        background-color: white;
	
        padding-top: 7px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 0px;
        
        /*margin: -20px -20px 20px; */
        
        margin-top: 20px;
        margin-right: 10px;
        margin-bottom: 20px;
        margin-left: 0px;
      }


  /* Styles you shouldn't keep as they are for displaying this base example only
      .content .span10,
      .content .span4 {
        min-height: 500px;
      } */

  /* Give a quick and non-cross-browser friendly divider */
      .content .span5 {
        margin-left: 0;
        padding-left: 19px;
        border-left: 1px solid #eee;
      }

  /* Navbar color choice */
      .navbar-inner, .navbar .fill {
      background-color: maroon;
      background-image: none;
      }
      
      .navbar .btn {
        border: 0;
      }

      .navbar {
        margin:0 auto;
      }
        
      .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 915px;
      }

      .navbar .brand {
        display: block;
        float: left;
        padding: 2px 0px 0px 0px;
        margin-left: 5px;
        font-size: 20px;
        font-weight: 200;
        line-height: 1;
        color: #black;
      }

      .navbar .navbar-text {
        margin-bottom: 0;
        line-height: 40px;
      }

      .navbar .navbar-link {
        color: #999999;
      }

      .navbar .navbar-link:hover {
        color: blue;
      }

      .navbar .btn,
      .navbar .btn-group {
        margin-top: 5px;
      }

      .navbar .brand:hover {
        text-decoration: underline;
      }

  /* SELECTED NAVIGATION ELEMENT (pill/tab/etc.) */
      .navbar .nav .active > a, .navbar .nav .active > a:hover {
          background-color: whitesmoke;
          color: black;
          text-decoration: none;
          font-weight:bold;
      }


  /* SELECTED NAVIGATION TEXT */
      .navbar .nav > li > a:hover {
        color: whitsmoke;
        text-decoration: none;
        background-color: maroon;
      }
      
  /* UNSELECTED NAVIGATION ELEMENT (pill/tab/etc.) */
      .nav-pills > li > a {
          border-radius: 5px 5px 5px 5px;
          margin-bottom: 0px;
          margin-top: 2px;
          padding-bottom: 8px;
          padding-top: 8px;
          background-color: maroon;
      }

  /* UNSELECTED NAVIGATION TEXT */
      .navbar .nav > li > a {
        font-family:verdana;
        font-size:14;
        float: none;
        padding: 9px 10px 11px;
        line-height: 19px;
        color: whitesmoke;
        text-decoration: underline;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      }

  /* FLOAT PILLS AND TABS TO THE RIGHT */
      .nav-tabs > li,
      .nav-pills > li {
        float: left;
      }



footer {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}


small {
  font-size: 11px;
  color: #999999;
}