/*****************************************
Author: webtechnica.net
File Name: page_styles.css
Date: Dec 30, 2006.
*****************************************/

/****
	These are the general body styles.
****/
body
{
	background-color: #ffffff;
	background-image: url("../images/bg_sky.gif");
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Sans-serif, serif;
	font-size: 12px;
	text-align: center;
}

img /* Make sure no images have a border. */
{
	border: 0;
}

a:link, a:visited, a:active
{
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a:hover
{
	text-decoration: none;
}

/****
	This is the container for the grass.
****/
#grass
{
	background-image: url("../images/bg_grass.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 80px;
}

/****
	This contains all the content withen the pages.
****/
#Content
{
	margin: 20px auto 0 auto; /* top right bottom left */
	text-align: left;
	padding: 0;
	border-width: 1px 2px 5px 2px; /* top right bottom left */
	border-style: solid;
	border-color: #56554a;
	width: 770px;
}

/****
	This is the main header of the site.
****/
#header
{
	background-color: #000000;
	background-image: url("../images/bg_header.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 79px;
}

h1 /* The main logo for the site. */
{
	width: 343px;
	height: 55px;
	text-indent: -1000em;
	background-image: url("../images/img_mainlogo.gif");
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#top-nav /* This is the top navigation. */
{
	background-color: #ff8400;
/*	background-image: url("../images/bg_tnav.gif");*/
	background-position: top left;
	background-repeat: repeat-x;
	width: 320px;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
}
#top-nav a:link, #top-nav a:visited, #top-nav a:active
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}
#top-nav a:hover
{
	text-decoration: underline;
}

.header-bottom /* This is the thick bar under the header and the top nav continuing bar. */
{
	background-color: #56554a;
	height: 8px;
}

/****
	These are the three main content columns.
****/
.columnLeft
{
	background-color: #ffffff;
	width: 155px;
	border-right: 1px solid #56554a;
	padding-right: 1px;
}
.columnMiddle
{
	background-color: #ffffff;
	background-image: url("../images/bg_middlecontent.gif");
	background-position: top left;
	background-repeat: repeat-x;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 5px;
}
.columnMiddle p
{
	padding: 5px 10px 5px 10px;
	text-indent: 20px;
	margin: 0;
}
.columnMiddle h2
{
	font-size: 24px;
	padding: 5px;
	font-weight: normal;
	margin: 0;
}
.columnMiddle hr
{
	height: 1px;
	border: 0;
	color: #56554a;
	background-color: #56554a;
	margin: 0;
	padding: 0;
}
.columnRight
{
	background-color: #d7d5c5;
	width: 130px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/****
	This is the small text throughout the pages.
****/
.smalltext
{
	font-size: 11px;
}

/****
	These are the navigation links on the left column.
****/
.lnav-devider
{
	height: 2px;
	background-image: url("../images/bg_lnavdevider.gif");
	background-repeat: repeat-x;
	background-position: top left;
}
.left-nav
{
	background-color: #d7d5c5;
	color: #000000;
	width: 100%;
	text-align: left;
	border-right: 4px solid transparent;
	padding-left: 5px;
}
.left-nav:hover
{
	border-right: 4px solid #000000;
}
.left-nav a
{
	line-height: 25px;
	vertical-align: middle;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.left-nav a:hover
{
	text-decoration: underline;
}
.left-navOrange
{
	background-color: #ff8400;
	color: #ffffff;
	width: 100%;
	text-align: center;
	border-right: 4px solid transparent;
}
.left-navOrange:hover
{
	border-right: 4px solid #000000;
}
.left-navOrange a
{
	line-height: 25px;
	vertical-align: middle;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.left-navOrange a:hover
{
	text-decoration: underline;
}
.lnav-bottom /* This is the bottom gradient box of the left nav. */
{
	background-color: #ffffff;
	background-image: url("../images/bg_lnavbottom.gif");
	background-position: top left;
	background-repeat: repeat-x;
	text-align: left;
	height: 297px;
	padding: 5px;
}

/****
	Copyright text in the footer.
****/
.copyright-text
{
	color: #ffffff;
	font-size: 11px;
	padding: 5px;
}
.footer-nav
{
	color: #ffffff;
	padding: 5px;
}
.footer-nav a:link, .footer-nav a:visited, .footer-nav a:active
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}
.footer-nav a:hover
{
	text-decoration: underline;
}

/****
	These are the fields for the contact form.
****/
fieldset
{
	border: 1px solid #f1f4ee;
}
legend
{
	font-weight: bold;
	font-size: 11px;
}
.email-errorBox /* The red outlined message at the top if there is an error. */
{
	border: 1px solid #d25454;
	background-color: #ffe8e8;
	margin: 4px 0 4px 0;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	color: #000000;
}
.input-field /* Regular input field */
{
	border: 1px solid #a7a6aa;
	font-family: Verdana, Tahoma, Arial, Sans-serif, serif;
	background-color: #ffffff;
	color: #626a73;
}

.input-error /* Regular input field with errors. */
{
	border: 1px solid #d25454;
	background-color: #ffe8e8;
	font-family: Verdana, Tahoma, Arial, Sans-serif, serif;
	color: #000000;
}

.message-input /* Regular message box */
{
	border: 1px solid #a7a6aa;
	font-family: Verdana, Tahoma, Arial, Sans-serif, serif;
	background-color: #ffffff;
	color: #626a73;
	width: 350px;
	height: 200px;
	font-size: 11px;
}

.message-error /* Regular message box with errors. */
{
	border: 1px solid #d25454;
	background-color: #ffe8e8;
	font-family: Verdana, Tahoma, Arial, Sans-serif, serif;
	color: #000000;
	width: 350px;
	height: 200px;
	font-size: 11px;
}

/****
	This is the positioned image on the left.
****/
#sideimage
{
	background-image: url("../images/left_tree.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}
#sideimage2
{
	background-image: url("../images/right_tree.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}

/****
	This is for the tables with a border and grids.
****/
.tborders
{
	background-color: #d7d5c5;
	padding: 1px;
}
.row-title
{
	background-color: #dee5d7;
	font-weight: bold;
}
.row-one
{
	background-color: #f8faf7;
}
.row-two
{
	background-color: #ffffff;
}

/****
	These are the styles for the javascript lightbox for the galleries.
****/
#lightbox
{
	background-color: #eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails
{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption
{
	float: left;
}
#keyboardMsg
{
	float: right;
}
#closeButton
{
	top: 5px;
	right: 5px;
}
#lightbox img
{
	border: none;
	clear: both;
} 
#overlay img
{
	border: none;
}
#overlay
{
	background-image: url("../images/overlay.png");
}

* html #overlay
{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

/****
	This is the hunting info link on the home page in the box.
****/
a.getmoreinfo:link, a.getmoreinfo:visited, a.getmoreinfo:active
{
	background-color: #d8e0cf;
	border: 1px solid #56554a;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
}
a.getmoreinfo:hover
{
	background-color: #d8e0cf;
	border: 1px solid #56554a;
}