@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------------

[Master Style Sheet]

------------------------------------------------------------------------------------
Project:		Fishing For Kids
Version:		1.0
Designer:		Ryan Martinez - Spincaster design (ryan@spincaster.com)
CSS 2.1 standards validated by: W3C  validated on: 
last change:	
Assigned to:
Primary use:	Fishing For Kids

Color  palette:
	p standard: 		
	p highlight:		
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	border:none;
	outline:none;
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/
.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}
.skipnav{display:none;}
/*----------------------------------------------------------------------------------
	default template for Fishing for Kids
----------------------------------------------------------------------------------*/
html{
	height:100%;
	background:#fff url(../images/backgrounds/html_bg2.jpg) repeat-x 0px 0px;
}

body{
	position:relative;
	height:100%;
	
	/*background:url(../images/backgrounds/body_bg.png) repeat 0px 0px;*/
	text-decoration:none;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#blueStripe{
	height:30px; width:100%;	
	background:#fff url(../images/backgrounds/html_bg.jpg) repeat-x 0px 0px;
}
#main_container{
	position:relative;
	width:990px; 
	
	min-height: 100%;
	height: auto !important;
	height:100%;
	
	margin:0px auto;
	background: url(../images/backgrounds/main_container_bg.png) repeat-y 0px 0px;
}

/* -------------------------------
1.0 Header
---------------------------------- */
	#header{
		position:relative;
		margin-left:14px; margin-right:15px;
		width:961px; height:165px;
		background: url(../images/backgrounds/header_bg.jpg) no-repeat 0px 0px;
	}
		/* 1.1 Header h1 
		---------------------------------- */
		#header h1{
			position:relative; top:15px; left:20px;
			width:auto; height:auto;	
		}
		#header h1 a{
			display:block;
			width: 253px; height:105px;
		}
		#header h1 a span{ display:none; }
		
		/* 1.2 Donation Recipients / donation button
		---------------------------------- */
		#headerRecipients{
			position:absolute;
			right:10px; top:35px;
			color:#008FD6; /*light blue*/
			font-size:12px;
		}
		#headerRecipients li{
			padding:0px 10px 0px 10px;
			float:left;
			height:67px;
		}
		#headerRecipients li.donate{
				border-left:1px solid #008FD6; /*light blue*/ 	
		}
		#headerRecipients li.donate a img{
			margin-top:5px;
		}
/* -------------------------------
2.0 Primary Navigation
---------------------------------- */
#pnav{
		position:relative;
		margin-left:14px; margin-right:15px;
		width:961px; height:35px;
		border-bottom:1px solid #a39c90; /*dark dark grey*/
		background:url(../images/backgrounds/pnav_bg.jpg) repeat-x 0px 0px;
		z-index:2;
	}
		#pnav > li{
			position:relative;
			float:left;
			width:auto; height:auto;
			z-index:0;
		}
		#pnav > li > a{
			display:block;
			font-size:13px;
			padding:11px 15px 8px 15px;
			color:#686660; /*dark grey	*/
		}
		#pnav > li:hover, #pnav li.current{
			background: url(../images/backgrounds/pnav_hover_bg.jpg) repeat-x 0px 0px;	
		}
		#pnav > li:hover > a, #pnav li.current a{color:#eee;}
		#pnav > li:hover > a:active {color:#fff;}
			#pnav > li > ul{
				display:none;
				position:absolute;
				overflow:visible;
				left:0px; top:35px;
				width:240px;
				border-top:1px solid #a39c90; /*dark dark grey*/
				background:#bfc0c2  url(../images/backgrounds/pnav_subnav_bg.jpg) repeat-x 0px 0px;
			}
			#pnav > li:hover > ul{ display:block; }
			#pnav > li > ul > li{
				position:relative; left:-5px;
				width:250px; height:auto;
				padding:0px 0px 0px 5px;
				
				background:url(../images/backgrounds/pnav_li_ul_li_bg.png) repeat-y 1px 0px;
			}
			#pnav > li > ul > li:last-child, #pnav > li > ul > li.Last_li{
				padding:0px 0px 10px 5px;
				margin:0px 0px -10px 0px;
				/*overflow:hidden;*/
				background: url(../images/backgrounds/pnav_li_ul_li_lastChild_bg.png) no-repeat 1px bottom;
			}
			#pnav > li > ul > li > a{
				display:block;
				width:195px; min-height:15px;
				margin:0px 0px 0px 10px;
				padding:10px 0px 5px 25px;
				border-bottom:1px dotted #686660; /*dark grey	*/
				background:url(../images/backgrounds/pnav_li_ul_li_a_bg.png) no-repeat 10px 13px;
				color:#686660; /*dark grey	*/
			}
			
			
			#pnav >li >ul >li:last-child >a, #pnav > li > ul > li.Last_li > a {
				padding:10px 0px 12px 25px;
				border:none;
				z-index:200;
			}
			#pnav > li > ul > li > a:hover{
				color:#008FD6; /*light blue*/
				background: url(../images/backgrounds/pnav_li_ul_li_a_hover_bg.png) no-repeat 10px 13px;
			}
			#pnav > li > ul > li > a:active{color:#fff;}
			#pnav li ul li:hover ul { display:block; }
				#pnav li ul li ul {
					display:none;
					position:absolute;
					overflow:visible;
					left:220px; top:0px;
					width:240px;
					background:#bfc0c2  url(../images/backgrounds/pnav_subnav_bg.jpg) repeat-x 0px 0px;
					z-index:100;
				}
				#pnav li ul li ul li{
					position:relative; left:-5px;
					width:250px; height:auto;
					padding:0px 0px 0px 5px;
					
					background:url(../images/backgrounds/pnav_li_ul_li_bg.png) repeat-y 1px 0px;
				}
				#pnav li ul li ul li:last-child, #pnav li ul li ul li.Last_li {
					padding:0px 0px 10px 5px;
					margin:0px 0px -10px 0px;
					/*overflow:hidden;*/
					background: url(../images/backgrounds/pnav_li_ul_li_lastChild_bg.png) no-repeat 1px bottom;
				}
				
				#pnav li ul li ul li:last-child a, #pnav li ul li ul li.Last_li a {
					padding:10px 0px 12px 25px;
					border:none;
					z-index:200;
				}
				#pnav li ul li ul li a{
					display:block;
					width:195px; min-height:15px;
					margin:0px 0px 0px 10px;
					padding:10px 0px 5px 25px;
					border-bottom:1px dotted #686660; /*dark grey	*/
					background:url(../images/backgrounds/pnav_li_ul_li_a_bg.png) no-repeat 10px 13px;
					color:#686660; /*dark grey	*/
				}
				#pnav li ul li ul li a:hover{
					color:#008FD6; /*light blue*/
					background: url(../images/backgrounds/pnav_li_ul_li_a_hover_bg.png) no-repeat 10px 13px;
				}
				
/* -------------------------------
3.0 content
---------------------------------- */
#content{
	position:relative;
	margin-left:14px; margin-right:15px;
	width:961px; height:auto;
}
	/* 3.1 Left Column
	---------------------------------- */
	#left_column{
		float:left;
		padding-bottom:180px;
		width:712px; 
		border-top:4px solid #008FD6; /*light blue*/ 
		
	}
	
		/* 3.1.1 header image
		---------------------------------- */
		#headerImg{
			width:712px; height:222px;
			margin:0px 0px 15px 0px;
			background:url(../images/backgrounds/headerImg_bg.jpg) repeat-x 0px 0px;
			border-bottom:1px solid #acaeab; /*grey content border*/
			
		}
		 #headerImg img{
			position:relative; top:12px; left:8px;
			margin:0px;
			padding:12px 15px 15px 13px;
			background:url(../images/backgrounds/header_img_img_bg.png) no-repeat 0px 0px;
		}
		/* 3.1.2 Inner Content
		---------------------------------- */
		#inner_content
		{
			padding:0px 15px 0px 15px;	
			color:#606060; /*dark brown;*/
		}
	
		#inner_content h2{ 
			padding:0px 0px 3px 0px; margin-bottom:15px;
			border-bottom:1px solid #acaeab; /*grey content border*/
			font-size:22px;
			color:#008FD6; /*light blue*/
		}
		#inner_content h3{
			font-size:18px;
			padding:0px 0px 3px 0px; margin-bottom:15px;
			border-bottom:1px solid #acaeab; /*grey content border*/
		}
		#inner_content h4{font-size:16px;}
		#inner_content h5{font-size:14px;}
		#inner_content p {margin:10px 0px 10px 0px;}
		#inner_content p em, #inner_content p i  {font-style:italic;}
		#inner_content p b, #inner_content p strong  {font-weight:bold;}
		#inner_content a {color:#008FD6; /*light blue*/ text-decoration:underline;}
		#inner_content a:hover {color:#0d638f; /*dark blue*/}
		#inner_content a:active {color:#fff; text-decoration:none; }
		#inner_content ul, #inner_content ol {margin:10px 0px 10px 0px;}
		#inner_content ul li{ list-style:inside disc; }
		#inner_content ol li{ list-style:inside decimal; }
		#inner_content img{
			margin:12px 10px 12px 0px;
			border:1px solid #acaeab; /*grey content border*/
			padding:10px;
			background:#fff;
		}
		#inner_content img[align="right"]{ margin:12px 0px 12px 10px; }
		#inner_content img[align="left"]{ margin:12px 10px 12px 0px; }
		#inner_content a:hover img{ border:1px solid #008FD6; /*light blue*/ }
	
	/* 3.2 Right Column
	---------------------------------- */
	#right_column{
		float:right;
		width:249px;
		padding-bottom:180px;
	}
		#WestCoastFishingClub{
			display:block;
			width:250px; height:124px;
			background:url(../images/buttons/WestCoastFishingClub.png) no-repeat 0px 0px;
	
		}
		#WestCoastFishingClub span{display:none;}
		#right_column p big{
			clear:right;
			display:block;
			height:30px;
			margin:7px 15px 0px 15px;
		}
		#right_column p big span{ display:none; }
		#right_column #ourSponsors{ background:url(../images/backgrounds/ourSponsors.jpg) no-repeat 17px 0px; }
		#right_column #news { background: url(../images/backgrounds/whatsNew.jpg) no-repeat 15px 3px; }
		#right_column #contact { background: url(../images/backgrounds/Contact.jpg) no-repeat 17px 0px; }
		
		#WhatsNew{
			margin:5px 15px 0px 23px;	
		}
		#WhatsNew li{ margin:0px 0px 10px 0px; clear:right;}
		#WhatsNew dl dt{
			display: block;
			clear: both;
			color:#696661;
			font-size:14px;
			font-weight:bold;
			margin:0px 0px 10px 0px;
		}
		#WhatsNew dl em{
			font-style:normal;
			font-size:12px;
			color:#726e65;
		}
		#WhatsNew dl dd {
			overflow:auto;
			color:#eee;	
		}
		#WhatsNew dl dd a.read_more {
			display:block;
			float:right;
			clear: both;
			margin-top:20px;
			margin-bottom:15px;
		}
		
/* -------------------------------
4.0 footer
---------------------------------- */
#footer{
	position:absolute; bottom:0px; 
	margin-left:14px;
	width:962px; height:162px;	
	border-top:4px solid #008FD6; /*light blue*/ 
	background:#f1f0eb url(../images/backgrounds/footer_bg.jpg) no-repeat 0px 1px;
	color:#606060; /*dark brown;*/
}
#footer p{
	margin:10px 10px 10px 15px;	
	line-height:18px;
}
#footer a {color:#008FD6; /*light blue*/}

	#footer #fnav{
		float:right;
		width:auto;
		text-align:right;
	}
	#footer #fnav ul {}
	#footer #fnav ul li{
			position:relative;
			float:left;
			width:auto; height:auto;
		}
		#footer #fnav ul li a{
			display:block;
			font-size:13px;
			padding:11px 15px 8px 15px;
			color:#686660; /*dark grey	*/
		}
		#footer #fnav ul li a:hover{color:#c8c4ba;}
		#footerLogo{
			position:absolute;
			right:15px; top:45px;
			display:block;
			width:70px; height:100px;
		}
		#footerLogo span{display:none;}

/******************************
	Edit Link
*******************************/
a.edit_link {float: right;}