/********
 *
 ******** Colors Used ********
 * 
 * fly (GREEN) 			:	6cc	
 * sea (GREY)			:	369	
 * coarse (pink)		:	c69
 * carp (yellow)		:	639
 * salmon (dark blue)	:	f93
 * trout (purple)		:	f06
 * pike (orange)		:	6c3	
 * bass (red)			:	ff0
 * barbel (BROWN)		:	336
 * chub (light blue)	:	f33
 *
 * Sub nav green bg	: e0ebe7
 * 
 * Nav header (green)	:	00693b
 * Nav a (lighter)		:	23925d
 *
 * Footer stripe (blue)	:	1e3365
 *
 ********/

/**** Reset ****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/** Generic HTML **/
body { 
	background: url(/content/img/structure/body_bg.jpg) repeat-x top center #fff; 
	font-family: Verdana, serif;
	font-size: 12px;
}
dt { font-weight: bold; margin-top: 9px; }
dl { margin: 3px 0 12px 0; }
h1 { margin: 0 0 12px 0; }
h2, h3, h4, h5, h6 { margin: 12px 0 3px 0; }

/** Generic classes **/
.clear_both { clear: both; }
.click_here { position: absolute; left: -1000em; }
.float_left { float: left; } /** see also generic_ie6.css **/
.float_right { float: right; } /** see also generic_ie6.css **/
.float_holder { overflow: hidden; } /** see also generic_ie6.css **/
.quarter_width { width: 25%; }
.half_width { width: 50%; }
.three_quarter_width { width: 75%; }

/**** Temporary Items ****/
#beta_message {
	position: absolute;
	top: 50px;
	margin-left: 605px;
	width: 350px;
	background-color: #ffd204;
	z-index:20;
	text-align: center;
	padding: 4px 10px;
	line-height: 18px;
	border: 3px solid #000;
}
#beta_message h2 { margin: 0; }
#beta_message p { font-size:11px; }
#beta_message img { position:absolute; bottom: -36px; right:10px; }

#beta_message a, #beta_message a:visited {color:#f00; font-weight:bold;}
#beta_message a:hover, #beta_message a:focus {text-decoration:none;}

/**** Font sizes & spacing ****/
#middle #content_holder #content h1, 
#middle #variable_column h2, 
#middle #nav h2,
#tab_nav a,
#middle #content_holder #content .page_summary {
	font-size: 13px;
}

#middle #nav li a {
	font-size: 12px;
}

#middle #nav li li a,
#footer {
	font-size: 11px;
}


/**** Section colours ****/

/** h1, h2 and main nav items **/
.fly #middle #content_holder #content h1,
.fly #middle #variable_column h2,
.fly #middle #nav li#nav_fly a.main, #middle #nav li#nav_fly a:hover, #middle #nav li#nav_fly a:focus { background: #6cc; }

.sea #middle #content_holder #content h1,
.sea #middle #variable_column h2,
.sea #middle #nav li#nav_sea a.main, #middle #nav li#nav_sea a:hover, #middle #nav li#nav_sea a:focus { background: #369; }

.coarse #middle #content_holder #content h1,
.coarse #middle #variable_column h2,
.coarse #middle #nav li#nav_coarse a.main, #middle #nav li#nav_coarse a:hover, #middle #nav li#nav_coarse a:focus { background: #c69; }

.carp #middle #content_holder #content h1,
.carp #middle #variable_column h2,
.carp #middle #nav li#nav_carp a.main, #middle #nav li#nav_carp a:hover, #middle #nav li#nav_carp a:focus { background: #639; }

.salmon #middle #content_holder #content h1,
.salmon #middle #variable_column h2,
.salmon #middle #nav li#nav_salmon a.main, #middle #nav li#nav_salmon a:hover, #middle #nav li#nav_salmon a:focus { background: #f93; }

.trout #middle #content_holder #content h1,
.trout #middle #variable_column h2,
.trout #middle #nav li#nav_trout a.main, #middle #nav li#nav_trout a:hover, #middle #nav li#nav_trout a:focus { background: #f06; }

.pike #middle #content_holder #content h1,
.pike #middle #variable_column h2,
.pike #middle #nav li#nav_pike a.main, #middle #nav li#nav_pike a:hover, #middle #nav li#nav_pike a:focus { background: #6c3; }

.bass #middle #content_holder #content h1,
.bass #middle #variable_column h2,
.bass #middle #nav li#nav_bass a.main, #middle #nav li#nav_bass a:hover, #middle #nav li#nav_bass a:focus { background: #ff0; color: #000; }

.barbel #middle #content_holder #content h1,
.barbel #middle #variable_column h2,
.barbel #middle #nav li#nav_barbel a.main, #middle #nav li#nav_barbel a:hover, #middle #nav li#nav_barbel a:focus { background: #336; }

.chub #middle #content_holder #content h1,
.chub #middle #variable_column h2,
.chub #middle #nav li#nav_chub a.main, #middle #nav li#nav_chub a:hover, #middle #nav li#nav_chub a:focus { background: #f33; }


/** Box borders **/
#middle #nav li#nav_fly a,
.fly #middle .box,
.fly #middle #variable_column .box,
.fly #middle #nav li#nav_fly .subnav { border-color: #6cc; }

#middle #nav li#nav_sea a,
.sea #middle .box,
.sea #middle #variable_column .box,
.sea #middle #nav li#nav_sea .subnav { border-color: #369; }

#middle #nav li#nav_coarse a,
.coarse #middle .box,
.coarse #middle #variable_column .box,
.coarse #middle #nav li#nav_coarse .subnav { border-color: #c69; }

#middle #nav li#nav_carp a,
.carp #middle .box,
.carp #middle #varibale_column .box,
.carp #middle #nav li#nav_carp .subnav { border-color: #639; }

#middle #nav li#nav_salmon a,
.salmon #middle .box,
.salmon #middle #variable_column .box,
.salmon #middle #nav li#nav_salmon .subnav { border-color: #f93; }

#middle #nav li#nav_trout a,
.trout #middle .box,
.trout #middle #variable_column .box,
.trout #middle #nav li#nav_trout .subnav { border-color: #f06; }

#middle #nav li#nav_pike a,
.pike #middle .box,
.pike #middle #variable_column .box,
.pike #middle #nav li#nav_pike .subnav { border-color: #6c3; }

#middle #nav li#nav_bass a,
.bass #middle .box,
.bass #middle #variable_column .box,
.bass #middle #nav li#nav_bass .subnav { border-color: #ff0; }

#middle #nav li#nav_barbel a,
.barbel #middle .box,
.barbel #middle #variable_column .box,
.barbel #middle #nav li#nav_barbel .subnav { border-color: #336; }

#middle #nav li#nav_chub a,
.chub #middle .box,
.chub #middle #variable_column .box,
.chub #middle #nav li#nav_chub .subnav { border-color: #f33; }


/** Bold highlighting for current fishing type section **/
.fly li#nav_fly a.main,
.sea li#nav_sea a.main,
.coarse li#nav_coarse a.main,
.carp li#nav_carp a.main,
.salmon li#nav_salmon a.main,
.trout li#nav_trout a.main,
.pike li#nav_pike a.main,
.bass li#nav_bass a.main,
.barbel li#nav_barbel a.main,
.chub li#nav_chub a.main { font-weight: bold; }


/** General Links in content & column **/
#middle #content_holder #content a,
#middle #content_holder #content a:visited,
#middle #variable_column a,
#middle #variable_column a:visited
{ color: #000; }  /** should this be 00693b? **/

#middle #content_holder #content a:hover,
#middle #content_holder #content a:focus,
#middle #variable_column a:hover,
#middle #variable_column a:focus
{ text-decoration: none; }




/**** Generic Classes ****/
.block1, .block2, .block3, .block4, .block5, .block6, .block7, .block8, .block9, .block10 {
	float: left;
	margin-right: 10px;
}

.block1.last, .block2.last, .block3.last, .block4.last, .block5.last, .block6.last, .block7.last, .block8.last, .block9.last, .block10.last { margin-right: 0; }

.block1		{ width:  88px; }
.block2		{ width: 186px; }
.block3		{ width: 284px; }
.block4		{ width: 382px; }
.block5		{ width: 480px; }
.block6		{ width: 578px; }
.block7		{ width: 676px; }
.block8		{ width: 774px; }
.block9		{ width: 872px; }
.block10	{ width: 970px; }

.float_holder { 	
	overflow: hidden;
	margin-bottom: 10px;
}


/**** Structural Elements ****/
#top_spacer {
	padding-top: 119px;  /** 119px after beta **/
	background: url(/content/img/structure/header.jpg) no-repeat top center;
}

	#site_holder {
		margin: 0 auto;
		width: 990px;
		background: #fff;
	}


/**** Website Top ****/
#top {
	position: absolute;
	top: 0;
	height: 119px;
	width: 990px;
}

	#top a#logo {
		margin: -20px 0 3px 9px;
		position: absolute;
	}
	
		#top a#logo img {}

	#top #top_nav_holder {
		clear: both;
		padding:  0 10px;
		background: #1e3365;
		margin: 89px 0 0 0;
	}

			#tab_nav, #tab_nav * {
				padding: 0;
				list-style: none;
			}

			#tab_nav {
				float: left;
				margin: 4px 0 0 0; /** see also ie6.css and ie7.css **/
				margin-bottom: 1em;
				line-height: 1.0;
			}

				#tab_nav ul {
					position: absolute;
					top: -999em;
					width: 12em; /* left offset of submenus need to match (see below) */
				}
			
					#tab_nav ul li { width: 100%; }
			
					#tab_nav li {
						float: left;
						position: relative;
						margin-right: 1px;
					}
					
						#tab_nav li li { margin-right: 0; }
					
						/********* MORE TO IE7 stylesheet ***********/
						#tab_nav li:hover, 
						#tab_nav li:focus { visibility: inherit; /* fixes IE7 'sticky bug' */ }

				
			
			/** see also ie6.css ****************************** ERROR HERE - remove display inline?**********************************************/
			#tab_nav a, 
			#tab_nav a:visited {
				display: block;
				padding: 6px 12px 7px 12px;
				color: #fff;
				text-decoration:none;
				background: url(/content/img/structure/bg_tab.gif) repeat-x top left #265fad;
			}

			#tab_nav a:hover, 
			#tab_nav a:focus {
				text-decoration: underline;
			}
				
				#tab_nav li ul { background: none; }
				
				/** see also ie6.css **/
				#tab_nav li li a, #tab_nav li li a:visited {
					background: #265fad;
					display: block;
					padding: 3px 12px;
				}

			#tab_nav li:hover, 
			#tab_nav li.sfHover, 
			#tab_nav a:focus, 
			#tab_nav a:hover, 
			#tab_nav a:active { outline: 0; }

			#tab_nav li:hover ul, 
			#tab_nav li:focus ul, 
			#tab_nav li.sfHover ul {
				left: 0;
				top: 2em; /* match top ul list item height */
				z-index: 99;
			}
			
			ul#tab_nav li:hover li ul, 
			ul#tab_nav li:focus li ul, 
			ul#tab_nav li.sfHover li ul { top: -999em; }
			
			ul#tab_nav li li:hover ul, 
			ul#tab_nav li li:focus ul, 
			ul#tab_nav li li.sfHover ul {
				left: 12em; /* match ul width */
				top: 0;
			}
			
			ul#tab_nav li li:hover li ul, 
			ul#tab_nav li li:focus li ul, 
			ul#tab_nav li li.sfHover li ul { top: -999em;	}
			
			ul#tab_nav li li li:hover ul, 
			ul#tab_nav li li li:focus ul, 
			ul#tab_nav li li li.sfHover ul {
				left: 12em; /* match ul width */
				top: 0;
			}

			/* apply hovers to modern browsers 
			#tab_nav ul a:focus > .sf-sub-indicator, #tab_nav ul a:hover > .sf-sub-indicator, #tab_nav ul a:active > .sf-sub-indicator, #tab_nav ul li:hover > a > .sf-sub-indicator, #tab_nav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
			*/

/**** Middle section *****/
#middle { padding: 0 10px; }

	#middle #content_holder { float: right; }
	
		#middle #content_holder #content h1, #middle #variable_column h2, #middle #nav h2 {
			background-color: #00693b;
			color: #fff;
			padding: 8px 10px;
		}

			#middle #content_holder #content h1, #middle #variable_column h2 { margin: 10px 0 0 0;	}
		
		#middle .box {
			border-right: 1px solid #00693b;
			border-bottom: 1px solid #00693b;
			border-left: 1px solid #00693b;
			padding: 10px 9px 0 9px;
		}
		
			#middle #content_holder #content .page_summary {
				background-color: #eee;
				border: 1px solid #aaa;
				padding: 5px 10px;
			}
		
			#middle #content_holder #content ul { margin: 10px 0; }
		
				#middle #content_holder #content ul li{
					list-style-type: square;
					margin: 0 0 8px 18px;
				}
			
		#middle #content_holder #content p {
			margin-bottom: 8px;
			line-height: 16px;
		}
	
	/** Right hand column **/
	#middle #variable_column .box {
		border-right: 1px solid;
		border-bottom: 1px solid;
		border-left: 1px solid;
		padding-bottom: 10px;
		border-color: #00693b;
	}

	#middle #variable_column li {
		margin: 0 0 2px 14px;
		list-style-type: square;
	}
	
			#middle #variable_column #skipsea_gnome_blog_box	{
				background: url(/content/img/skipsea_gnome/skipsea_gnome_blog_box.gif) 95px 10px no-repeat;
				padding-right: 94px;
				min-height: 113px; /** see also ie6.css **/
			}

	
	/**** Left nav ****/
	#middle #nav h2 { margin: 10px 0 1px 0; }
	#middle #nav li { border-bottom: 1px solid #fff; }

		#middle #nav li a,
		#middle #nav li a:visited {
			clear: left; 
			display: block;
			background-color: #23925d;
			color: #fff;
			text-decoration: none;
			padding: 8px 8px 8px 10px;
			border-right: 8px solid;
		}




		/** Left navigation - Sub nav **/
		.subnav	{
			display: none;
			background-color: #f1f1f1;
			border-top: 1px solid #f1f1f1;
			border-bottom: 4px solid;
		}
		
		.fly #nav_fly .subnav,
		.sea #nav_sea .subnav,
		.coarse #nav_coarse .subnav,
		.carp #nav_carp .subnav,
		.salmon #nav_salmon .subnav,
		.trout #nav_trout .subnav,
		.pike #nav_pike .subnav,
		.bass #nav_bass .subnav,
		.barbel #nav_barbel .subnav,
		.chub #nav_chub .subnav { display: block; }
		
		/** see also ie6.css **/
		#middle #nav li li {
			float: left;
			width: 78px;
			margin-left: 10px;
			list-style-type: none;
			line-height: 1.2em;
			border-bottom: 0;
		}
		
			#middle #nav li li a, #middle #nav li li a:visited {
				border: 0;
				margin: 0;
				padding: 0 0 0 6px;
				background: url(/content/img/structure/bg_nav_bullet.gif) 0 5px no-repeat;
				color: #000;
				clear: none;
			}
			
			body #site_holder #middle #nav li li a:hover, body #site_holder #middle #nav li li a:focus {
				text-decoration: underline;
				background: url(/content/img/structure/bg_nav_bullet_hover.gif) 0 5px no-repeat;
			}
			
			#middle #nav li h3	{
				clear: left;
				margin: 10px 10px 5px 10px;
			}
			
		#middle #nav li ul {
			margin-bottom: 5px;
			overflow: hidden;	/* see also ie6.css */
		}		

/**** Footer ****/
#footer {
	padding-bottom: 10px;
	overflow: hidden;	/* see also ie6.css */
}

	#footer #footer_strip {
		padding: 8px 10px;
		background: #1e3365;
		color: #fff;
	}
		
		#footer_strip a,
		#footer_strip a:visited {
			color: #fff;
			text-decoration: none;
		}
		
		#footer_strip a:hover, 
		#footer_strip a:focus { text-decoration: underline; }

	#footer_sitemap {
		padding: 0 10px;
	}
	
		#footer_sitemap ul a, #footer_sitemap ul a:visited {
			color: #000;
			font-weight: bold;
		}
			
			#footer_sitemap ul a:hover, #footer_sitemap ul a:focus {
				text-decoration: none;
			}
		
			#footer_sitemap ul li {
				margin-bottom: 10px;
				overflow: hidden;
			}
		
			#footer_sitemap ul ul {
				display: block;
			}
			
				#footer_sitemap ul ul a, #footer_sitemap ul ul a:visited {
					font-weight: normal;
				}
				
				#footer_sitemap ul ul li {
					float: left;
					margin: 0 10px 0 0;
					border: 0;
					padding:5px 0;
				}
				
/**** Page Specific ****/

/** /update-me **/

#update-me #middle .box form {
	margin: 20px 0 10px 0;
}

	#update-me #middle .box form .input {
		overflow: hidden;
		height: 100%;
		margin-bottom: 5px;
	}
	
		#update-me #middle .box form .input input {
			border: 1px solid #666;
			padding: 3px;
		}
	
		#update-me #middle .box form .input input:hover, #update-me #middle .box form .input input:focus {
			background: #eee;
		}

		#update-me #middle .box form .input label {
			float: left;
			padding: 3px;
			width: 40px;
			text-align: right;
			padding: 5px 10px;
		}
		
		#update-me #middle .box form .error input {
			border: 1px solid #f00;
			background: #fee;
		}
		
		#update-me #middle .box form .error label, #update-me #middle .box form .error input {
			color: #f00;
		}
		
		#update-me #middle .box form .error p {
			color: #f00;
			margin-left: 65px;
			font-size: 10px;
		}
		
	#update-me #middle .box form .submit {
		margin-left: 60px;
		border: 1px solid #000;
		padding: 2px 10px;
	}