/*--------------------------------------------
KC WILDLANDS SUMMER TEMPLATE

Note: Each stylesheet represents a different season.
All variable information is after the Global Reset.
All other styling is for structure of the site and should not be 
changed unless it is changed on all other stylesheets.
There are four stylesheets (Summer, Fall, Winter, Spring)

CSS Table of Contents
A.  Global Reset
B. Seasonal Color Information
C.  Site Structure
	1. Body
		a. Wrap
			-Head
			-Navigation
				+Drop Down Navigation
			-Side
			-Main
D. Typography
E.  Calendar
F.   CMS & Extras
	1. Media Library Styling (do not change)
--------------------------------------------
A. Global Reset
--------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	}

/*-------------------------------------------
B. Seasonal Color Information:
-------------------------------------------*/
/* body color */
body {
	background-color: #7C967B;
	}

/*wrap image */
#wrap {
	background: url(images/summer/wrap_image.jpg) repeat-y;
	}

/*head image and color */
#head {
	background: #fff url(images/summer/kcwildhead.jpg) no-repeat 0 0;
	}

/* navigation link color */
#nav a, #nav a:visited {
	color: #42623D;
	}

/* navigation drop down background color */
/*drop down*/
#nav li ul {
	background-color: #F6FBE2;
	}

/* navigation drop down underline seperator */
#nav ul li ul li a {
	border-bottom: 1px solid #5F5F5F;
	}

/* home button color */
#left_image p a, #left_image p a:visited  {
	color: #42623D;
	}

/* content link color */
#main a, #main a:visited {
	color: #42623D;
	}

/* headline 1 color */
h1 {
	color: #42623D;
	}

/* headline 2 color, background color, subtle underline */
h2 { 
	background: #F6FBE2;
	border-bottom: 1px #42623D solid;
	color: #818F3E;
	}

/* headline 4,5,6 color */
h4, h5, h6 { 
	color: #000;
	}

/* blockquote background color */
blockquote {
	background-color: #ceddb7;
	}

/* cms custom style background, border color */
.box {
	background: #f6fbe2;
	border: 1px solid #42623D;
	}

/*-------------------------------------------
C. Site Structure
	1. Body 
-------------------------------------------*/
body {
	font: 12px/17px Arial, sans-serif #45452a;
	text-align: center;
	height: 100%;
	}

	/* 1. Wrap */
	#wrap {
		margin: 0 auto;
		text-align: left;
		width: 893px;
		overflow: auto;
		}

		/* Head */
		#head {
			height: 213px;
			width: 893px;
			}

		/* Navigation */
			#nav {
				float: right;
				height: 30px;
				margin: 120px 15px 0 0;
				font: 13px "Trebuchet MS", Helvetica, serif;
				}
				
				/* Drop Down Navigation*/
				#nav, #nav ul { /* all lists */
					list-style: none;
					line-height: 1px;
					}

				#nav a, #nav a:visited {
					display: block;
					width: 100px;
					text-decoration: none;
					padding: 6px 5px 7px 5px;
					}

				#nav a:hover {
					color:#000; 
					background: #F6FBE2;
					}

				#nav li { /* all list items */
					float: left;
					line-height: 25px;
					width: 105px; /* width needed or else Opera goes nuts */
					}

					#nav li ul { /* second-level lists */
						position: absolute;
						width: 110px;
						left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
						outline: none;
					}

					#nav ul li ul.wildlands {width: 200px;}
					#nav ul li ul.wildlands li a {width: 190px; padding: 5px; margin: 0;}
					#nav ul li ul li a { }

					#nav li ul a:hover {background-color: #ACBE74; color: #fff;}

					#nav li ul ul { /* third-and-above-level lists */
						margin: -1em 0 0 10em;
					}

					#nav li:hover ul ul, #nav li.sfhover ul ul {
						left: -999em;
					}

					#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
						left: auto;
					}

		#content {
			clear: left;
			color: #ccc;
			}

		/* Side */
		#left {
			float: left;
			position: relative;
			height: 850px;
			width: 219px;
		}

			#left_image {
				background: transparent url(/images/side_image.jpg) no-repeat;
				text-align: center;
				height: 850px;
				position: absolute;
				left: 44px;
				width: 164px;
				}

			#left_image p a, #left_image p a:visited  {
				line-height: 28px;
				font-size: 20px; 
				font-family:Arial, sans-serif;;
				text-decoration: none;
			}

/* Main */
#main {
	min-height:850px;
	height: auto;
	width: 650px;
	background: #fff;
	float: left;
	padding-left: 5px;
	_width: 655px; /* I hate hacks, but I had to do this quickly! */
	font: 12/17px Arial, sans-serif;
	color: #45452a;
}

		#main table#other {
			width: 600px;
			border-collapse: collapse;
			border-spacing: 0;
			background: #fff;
		}

		#main a, #main a:visited {
			text-decoration: none;
		}

		#main a:hover {
			color: #000;
			text-decoration: underline;
		}

		a img, a:visited img, a:hover img {
			border-bottom-style: none;
		}

		#main ul {
			font-size: 13px;
			font-style: italic;
			margin: 0 35px;
			list-style: outside;
			}
		
		#main li {
			margin-bottom: 8px;
			}

/*--------------------------------------------
D. Typography
--------------------------------------------*/
p {
	padding: 5 5 5 5;
	font-family: Arial, sans-serif;
	color: #45452a;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 4 0 4 4;
	font-family: "Trebuchet MS", Georgia, serif;
	}

h1 {
	font: 1.8em;
	}

h2 {
	font: 1.6em;
	width: auto;
	padding: 2 0 2 2;
	}

h3 {
	font: 1.3em;
	}

h4, h5, h6 {
	font: 1.2em bold;
	}

blockquote { 
	float: right;
	height: auto;
	padding: 5 5 5 5;
	width: 170px;
	}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

ul, ol {
	line-height: 1.4em;
	list-style-position: inside;
	}


tr {}

td {}

img {}

form {}

/*--------------------------------------------
E.  Calendar
--------------------------------------------*/
#dow{background-color:#000000;font-size:12px;color:#FFFFFF;width:75px;float:left;text-align:center;padding-top:5px;padding-bottom:5px;}
#entry{width:69px;float:left;height:50px;background-color:#FFF;color:#000000;border:1px solid #262626;font-size:10px;padding:2px;}
#entry_full{width:69px;float:left;height:50px;background-color:#FD6500;color:#000000;border:1px solid #262626;font-size:10px;padding:2px;cursor:pointer;}
#entry_full:hover{background-color:#4F4A4A;}
#entry_blank{width:69px;float:left;height:50px;color:#000000;border:1px solid #262626;font-size:10px;padding:2px;}
#outline{border:1px solid #FFFFFF;width:525px;padding:2px;}
.calendar_content{width:200px;background-color:#4F4A4A;margin-top:10px;color:#FFFFFF;font-size:12px;border:1px solid #000000;padding-left:5px;padding-right:5px;}
#calendar_nav{width:525px;padding-top:10px;}
#calendar_nav a{color:#FD6500;}
#calendar_nav a:hover{text-decoration:none;}
#calendar_list{width:525px;background-color:#4F4A4A;margin-bottom:2px;padding:3px;font-size:12px;}

/*--------------------------------------------
F.  Extras
--------------------------------------------*/
.article {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: .8em;
}

.box {
	margin: 15 30 15 30;
	padding: 5 5 5 5;
	text-align: center;
}

.dateline {
	visibility: hidden;
}

.other_title {
	visibility: hidden;
}


#actionline td{
	width: 100px;
	font-size: .8em;
	text-decoration: underline;
}

img.right {
	float:right; 
	border:1px solid #ccc;
}

img.left {
	float:left; 
	margin: 0 10 20 0px; 
	border:1px solid #ccc;
}

img.center {
	border:1px solid #ccc;
}

img.stacked {
	float:right;
	clear:right; 
	margin: 0 0 6 0px; 
	border:1px solid #ccc;
}

/* MEDIA LIBRARY */
/* Adjust Background, Margin, Background Color, Border 
DO NOT ADD PADDING */

.media_lib_image_left, .media_lib_image_right, .media_lib_image_center, .media_lib_image {
	background: ;
	border: ;
	margin: ;
}

/* Adjust Anchor Surrounding Media Library Image */

a.media_lib_image_left, 
a.media_lib_image_right, 
a.media_lib_image_center, 
a.media_lib_image,
a:visited.media_lib_image_left, 
a:visited.media_lib_image_right, 
a:visited.media_lib_image_center, 
a:visited.media_lib_image,
a:hover.media_lib_image_left, 
a:hover.media_lib_image_right, 
a:hover.media_lib_image_center, 
a:hover.media_lib_image {
	 border: 0px none;
}

/* Adjusts Alignment - DO NOT CHANGE */

.media_lib_image_left {
	float: left;
	margin: 3 3 3 3;
}

.media_lib_image_right {
	float: right;
	margin: 3 3 3 3;
}

.media_lib_image_center {
	float: center;
	margin: 3 3 3 3;
}

.media_lib_image {
	margin: 3 3 3 3;
}

.btg {
	margin: 500 0 0 40;
	width: 160px;
	text-align: center;
	color: #fff;
	font: 11px Arial, sans-serif;
}