html {
	overflow-y: scroll;
}

body
  {
    font-family:  "trebuchet ms", helvetica, sans-serif;
    margin: 0;
    background: #555 url(bg2.jpg) fixed;
    
    min-width: 915px;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.55em; 
  }

#box 
  {
  position: fixed;
  top: 0;
  z-index: -50;
  width: 100%;
  height: 400px;
  
  
 /* webkit example */
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)),
          to(rgba(0, 0, 0, 0))
        );

        /* mozilla example - FF3.6+ */
        background-image: -moz-linear-gradient(
          top center,
          rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 95%
        );

        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColorStr=#333333, endColor=0
        );

        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColorStr=#333333, endColor=0
        );
        
  }

a { color: #09c; text-decoration: none;}
a:visited { color: #06c; }
a:hover { color: #06c; text-decoration: underline; xborder-bottom: 1px dotted #06c; }

a img
  {
    border:0;
  }

p {}

h1, h2, h3, h4, h5, h6 { font-weight: normal;}

  
#overcoat
  {
    margin: auto;
    width: 925px;
    text-align: left;
    
  }


  



.container
   {
       position:relative;
       border: 1px solid #fff;
       border-top: 1px solid #000;
       border-bottom: 1px solid #000;

   }
.content
   {
       position:relative;
       color: #fff;
       z-index:5;
   }
   
   
.background
   {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       background-color:#000;
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
       filter: alpha(opacity=40);
       opacity:.4;
   }


.everything
  {
       position: relative;
       margin: 15px 30px;
       background: #fff;
       border: 1px solid #fff;
       color: #111;
  }



#topper
  {
        line-height: 0;
        margin-top: 10px;
        height: 106px;
        width: 875px;
        background: url("header_bg.png");
  }

#topper a, #topper a:visited
  { color: #539d42;
  }
#topper a:hover {color: #06c;}
  
img.logo {margin-left: 44px; margin-top: 23px; float: left;}
img.jco {margin-left: 10px; margin-top: 27px; float: left;}

div.address {float: right; margin-top: 27px; margin-right: 25px;}
div.address p {padding: 0; margin: 0; color: #fff; font-size: 85%; line-height: 1.5em;}




  
#menubar { width: 100%; margin-bottom: 15px;}
#menubar ul {list-style: none;  margin: 0; padding: 0; padding-left: 0px; height: 29px; background: #539d42; }
#menubar ul li {display: inline;  }

#menubar ul li a { float: left;  height: 21px; vertical-align: middle; text-align: center; color: #fff; font-weight: bold; font-size: 0.9em; letter-spacing: 0px; text-transform: uppercase; padding: 8px 17px 0 17px; margin: 0 0px; border-right: 1px dotted #477d3f; line-height: 1.15em;}
#menubar ul li a:visited {  }
#menubar ul li a:hover { background: #3c6b35; text-decoration: none;}
#menubar ul li a:active { padding-top: 9px; height: 20px;}

#menubar ul li a.current { color: #fff; background:  #2e5628 url("highlight.png") no-repeat center bottom; }


p { font-family: georgia; font-size: 2em; margin-left: 53px; line-height: 1.3em; margin-top: 1.4em;}
p.two
  {
    color: #888;
  }

/* footer */


#footera, #footer {
 background: #fff;
margin:0 auto 0;
position:relative;
text-align: left;
font-style: italic;
padding: 13px 0; font-size: 70%; color: #888; border-top: 1px solid #ddd; }
span.shoe a { margin : 0 25px; }

#footer
{

height: 100px;
}


/* general stylings */


a.posterlink 
  {
    margin-left: 14px;
  }
a.posterlink:hover 
  {
    border-bottom: 2px dotted red;
  }