/* Leather Pride colors are extremely appropriate - Red
White Blue Black */

/* background extends into padding but not margin */
/* did have body padding: 0 10%; margins: 0; with #maincontainer padding 10px 0; margins 0;
   but this didn't let us put an image in the left hand corner to the left of the center 
   section.  Try putting padding on the maincontainer instead. */
body {
background-image:url(img/LPStripeHalfOp.png);
/*background-image:url(img/Leather_prideHeart100px92px.svg.gif); 
background-repeat: no-repeat; */
background-color:  #006; 

/*  background-color: #c00; */ /* #663D7A; */ /*#303; #663d7a; *//* #faf0e6;*/ /* #fff4df;*/
  color: #ccc;
  padding: 10px 10%;   
  margins: 0;
/*
margins: 0 10%;
padding: 0; */
}

#maincontainer {  
  background-color: #fff; /* #faf0e6;*/ /* #663d7a;*/ /*#8b8baf;*/
  color: #000;
  padding: 10px 0; 
  margins: 0; /*10px 50px 10px 50px;*/
  border: 4px solid #ccc; /* #705C7A; */

/*clear:both; */
}


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color:  #006; /* #036; */
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
}

#navcontainer ul li { display: inline; }

/* NOTE: have to have one of these for each nav item.
   in the body, put id="home" and on the li put id="nav-home"
   this then sets the "current" page in different styling. */

#home #nav-home a,
#hunt #nav-hunt a,
#membership #nav-membership a,
#links #nav-links a,
#contact #nav-contact a
  { background-color: #c00; color: #fff; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #006; /* #036; */
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #00c; /* #369; */
color: #fff;
}


/* default h1 style h1              { font-size: 2em; margin: .67em 0 } */
h1 {
font-size: 3em; 
margin: .67em 0 0 0;
}
.hdr
{
font-size: 3em; 
/* margin: .67em 0 0 10px; */
}

.normalcontent {
  margin: 5px 10px;
  clear: both;
/*padding: 0 0 0 15px;*/
}

#heading {
  margin: 5px 10px;
  clear: both;
}

.funbox {
font-size: 2em;
font-style: italic;
border: 2px solid #900;
margins: 10px 10px 10px 20px;
float: right;
padding: 5px 5px 5px 10px;
width: 20%;
/*background-color: #bcb3a8; */
}



.leftfunbox {
font-size: 1.5em;
font-style: italic;
border: 3px groove black;
/* border: 3px groove #c00; */
margins: 10px 30px 10px 20px;
float: left;
padding: 5px 10px 5px 10px;
width: 20%;
background-color: #bcb3a8;

}

.contactfooter {
border-top: 1px solid #ccc;font-size:smaller;
}