/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codewise Lite - Cascading Style Sheet for Pioneer Pacific Camps

Copyright (c) 2004-2008 Codewise Systems Inc. & Twisted Lime Media Inc. 
All rights reserved.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML tag styles */

body {
	font-size: small;
	margin: 0px;
	padding: 0px;
	background: #414546 url(/media/images/gui/header_bg.png) repeat-x 0px 0px; 
}

body, blockquote, caption, h1, h2, h3, h4, h5, h6, li, ol, p, table, td, th, ul, button, input, option, select, textarea {
	color: #333333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

a, a:link, a:active, a:hover {
	color: #ff3300; 
	text-decoration: none;
}

a:visited {
	color: #ff3300;
}

a img, img[usemap] {
	border: 0px dashed lime;
}

acronym {
	color: #333333;
	border-bottom: 1px dashed #333333;
	cursor: help;
	font-weight: bold;
}

big {
	font-size: 120%;
}

button, input[type="button"] {
	padding: 0px;
	cursor: pointer;
}

	button[disabled="disabled"], input[disabled="disabled"] {
		cursor: default;
	}

code {
	color: #6e241d;
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
}

em {
	font-style: italic;
}

form {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h1, h2 {
	margin: 10px 0px 5px 0px;
	font-size: 24px;
	font-weight: normal;
	line-height: 1em;
	color: #b29712;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 110%;
	font-size: medium;
}

h4 {
	font-size: 100%;
}

h5, h6 {
	font-size: 85%;
}

h6 {
	font-style: italic;
}

li li {
	font-size: 100%;
}

p, caption {
	margin-top: 5px;
	margin-bottom: 15px;
}

strong {
	font-weight: bold;
}

table {
	margin-bottom: 10px;
	border-collapse: separate;
}

table, td, th {
	font-size: x-small;
	padding: 4px;
}

td {
	border-bottom: 1px solid #e2e2e2;
	font-size: 12px;
	padding: 12px;
}

th {
	font-weight: bold;
	text-align: left;
}

ol, ul {
	margin-top: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Generic class styles */

.leadIn {
	font-variant: small-caps;
}

.emphatic {
	font-style: italic;
}

.hidden, .hiddenSection, .hiddenSection02, .hiddenSection03, .hiddenSection04, .hiddenSection05 { 
	display: none;
}

.highlighted {
	color: #000000;
	background-color: yellow;
}

.highlighted02 {
	color: #000000;
	background-color: lime;
}

.initial {
	margin-top: 5px;
}

.indented {
	margin-left: 24px;
}

.label {
	font-weight: bold;
}

.leftAligned {
	float: left;
}

div.leftAligned, img.leftAligned {
	float: left;
	margin: 0px 10px 10px 0px;
}

.rightAligned {
	float: right;
}

div.rightAligned, img.rightAligned {
	float: right;
	margin: 0px 0px 10px 10px;
}

div.rightColumnText {
	float: right; 
	width: 160px; 
	padding: 10px; 
	margin: 0px 0px 10px 10px; 
	border: 1px outset #ffffff;
}

.fileFolderName {
	font-weight: bold;
}

.smallCaps {
	font-variant: small-caps;
}

.smallText {
	font-size: 80%;
}

.subtitle {
	color: #666666;
	/* font-size: 75%; */
	font-style: italic;
}

.UIControl {
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

.underlined {
	text-decoration: underline;
}

.veryEmphatic {
	font-style: italic;
	font-weight: bold;
}

.warning {
	color: red;
	font-weight: bold;
}

.okay {
	color: green;
	font-weight: bold;
}

.withLeading {
	margin-top: 10px;
}

.withMinusLeading, .withNegativeLeading {
	margin-top: -10px;
}

.withoutLeading {
	margin-top: 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Tag-specific class styles */

a.buttonLike, a.buttonLike:link, a.buttonLike:active, a.buttonLike:hover, a.buttonLike:visited {
	padding: 2px 5px 2px 5px;
	color: #000000;
	background-color: #dfdfdf;
	text-decoration: none;
	border: 1px outset #ffffff;
}

a.buttonLike:hover {
	border: 1px solid #eeeeee;
}

a.invisibleLink, a.invisibleLink:link, a.invisibleLink:active, a.invisibleLink:hover, a.invisibleLink:visited {
	color: #ffffff; 
	text-decoration: none;
	cursor: text;
}

a.iconLink img, a.iconLink:link img, a.iconLink:active img, a.iconLink:hover img, a.iconLink:visited img {
	border: 0px dashed orange;
}

a.hiddenLink, a.hiddenLink:link, a.hiddenLink:active, a.hiddenLink:hover, a.hiddenLink:visited {
	color: #000000; 
	text-decoration: none;
}

a.popupLinkText, a.popupLinkText:link, a.popupLinkText:active, a.popupLinkText:hover, a.secondaryWindowLinkText, a.secondaryWindowLinkText:link, a.secondaryWindowLinkText:active, a.secondaryWindowLinkText:hover { 
	border-bottom: 1px dashed blue; 
	text-decoration: none; 
} 

a.popupLinkText:visited, a.secondaryWindowLinkText:visited { 
	border-bottom: 1px dashed purple; 
	text-decoration: none; 
}

a.warning, a.warning:link, a.warning:active, a.warning:hover, a.warning:visited, a.okay, a.okay:link, a.okay:active, a.okay:hover, a.okay:visited, .warning a, .warning a:link, .warning a:active, .warning a:hover, .warning a:visited, .okay a, .okay a:link, .okay a:active, .okay a:hover, .warning a:visited {
	color: #ffffff;
}

div.sideBox {
	float: right;
	margin: 10px 0px 15px 10px;
	width: 180px;
	padding: 5px;
	border: 1px outset #ffffff;
}

div.sideBox p, div.sideBox ol, div.sideBox ul {
	margin-bottom: 5px;
	line-height: 1.5em;
}

div.sideBox ul {
	margin-left: 20px;
}

div.popup { }

img.popupCloseButton {
	float: right;
	margin-left: 5px;
}

div.warning, p.warning {
	margin: 5px 0px 15px 0px;
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	background-color: red;
	border: 2px outset #ff9999;
}
	td.warning {
		font-weight: bold;
		color: #ffffff;
		background-color: red;
	}

.warning strong, strong.warning {
	color: #ffffff;
	text-transform: uppercase;
}

div.okay, p.okay {
	border: 2px outset lime;
	background-color: green;
	color: #ffffff;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
	padding: 5px;
}

.okay strong, strong.okay {
	color: #ffffff;
}

caption, p.caption {
	text-align: left;
	font-style: italic;
}

p.indented {
	margin-left: 25px;
}

ol.flushLeft, ul.flushLeft {
	margin-left: -20px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout styles */

#content {
	width: 960px;
	height: auto;
	overflow: auto;
	margin: 0px auto;
}

#navContainer {
	float: right;
	width: 520px;
	height: 125px;
	overflow: hidden;
}
	#navContainer ul {
		float: right;
		overflow: auto;
		margin: 0px;
		padding: 0px;
	}

	#navContainer ul li {
		display: block;
		float: left;
		width: auto;
		height: 36px;
		overflow: auto;
		margin: 0px;
		padding: 20px 20px 0px 0px;
		font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	}
		#navContainer ul li.last {
			margin-right: 20px;
			padding: 20px 0px 0px 0px;
			background-image: none !important;
			overflow: hidden;
		}

		#navContainer ul li a {
			font-size: 12px;
			text-decoration: none;
			text-transform: uppercase;
			color: #663300;
		}

		#navContainer ul li a:hover {
			color: #ffffff;
			text-shadow: 1px 1px #676767;
		}

			#navContainer ul.primary-links {
				position: relative;
				margin-top: 52px;
			}
				#navContainer ul.primary-links li {
					background: url(/media/images/gui/nav_separator.png) no-repeat right 8px;
				}

			#navContainer ul.secondary-links {
				position: relative;
				margin: -124px 40px 0px 0px;
			}
				#navContainer ul.secondary-links li {
					background: url(/media/images/gui/utility_nav_separator.png) no-repeat right 16px;
				}

				#navContainer ul.secondary-links a {
					font-size: 10px;
				}

	#navContainer a.highlightedLink, #navContainer a.highlightedLink:hover {
		color: #ff0000;
		cursor: default;
	}

#logoContainer {
	width: 440px;
	height: 125px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#layoutContainer {
	position: relative;
	z-index: 10;
	width: 100%;
	min-height: 500px;
	margin: -20px 0px 0px 0px;
	background-color: #ffffff;
}

#bannerContainer {
	z-index: 100;
	width: 940px;
	overflow: hidden;
	margin: 0px;
	padding: 10px;
	background-color: #ffffff;
}
	#bannerContainer img {
		margin: 0px;
	}

	#bannerContainer.homePage {
		height: 340px;
		overflow: hidden;
	}

	#bannerContainer.insidePage {
		height: 180px;
		overflow: hidden;
	}

	#bannerContainerOverlay {
		display: block;
		position: relative;
		z-index: 1000;
		width: 940px;
		overflow: hidden;
	}

	#bannerContainerOverlay.homePage {
		height: 360px;
		margin-top: -360px;
	}

	#bannerContainerOverlay.insidePage {
		height: 200px;
		margin-top: -200px;
	}

#contentContainer {
	overflow: auto;
	padding: 0px 10px;
}
	#leftHandTopContentColumn {
		position: relative;
		/* top: 0px; */
		z-index: 10000;
		width: 200px;
		height: 80px;
		overflow: visible;
		margin: -78px 0px 20px 0px;
		padding: 0px 10px;
	}
	
	input#newsletterSignup, input#search {
		background-color: #eaebeb;
		border: 1px solid #98a1a3;
		color: #6f6f6f;
		float: left;
		width: 150px;
	}
	
	input#search {
		width: 112px;
	}

	img#newsletterSignupImageRestyled {
		position: relative;
		left: 12px;
		top: -11px;
	}
	
	#leftHandTopContentColumn img#newsletterSignupImageRestyled {
		left: 22px;
	}
	
	#leftHandContentColumn h2.nodeTitle a {
		font-size: medium;
		text-decoration: none;
	}

	#contentContainer.homePage {
		background: url(/media/images/gui/content_container_bg.gif) no-repeat center 20px;
	}
	
	#contentContainer #leftHandContentColumn, #contentContainer #mainContentColumn, #contentContainer #rightHandContentColumn {
		float: left;
		padding: 0px 10px 10px 10px;
	}

	#leftHandContentColumn {
		width: 200px;
	}
		#leftHandContentColumn div.bleed {
			position: relative;
			left: -20px;
			margin-top: 75px;
		}

	#rightHandContentColumn {
		float: right !important;
		width: 200px;
	}
		#rightHandContentColumn p, #rightHandContentColumn div {
			font-size: 13px;
			line-height: 1.4em;
		}

	#mainContentColumn {
		width: 460px;
		margin-left: 10px;
	}	
		
		#mainContentColumn.wide {
			margin-top: -9px;
			width: 690px;
			overflow: hidden;
		}
		
		#mainContentColumn div#spacer {
			float: right;
			height: 80px;
			width: 1px;
		}

	#contentContainer.homePage #leftHandContentColumn, #contentContainer.homePage #mainContentColumn, #contentContainer.homePage #rightHandContentColumn {
		width: 280px;
	}
		#contentContainer.homePage #mainContentColumn {
			margin-left: 20px;
		}

#footerContainer {
	clear: both;
	overflow: auto;
	padding: 25px;
	color: #acacac;
	background-color: #414546;
}
	#footerContainer a {
		color: #afafaf;
		text-decoration: none;
		border-bottom: 1px dotted #eeeeee;
	}
	
	#footerContainer a:hover {
		border-bottom: 1px solid #cccccc;
	}
		#footerContainer a.highlightedLink, #footerContainer a.highlightedLink:hover {
			color: #999999;
			cursor: default;
			border-bottom: 1px solid #888888;
		}

	#slogan {
		float: left;
		font-size: 14px;
		font-family: Garamond, "Times New Roman", serif;
		font-style: italic;
		line-height: 1.3em;
	}

	#copyright {
		float: right;
		text-align: right;
		font-size: 11px;
		line-height: 1.5em;
	}