/************************************************************************/
/* main stylesheet 														*/ 
/* Copyright © 2009 Hogarts Ltd. Co.									*/
/* @author Todd Henderson 												*/
/* @version $Id$                                                        */           
/************************************************************************/
body {
  background-color: #3a3a3a;
}
.wrapper {
  margin-left: auto;
  margin-bottom: 5px;
  margin-right: auto;
  margin-top: 5px;
  width: 800px;
  background-color: white;
  padding: 0;
  border: thin solid #3a3a3a;
}
h2 {
  color: #3a3a3a;
  margin: .2em 0;
}
h3 {
	margin-bottom: 0.01em;
	color: #3a3a3a;
}


hr {
    margin-top: 30px;
    border-width: 0px;
    background-color: #3a3a3a;
    height: 1px;
    width: 95%;  
   }
.sidebar {
  position: absolute;
  display: block;
  height: 100%;
  width: 150px;
  margin-bottom: auto;
  margin-right: 77%;
  padding: 1%;
  font-size: 90%;
}

.sidebar ul {
list-style: none;
}

.sidebar_table {
                       	height: 100%;
                       	position: relative;
                       }

.godaddy_seal {
                       	text-align: center;
                       	width: 95%;
                       	margin-bottom: auto;
                       	margin-left: auto;
                       	position:absolute;
						bottom: 20px;
                       }

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.main {
  position: relative;
  height: 100%;
  border-top-color: #3a3a3a;
  border-top-width: thin;
  border-top-style: solid;
  background-color: white;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url(images/2col-bg3.png) 25% 0 repeat-y;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}

.header {    /* different color than content */                                                                                                                  
                              
  background-color: white;                                                                                                                                                        
                              
  background-image: url(images/header_background.jpeg);                                                                                                                                                        
                              
  height: 173px;                                                                                                                                                        
                              
  color: #3a3a3a;
  margin: 0;
  padding: .2em 2%;
}

img
{  border-style: none;
}
.logo {
	margin-bottom: 8px;
	float: left;
	margin-top: 5px;
}

.gun_img {
                       	margin-top: 10px;
                       	display: block;
                       	margin-right: auto;
                       	margin-left: auto;
                       }
#main_navigation {font-size: small;}
#main_navigation  a:hover{ background-color: #ef272b; color: white; }
#main_navigation  a:active{ }
#main_navigation ul {
	position: relative;
	float: right;
	list-style:none;
}
#main_navigation ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#main_navigation ul li a {
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-top: 3px;
	margin-left: 5px;
	margin-bottom: 0;
	margin-right: 5px;
	margin-top: 0;
	border-color: #2e2a2a;
	border-width: 1px;
	border-style: solid;
	display:block;
	float:left;
	text-align:center;
	color:#000;
	text-decoration:none;
	position:relative;
	line-height: 1.1em;
}
#main_navigation ul li a:hover {
	border-color: #ab9e9e;
	border-width: 1px;
	border-style: solid;
	background-color: #ef272e;
	color:#fff;
}
#main_navigation ul li a.active,
#main_navigation ul li a.active:hover {
	border-color: #ab9e9e;
	border-width: 1px;
	border-style: solid;
	color:#fff;
	background:#ef262e;
}
#main_navigation ul li a span {
	display:block;
}

.content_w_left_nav {
  min-height: 450px;
  height: 100%;
  border-left-color: #3a3a3a;
  border-left-style: solid;
  border-left-width: thin;
  clear: right;
  min-width: 500px;
  width: 75%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}

.content {
  width: 97%;
  margin: 0;
  padding: 1% 2%;
}
.content_w_left_nav .newsBlock, .content .newsBlock {
	width: 100%;
}

.content_w_left_nav .newsBlock hr, .content .newsBlock hr{
	padding-top: 0px;
	margin-top: 0px;
}

.content_w_left_nav .newsBlock h2, .content .newsBlock h2 {
	margin-left: 15px;
	margin-top: 0px;
	padding-top: 0px; 
	text-align:left;
}


.content_w_left_nav .showBlock, content .showsBlock {
	width: 100%;
}

.content_w_left_nav .showsBlock hr, .content .showsBlock hr {
	padding-top: 0px;
	margin-top: 0px;
}

.content_w_left_nav .showsBlock h2, .content .showsBlock h2 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 20px;
	padding-top: 10px; 
	text-align:left;
}

.footer {
  margin-bottom: 0px;
  padding-left: 2%;
  padding-bottom: 1%;
  padding-right: 2%;
  padding-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background-color: #3a3a3a;
  color: white;
  font-size: small;
  text-align: center;  /* same bg color as h1 */          /* flush with .main */
}

.footer a:link {
  font-size: x-small;
  text-decoration: none;
  margin-bottom: 0px;
  padding-left: 2%;
  padding-bottom: 1%;
  padding-right: 2%;
  padding-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  color: white;
  text-align: center;  /* same bg color as h1 */          /* flush with .main */
}

.footer a:visited {
  font-size: x-small;
  text-decoration: none;
  margin-bottom: 0px;
  padding-left: 2%;
  padding-bottom: 1%;
  padding-right: 2%;
  padding-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  color: #c7c7c7;
  text-align: center;  /* same bg color as h1 */          /* flush with .main */
}

.footer a:hover {
  font-size: x-small;
  text-decoration: underline;
  margin-bottom: 0px;
  padding-left: 2%;
  padding-bottom: 1%;
  padding-right: 2%;
  padding-top: 1%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  color: white;
  text-align: center;  /* same bg color as h1 */          /* flush with .main */
}

.shooting_logo {
	bottom: 10px;
	vertical-align: bottom;
	display: block;
    margin-left: auto;
    margin-right: auto }

.classes_index {
                       	margin-right: auto;
                       	margin-left: auto;
                       	width: 90%;
                       }

#classes_details {
                       	margin-right: auto;
                       	margin-left: auto;
                       	width: 90%;
                       }

#contactForm {
                       	text-align: center;
                       	margin-left: auto;
                       	margin-right: auto;
                       }

.registration_form {
                       	margin-right: auto;
                       	margin-left: auto;
                       	width: 75%;
                       }

}