/* MAIN STYLES */


html {
	background-image: url(/bg.jpg);
	background-position: center;
	background-color: #bec181;
}

body {
	background-image: url(/overlay-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
}

h1 {
    font-size: 30px;
	font-style: italic;
	color: #850000;
    text-shadow: 2px 2px 4px #666666;
	margin-top: -5px;
}

h2 {
    font-size: 26px;
	font-style: italic;
	color: #850000;
    text-shadow: 2px 2px 4px #666666;
}

h3 {
    font-size: 22px;
	font-style: italic;
    text-shadow: 2px 2px 4px #666666;
}

.quotable {
	font-family: Arial, Helvetica, sans-serif;
	color: #c65d04;
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;
	text-align: right;
}

.bttt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

p {

}

a {
	color: #870000;
}

a:hover {
	color: #ff0000;
	background-color: #870000;
	text-decoration: none;
}

a:active {
	color: #ff3333;
}

.nohov img {
	margin: 0px 0px 0px 0px; 
}

.nohov a:hover img {
	vertical-align: bottom;		/* Needed to fix img hover problem with MSIE 8 */
	margin: 0px 0px 0px 0px; 
}

ul, li {
	color: #850000;
	font-size: 12pt;
	font-weight: bold;
}



/* CLASSES & IDs */

#container {
	width: 981px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

#head_wrapper {
	width: 981px;
	position: relative;
	margin: 0 auto;
}

#head_top {
	width: 981px;
	margin-left: 0px;
}

#head_left {
	float: left;
	width: 157px;
	display: inline;
	margin-left: 0px;
}

#head_main {
	float: left;
	margin-left: 0px;
}

#head_right {
	margin-left: 686px;
}

#head_bottom {
	width: 981px;
	margin-left: 0px;
}

#body_wrapper {
	background: url(/body-bg.png) repeat-y;
	width: 981px;
	margin-left: 0px;
	text-align: left;
	position: relative;
	vertical-align: top;
	padding: 4px 0px 4px 0px;	/* Got rid of gap between DIVs, DIV background did not seem to reach adjacent DIVs */
}

#content {
	float: left;
	width: 690px;
	margin-left: 0px;
	padding: 0px 20px 0px 20px;
}

#content p {
	line-height: 120%;
	text-align: justify;
}

#menu {
	margin-left: 740px;
	margin-top: -4px;
	overflow: hidden;	/* without this, the menu was moved to the bottom of the vertical column */
}

#clear {			/* This div inserted on bottom of #mainbody div (after #menu div) to extend bacground image  */
	clear: both;
	margin: 0px;
}

#footer_top {
	width: 981px;
	margin-left: 0px;
}

#footer_wrapper {
	background: url(/bg-footer.png) repeat-y;
	width: 981px;
	position: relative;
	margin: 0 auto;
}

#footer_left {
	width: 6px;
	float: left;
	margin-left: 0px;
	position: relative;
	overflow: hidden;
}

#footer_main {
	background: url(/bg-footer-main.jpg) repeat-y;
	float: left;
	margin-left: 0px;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
	color: #870000;
	font-size: 10pt;
	font-weight: bold;
}

#footer_main a {
	color: #870000;
	text-decoration: none;
}

#footer_main a:hover {
	color: #ff0000;
	background-color: #ffffff;
	text-decoration: underline;
}

#footer_info {
	margin: 0px 0px 0px 0px;
}

#footer_right {
	margin-left: 731px;
}

.cyberangler {
	font-size: 8pt;
}

.img_right img {
	margin: 0px 0px 0px 9px;
}

.img_left img {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}




/* TABLE STUFF */

table.center {
	margin-left: auto;		/* Used to center TABLE */
	margin-right:auto;		/* Used to center TABLE */
}

.rates_table td {
	font-size: 12pt;
	line-height: 1.0em;
	text-align: center;		/* remove <p>'s from table text, define text as "none" to override horizontal align */
}

.bgheader {
	font-weight: bold;
	background-color: #a74e03;
}

.bg1 {
	background-color: #d7cca9;
}

.bg2 {
	background-color: #c3b791;
}

.bggray {
	background-color: #ccc7b6;
}

.recipe_table {
	margin-top: -20px;
}

.required {
	color: #FF0000;
	font-weight: bold;
}

.contact_form {
	width: 600px;
}

.contact_form fieldset {
	position: relative;
	border:1px solid #000000;
	padding:10px;
	margin:10px 0 20px 0;
	background-color: #ffffcc;
}

.form p {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.extra {
	display: none;
}



/* Photo Gallery Styles */

.frapg {
	/* display: inline;	 Needed to fix left margin - upload options were shifted to the right after dynamic menu right side */
}

.frapg h1 {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.frapg p {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

.frapg td {				/* Fix for TD extending past defined table width to fill parent DIV */
	max-width: 670px;
}

.reports img {
	vertical-align: text-top;
	/*
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 200%;
	*/
}

#reports_table p {
	margin: 0 0 0 0;	/* Used this to get ridd of extra space above and below each row of text within table */
}

#reports_table a {

}



/* Medium Color BG */
.gpn_tborder {
	color: #CCCCCC; 
	background: #c3b791; 
	border: 1px solid #000000;
}

/* Dark Color BG */
.gpn_control {
	font: bold 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #FFFFFF; 
	background: #850000; 
	padding: 3px 6px 3px 6px; 
	white-space: nowrap;
}

/* Light Color BG */
.gpn_inactive {
	color: #000000;	
	background: #d7cca9; 
	text-decoration: none;
}

/* Medium Color BG */
.gpn_active {
	color: #000000;
	background: #c3b791; 
}

.gpn_smallfont {
	font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.photogallery img {
	border: 1px solid;
}

.photogallery a img {
	border-color: #663300;
}

.photogallery a:hover img {
	border-color: #ecd4a4;
}

.photogallery a {
	background-color: transparent;
}

.photogallery_caption p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    font-size: 9px;
	line-height: 1.1em;
}

.photogallery_lrg_caption p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 1.1em;
}