/* Basic Elements */

body { 
	margin: 0px; 
	background-color: PaleGoldenRod;
	}
p { 
	font-size:  .85em;
	line-height: 1.7em;
	font-family: arial, helvetica, sans-serif;
	margin: 0 0 5px 0;
	color: brown; 
	}
	p.center
		{
		text-align: center;
		}
	p.indent
		{
		margin-left: 1em;
		}
h1 {
	font: normal normal 900 1.5em Georgia;
	letter-spacing: .2em; 
	margin-bottom: 0px;
	color: brown;
	}
h2 { 
	font-weight: bolder;
	font-size: 1.5em;
	font-family: arial, sans-serif;
	font-variant: small-caps; 
	letter-spacing: .2em; 
	margin-bottom: 0px; 
	color: brown;
	}
h3 { 
	font: normal normal bolder 1em arial; 
	letter-spacing: .2em; 
	margin-bottom: 3px; 
	color: OrangeRed;
	}
h4	{
	font-weight: bold;
	font-variant: small-caps;
	color: brown;
	text-align: center;
	}

a	{
	color: blue;
	}
a:link
a:visited
	{
	color: lightslategrey;
	}
a:hover
	{
	font-style: italic;
	}
a:active {}

.caption p
	{
	font-size: .85em;
	line-height: 1em;
	}
li
	{
	color: brown;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	}
	
li.priceitem
	{
	color: brown;
	font-size: .85em;
	font-family: arial, helvetica, sans-serif;
	}
	
li.none
	{
	list-style-type: none;
	color: brown;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	}
	

#container { 
	float: left;
	width: 75%;
	padding-left: 10px;    
	background-color: PaleGoldenRod;
	}
#pageHeader { 
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: PaleGoldenRod;
	}
#header_background
	{
	float: right;
	}
	
	
	
#logo
	{
	width: 190px;
	float: left;
	padding-left: 20px;
	margin-bottom: 0;
	}

/* move this to embedded styles on pages
	#top_offer
	{
	float: right;
	height: 215px;
	margin-top: 0;
	margin-right: 0;
	background-image: url(images/Hargrove_trout_500w.jpg);
	background-repeat: no-repeat;
	}   */

#leftfloatbox
	{
	float: left;
	margin: 10px;
	text-align: center;
	width: 290px;
	}

#hours
	{
	text-align: center;
	padding: 10px;
	float: right;
	background-color: PaleGoldenRod;
	border: 2px solid OrangeRed;
	}
	#hours p
		{
		font-weight: bold;
		}
            #FlyTyingCalendar
            	{
            	background-color: PaleGoldenRod;
            	padding: 10px;
            	float: right;
            	}
            	
            	#FlyTyingCalendar table
            		{
            		width: 90%;
            		border: thin solid OrangeRed;
            		}
            		
            	#FlyTyingCalendar caption
            		{
            		font-weight: bold;
            		color: OrangeRed;
            		}
            		
            	#FlyTyingCalendar th, tfoot td
            		{
            		text-align: center;
            		text-weight: bold;
            		color: brown;
            		}
            	
            	#FlyTyingCalendar tbody td
            		{
            		font-family: "Courier New";
            		font-size: 90%;
            		}
            		
            	#FlyTyingCalendar td, th, caption
            		{
            		padding: 5px;
            		}
	
/* Second Layer */	
#pageBillboard 
	{ 
	width: 94%;
	background-color: white;
	padding: 10px 20px 0 20px;
	color: brown;
	border-top: 2px solid OrangeRed;
	border-bottom: 2px solid OrangeRed;
	}
		
	
	.billboardh1
		{
		font-family: Georgia, serif;
		font-size: 2em;
		letter-spacing: .25em;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
		}
		
	.billboardh2
		{
		font-family: Georgia, serif;
		font-size: 1.5em;
		letter-spacing: .15em;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
		}

/* third layer */
#mainContent
	{
	width: 750px;
	background-color: white;
	padding-top: 10px;
	}
#leftColumn
	{
	width: 23%;
	padding: 0 10px 0 10px;
	float: left;
	font-size: .9em;
	line-height: .9em;
	}
li.none
	{
	list-style-type: none;
	font: normal normal normal .85em/1.7em arial;
	color: brown;
	}
	
	#tom_pic
		{
		margin-top: 10px;
		magin-right: 10px;
		}

#rightColumn
	{
	margin: 0;
	padding: 0;
	color: brown;
	float: left;
	width: 72%;
	}
		#rightColumn h1
		{
		font-weight: 900;
		color:OrangeRed;
		text-align: center;
		}
		

		
	#Pagelinks
		{
		padding: 5px;
		border: 1px solid OrangeRed;
		}
li.numbered
	{
	font-size: .90em;
	font-family: arial, helvetica, sans-serif;
	color: brown;
	}
	
	#CourseOffer
		{
		width: 100%;
		}
			
	.InstructorPhoto
	{
	float: right;
	margin-top: 10px;
	font-size: 85%;
	}
	
	#signup_form
		{
		margin-top: 10px;
		margin-Left: 220px;
		width: 300px;
		}
		div#signup_form form
			{
			background-color: palegoldenrod;
			border-top: 2px solid OrangeRed;
			border-bottom: 3px solid OrangeRed;
			padding: 10px; 
			}
			
			div#signup_form form label
			{
			width: 100px;
			margin: 5px 0;
			float: left;
			font-size: .8em;
			}
		div#signup_form div.clearfix
			{
			border-top: 1px solid OrangeRed;
			padding: 5px 0px;
			verticle-align: top;
			} 
			
			div#signup_form div.clearfix div.button
			{
			margin-left: 130px;
			}
			
			div#signup_form h3
				{
				margin: 0 0 5px 0;
				text-align: center;
				}


.rightcolumnleft
	{
	font-size: 80%;
	line-height: 50%;
	float: left;
	padding: 0 5px 5px 5px;
	width: 125px;
	margin-right: 10px;
	}
.rightcolumnright
	{
	font-size: 80%;
	line-height: 50%;
	float: right;
	padding: 0 5px 5px 5px;
	width: 125px;
	margin-left: 10px;
	}
	
	
#TryonBooks
	{
	margin-left: 185px;
	padding-top: 10px;
	border-top: 2px solid OrangeRed;
	}
	.trout
		{
		width: 150px;
		float: left;
		padding: 10px 10px 0 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		background-color: DarkSlateGray;
		}
	.smallmouth
		{
		width: 150px;
		float: right;
		padding: 10px 10px 0 10px;
		margin-bottom: 10px;
		background-color: DarkSlateGray;
		}


/** Guides & Travel Pages **/

#top_menu
	{
	float: right;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 95%;
	border: 1px solid OrangeRed;
	background-color: palegoldenrod;
	}
	
	.menu_box
		{
		float: left;
		margin: 10px;
		border: 1px solid orangered;
		padding: 2px 0;
		background-color: white;
		width: 45%;
		font-size: .85em;
		text-indent: -25px;
		}
		.menu_box ul
		{
		list-style-type : none;
		}

#refer
	{
	font-size: .85em;
	line-height: 1em;
	}

	
/** this class includes a fix-it for the element to span the whole width of the right column. I was unable to remove **/
/** a white gap between the .dark and the edge of the right column box. **/	
	.dark
    	{
    	background-color: palegoldenrod;
    	border-top: 1px solid crimson;
    	padding-top: 2px;
    	margin: 1px 0 0 0;
    	width: 100%;
    	border-right: 2px solid palegoldenrod;
    	}
	.light
    	{
    	background-color: white;
    	border-top: 1px solid crimson;
    	padding-top: 2px;
    	margin: 1px 0 0 0;
    	width: 100%;
    	}
	
	.refer_tables
            	{
            	padding: 0;
            	margin: 0;
            	}
            	
            	.refer_tables table
            		{
            		width: 100%;
            		border: 0px none;
            		font-family: arial, sans-serif;
            		font-size: .85em
            		}
            		
            	.refer_tables caption
            		{
            		font-weight: bold;
            		}
            		
            	.refer_tables thead td
            		{
            		text-align: center;
            		font-weight: bold;
            		}
            	
            	.refer_tables tbody, td
            		{
            		text-align: center;
            		font-weight: medium;
            		}
            		
            	.refer_tables td, th, caption
            		{
            		padding: 5px;
            		}

			.logo_box
				{
				float: left;
				}
			.refer_image_right
				{
				float: right;
				width: 200px;
				}
			.refer_image_right p
				{
				padding-right: 5px;
				}
				
	.tips_box
		{
		width: 95%;
		padding: 3px;
		border-style: ridge;
		border-width: 5px;
		border-color: moccasin;
		margin: 10px 0 10px 0;
		}
		.tips_box.left_content
			{
			float: left;
			width: 65%;
			}
		.tips_box.right_image
			{
			position: relative;
			right: -20px; top: -20px;
			width: 25%;
			}			

	
#footer
	{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	padding: 20px;
	margin-right: 0;
	width: 94.5%;
	clear: both;
	background-color: PaleGoldenRod;
	border-top: 4px solid OrangeRed;
	border-bottom: 4px solid OrangeRed;
	color: brown;
	}
	
	#footer_logo
		{
		float: left;
		}
		
		
		.thumb_box
			{
			width: 23%;
			padding: 5px;
			float: left;
			clear: none;
			}
			
			.thumb_box p
				{
				text-align: center;
				}
				
        .signature	{
        			font-family: "monotype corsiva", cursive;
        			font-size: 2em;
        			font-weight: bold;
        			text-align: right;
        			padding-right: 10px;
        			color: #000066;
        			}
        			
.image_floatleft
	{
	float: left;
	width: 100px;
	margin-right: 10px;
	}
.top_book
	{
	width: 100%;
	position: relative; top: 0; right: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid midnightblue;
	}
	
	.new
		{
		float: left;
		clear: none;
		}
		
/** Table **/

.threecol
	{
	border: 1px solid midnightblue;
	align: center;
	cellpadding: 1em;
	cellspacing: 1em;
	}
		
/**

#pagenav ul	{
			margin-left: 0;
			padding-left: 0;
			white-space: nowrap;
			font-weight: bold;
			}
#pagenav li	{
			display: inline;
			list-style-type: none;
			}
#pagenav a	{
			padding: 3px 10px;
			text-decoration: none;
			}

#pagenav a:link, #pagenav a:active
			{
			color: midnightblue;
			background-color: OrangeRed;
			text-decoration: none;
			}
			
#pagenav a:visited
			{
			color: cadetblue;
			background-color: OrangeRed;
			text-decoration: none;
			}
			
#pagenav a:hover
			{
			font-style: italic;

			}
			
			**/