/* -----------------------------------
Site:       Kennedy Hunting Services
CSS author: Karen Brown
Updated:	4/24/2011

----------------------------------- */

@media screen
{
	/* -----------------------------------
	simple reset
	----------------------------------- */
	
	html, body, ul, ol, li, form, fieldset, legend
	{
		margin: 0;
		padding: 0;
	}
	
	fieldset, img { border: 0; }
	legend { color: #000; }
	
	input, textarea, select, button
	{
		font-size: 110%;
		line-height: 1.1;
		font-family: helvetica, arial, sans-serif;
	}
	
	button
	{
		width: auto;
		overflow: visible;
	}
	
	table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	caption, th, td
	{
		text-align: left;
		vertical-align: top;
		font-weight: normal;
	}
	
	ul li { list-style: none; }
	
	abbr, acronym
	{
		border-bottom: .1em dotted;
		cursor: help;
	}
	
	sup { vertical-align: text-top; }
	sub { vertical-align: text-bottom; }
	
	pre, code
	{
		font-family: "Courier New", monospace, serif;
		font-size: 100%;
		line-height: 1.2;
	}
html, body {
border:0;
margin:0;
padding:0;
} 

body{
	font: 90%/1 Georgia, Palatino, serif;
	padding: 0 0 0.25em 0;
	background-color: #fff;
	background-image: url(images/green3.jpg);
	background-repeat: repeat-x;
}
* {

/*border:dashed 1px #f00;*/
}
p {
	padding: .25em 0;
	line-height: 125%;
}

p.subhead {
	color: #555;
	font-size: 16px;
	font-family: Georgia, Palatino, serif;
	margin: 0px 0 15px 0;
	line-height: 20px;
	padding: 10px 0 0;
}

h1, h2, h3, h4, h5, h6
	{
	color: #000;
	font-family: Georgia, Helvetica, Times, sans-serif;
	}
	
	h1 { font-size: 200%; }
	h2 { font-size: 180%; }
	h3 { font-size: 160%; }
	h4 { font-size: 140%; color:#7f0304}
	h5 { font-size: 120%; }
	h6 { font-size: 100%; }
	
a:link, a:visited, a:active{
	text-decoration: none;
	color: #600;
	outline: none;
}
a:hover{
	text-decoration: underline;
	color: #600;
	outline: none;
}

#outside {
	width: 100%;
	margin: 205px auto 0;
	padding: 2px 0;
}

/************************* Menu ***********************/
#menubar{
	background-color: #666;
	display: block;
	width: 100%;
	height: 35px;
	border-top: 2px solid  #999;
	color: #fff;
}
.menu { background-color: #333; margin: 0 auto; height: 35px; width: 940px;border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

.menu li {
	display:block;
	float:left;
	color: #000;
	list-style-type:none;
	width: 115px;
	text-align: center;
	padding-top: 5px;
	font-variant: small-caps;
	font-weight: bold;
  }

.menu a {
	text-decoration:none;
	color: #fff;
	padding: 1px;
	  }
.menu a:hover {
	height: 22px;
	padding: 0px 3px;
	text-decoration: underline;
 }
 
.current {
	background-color: #FFF;
	height: 30px;
	padding: 2px 0px 2px;
	border-top: 1px solid #ccc;
	font-variant: small-caps;
	color: #000;
	font-weight: bold;
		
 }

/************************ Wrapper contains the layout ********************/

#wrapper{
	width:980px;
	margin: 0.25em auto;
	background-color:#FFF;
}

/***************** Branding Division Styles ********************/

#header{
	width:980px;
	height: 195px;
	background-image: url(images/grheader.jpg);
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.headerleft{width: 200 px; float: left;}
.headerright {
	width: 200px;
	float:right;
	text-align: right;
}

/***************** Content Division Styles ********************/
#content{
	background-color:#fff;
	color:#000;
	margin: 20px 0 ;
	float: left;
	width: 100%;
	
}

 #leftcolumn {
	width: 275px;
	float: left;
	text-align: center;
	padding: 20px 0;
	
}

#leftcolumn table {
	border-collapse:collapse;
	margin: 0 auto;
	border: 1px solid #000;
	background-color: #FFF;
	width: 80%;
	font-size: 90%;	
}		
#leftcolumn tr,td {
	padding: 10px;
	border: 1px solid #666;
}
#leftcolumn th {
	color: #600;
	background-color: #CCC;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
}
#rightcolumn {
	margin-left: 280px;	
}

#rightcolumn ul {
	list-style-type: square;
	padding-left: 50px;
	line-height: 125%;
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 16px;
}

.leftcontainer {
	width: 230px;
	float: left;
	text-align: center;
	margin-right: 5px;
	padding:75px 5px 5px;
	
}

.leftcontainer table {
	border-collapse:collapse;
	margin: 0 auto;
	border: 1px solid #000;
	background-color: #FFF;
	width: 10em;
	font-size: .9em;	
}		
.leftcontainer tr,td {
	padding: 10px;
	border: 1px solid #666;
}
.leftcontainer th {
	color: #600;
	background-color: #CCC;
	text-align: center;
	font-weight: bold;
}	

.rightcontainer{
	width: 230px;
	float: right;
	text-align: center;
	padding: 75px 5px 5px;
	}	
	
.imagebx { width: 215px; test-slign: center;}	
.centercontainer {width: 460px; float: left; padding: 5px;}

.contentfp3 ul {
	list-style-type: square;
	padding-left: 50px;
	line-height: 125%;
	margin-bottom: 1em;
	margin-top: 1em;
}	

/***************** Footer Division Styles ********************/
#footer{
	clear: both;
	height: 75px;
	background-color: #330;
	color: #fff;
	border-top: 1px solid #000;
	background-image: url(images/green3.jpg);
	background-repeat: repeat-x;
	margin: 0 0 15px;
	font-weight: bold;
}
.footer{ margin: 0 auto; width: 940px; padding: 10px; text-align: left;}
.footer p { padding: 0;}
.rtcontainer { width: 45%; float: right; padding: 0;}
.lftcontainer { width: 45%; float: left; padding: 0;}
.rtcontainer img{ float: right; padding: 0 10px;}

/******* bottom navigation bar **********/

#navbar {
	clear: both;
	background-color: #CCC;
	font-size: 0.9em;
	border-top: 1px solid #000;
	margin-top: 30px;
	
}


.navbar {
	margin: 0 auto;
	word-spacing: 50px;
	padding: 2px;
	text-align: center;	
	padding: 8px 0;
		
}
.navbar a{
	color: #000;
	text-decoration: underline;
	font-variant: small-caps;
}

.navbar a:hover {
	color: #600;
}	
 
/******************Tables***************************/

#tablecont {
	clear: both;
	border-top: 1px dashed #000;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 1em .25em .25em;
	font-size: 90%;
	background-color: #FFF;
		
}

#tablecont table {
	border-collapse:collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	margin: 0px auto;
	border: 1px solid #000;
	clear: both;
}
#tablecont tr,td {
	padding: 10px;
	border: 1px solid #666;
}
#tablecont th {
	color: #600;
	background-color: #CCC;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
}	


/*---------------------Images---------------------*/

.imageborder {
	border: 1px solid #000;
	margin-bottom: 5px;
}
.imgbx img{width:95%;}
#imgbox1 img, #imgbox2 img, #imgbox3 img, #imgbox4 img{width: 95%;}

.captionbox {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	margin-top: 10px;
	text-align: center;
}

#imagebar {
	margin-top: 2em;
	text-align: center;
	width: 60em;
}
.piccont {
	padding: .25em;
	color: #000;
	text-align: center;
	margin-bottom: .75em;
	margin-top: 1em;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}

.aligncenter {
	text-align: center;
}

/*image viewer-----------------------------------------------------------------------------------*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	visibility: hidden;
	z-index: 10;
	cursor: pointer;
	background-color: #000;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}