/*--------------------------------------------
KC WILDLANDS SPRING 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:
Spring Color Palette:
body color						#854067
wrap img							wrap_image.jpg
head img/color				#fff	 kcwildhead.jpg
nav anchor color			#9f5681
nav drop bgcolor			#f6fbe2
nav line sep color			#5f5f5f
home button color		#80080
content a color				#7a3259
h1 color							#9b5174
h2 color							#f6efff
	h2 bgcolor						#eddfff
	h2 underline color		#9b5174
h4,h5,h6 color				#b18fc2
blockquote bgcolor		#ceddb7
.box custom bgcolor	#cebbd7
.box custom uline		#cebbd9
-------------------------------------------*/
/* body color */
body {
	background-color: #854067;
	}

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

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

/* navigation link color */
#nav a, #nav a:visited {
	color: #9F5681;
	}

/* 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: #800080;
	}

/* content link color */
#main a, #main a:visited {
	color: #7a3259;
	}

/* headline 1 color */
h1 {
	color: #9B5174;
	}

/* headline 2 color, background color, subtle underline */
h2 { 
	background: #F6EFFF;
	border-bottom: 1px #EDDFFF solid;
	color: #9B5174;
	}

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

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

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

/*-------------------------------------------
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;
}