/*

COLORS

Orange = ed7336
Grey = 747474

/*

/*
////////////////////////////////////////////////////
HTML RESETS
////////////////////////////////////////////////////
*/

* {
	margin:0;
	padding:0;}

body {
	color: #747474;
	background: url(http://files.campskyline.com/img/paper.jpg);
	font-family: Georgia, Optima, serif;
	font-size: 1em;}

p {
	margin:0 0 2em 0;
	line-height:2em;}

p.h1Below {
	margin:0;}

#firstColumn  ul li {
	list-style: disc;
	margin: 0 0 2em 2em;
	line-height: 2em;}

ul li {
	list-style:none;
	line-height: 2em;}

img {
	border: none;
	margin:2em 0;}

img.pBelow {
	margin:1.5em 0;}

a {
	color:#4BA44D;
	padding-bottom: 4px;
	text-decoration:none;}

a:hover {
	background: url(http://files.campskyline.com/img/strokeGreen.gif) bottom left repeat-x;}

/*
///////////////////////////
HEADINGS
///////////////////////////
*/

h1 {
	margin:0 0 .5em 0;
	font-size:2em;
	font-weight:normal;
	line-height:1.3em;
	text-indent: 0;}

.three h1 {
	margin: .7em 0 .2em 0;
	font-size:2em;
	font-weight:normal;
	line-height:2em;}

h1 a {
	color: #747474;}

h2 {
	margin:2.5em 0 .5em 0;
	font-size:1em;
	line-height: 1em;
	font-weight:bold;}

h3 {
	margin:0;
	font-size:1em;
	line-height: 1em;
	font-weight:bold;}

#thirdColumn h3 {margin-bottom:8px;}

#secondColumn h3 {
	margin:2.5em 0 .5em 0;
	font-size:1em;
	line-height: 1em;
	font-weight:bold;}

.post h3 {
	margin:1.9em 0 1em 0;
	font-size:1em;
	line-height: 1em;
	font-weight:bold;}

h1#campStuff {
	background: url(http://files.campskyline.com/campStuff/img/campStuff.gif) no-repeat scroll left top transparent;
	text-indent:-999em;
	margin-left:-0.1em;
	}

body.sessionPix #firstColumn {
	position:relative;
	width:960px;
	}

body.sessionPix #secondColumn #innerRightColumn {
	float:right;
	width:288px;
	margin-left:20px;
	}

body.sessionPix h2 {
	margin:1em;
	}

/*
///////////////////////////
NoFlash Navigation
///////////////////////////
*/

#noFlash .getFlash {
	display: none;}

/*
Don't know why this was hidden.
#mobileNav {
	display:none;
	}
*/

/*
////////////////////////////////////////////////////
 Two Column LAYOUT
////////////////////////////////////////////////////
*/

	/*////////////
	SUPER NAV
	////////////*/

	#supernav {
		width:960px;
		margin:8px auto;
		font-size:0.75em;
		text-transform: uppercase;}

		#supernav a {
			color: #747474;
			padding-bottom: 4px;}

		#supernav a:hover {
			color:#e47ad2;}

		#login {
			float:right;
			display:block;}

		#supernav #rssLink {
			padding: 0 0 4px 16px;
			background: url(http://files.campskyline.com/img/rssHome.png) 0 -18px no-repeat;}

		#supernav #rssLink:hover {
			background: url(http://files.campskyline.com/img/rssHome.png) 0 2px no-repeat;}


#masterNoIllo {
	width:100%;
	height: 72px;
	margin: 0 auto;}

#master {
	width:100%;
	height: 72px;
	margin: 0 auto 40px;}

	#noFlash {
		width: 960px;
		margin: 0 auto;
		font-size: 1.4em;}

	#noFlash img{
		margin: 0;}

	#noFlash a:hover {
		border-bottom: none;}



	#firstColumn {
		width:630px;}

			.stuffReturn {
				display: block;
				float: right;
				margin:28px 0 0;
				width: 254px;
				text-align: right;}

			.stuffReturnBottom {
				display: block;
				float: right;
				margin:1em 0;
				width: 240px;}

			div.post {
				padding: 0 0 .6em 0;
				background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;}

			div.post span.date {
				display: block;
				font-size: 12px;
				line-height:1em;
				margin: 0 0 1em 0;}

	#firstColumnWide {
		float: none;}

	.twoColumnLayout.mail #firstColumn {
		width:642px;
		}

	#secondColumn {
		float:right;
		width:288px;
		margin: 1.35em 0 0 2em;
		}

	#twoColumnLayout {
		width: 980px;
		}

		.next {
			margin: 5em 0 .4em 0;
			font-family: Bradley Hand ITC TT;
			font-size: 24px;}

		#subnav {
			margin-bottom:2em;
			line-height:2em;
			list-style:none;}

		body.logIn #subnav {display:none;}

		#footer {
			text-transform:uppercase;
			font-size:12px;
			padding:178px 0 0;
			background: url(http://files.campskyline.com/img/illo/daylilies.gif) top center no-repeat;
			}

			#footer a {
				color: #747474;}

			#footer a:hover {
				color:#e47ad2;}

#description {
	position: absolute;
	top: 0;
	right: 0;
	margin:.6em 0 0 0;
	line-height:1.5em;
	font-size:0.75em;}


/*
////////////////////////////////////////////////////
 Three Column LAYOUT
////////////////////////////////////////////////////
*/

.three #firstColumn {
	width:304px;
	margin-right:30px;}

.three #secondColumn {
	float:right;
	width:304px;
	margin-right:30px;}

	.three #events {
		margin: 1.3em 0 1.5em 0;
		padding: 0 0 1.5em 0;
		background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;}

	.three #events p, .three #latestPosts p {
		margin:0;}

	.three #latestPosts .simplePost {
		margin: 0 0 1.5em 0;
		padding: 0 0 1.5em 0;
		background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;
		}

	.three #latestPosts .simplePost .title{
		font-weight: bold;}

	#latestPosts .simplePost .info {
		float: right;}

.three #thirdColumn {
	position: relative;
	float:right;
	width:288px;}

	.three .next {
		margin: 5em 0 1em 0;
		font-size: 24px;}

	.three .homeNext {
		margin: -.1em 0 1.1em 0;
		font-size: 24px;}

	.three #subnav {
		margin-bottom:1em;
		line-height:2em;
		list-style:none;}

	.three #footer {
		text-transform:uppercase;
		font-size:12px;}

		.three #footer a {
			color: #747474;}

.three  #description {
	position: absolute;
	top: 0;
	left: 0;
	margin:.6em 0 0 0;
	line-height:1.5em;
	font-size:0.75em;}

/*
////////////////////////////////////////////////////
STANDARD STYLES
////////////////////////////////////////////////////
*/

.alignCenter {
	text-align:center;}

.alignJustify {
	text-align:justify;}

.alignRight {
	text-align:right;}

.clear {
	clear:both;}

.floatLeft {
	float:left;}

.floatRight {
	float:right;}

span.pre {
	font-family:monospace;
	font-size:1.2em;
	}

/*
//////////////////////////////////////////////////
NORMAL FORM STYLES
//////////////////////////////////////////////////
*/

form {}


#username, #password, #email, #forgotEmail {
	width: 288px;
	height: 36px;
	margin: 6px 0 0 -2px;
	padding: 0 4px 0 2px;
	background-image: url(http://files.campskyline.com/img/campStuff/emailPasswordBox.jpg);
	background-repeat:  no-repeat;}


#email {
	margin-bottom:.5em;
	background-position: 0 -79px;}

#username input, #password input, #email input, #forgotEmail input {
	width: 271px;
	height: 27px;
	margin: 2px 0 0 -2px;
	border: none;
	padding: 3px 0 0 8px;
	color: #747474;
	background-color: transparent;
	font-family: Georgia, Optima, serif;
	font-size: 1.4em;}

#camperMail div#camperFirst,
#camperMail div#camperLast {
	float:left;
	}

#camperMail div#twoCols {
	clear:left;
	}

#remember {
	padding: 3px 0 0 0;}

form small {
	margin:0 0 0 10px;
	font-size:.8em;
	line-height:2em;}

#submit {
	float: none;
	display: block;
	width: 66px;
	height: 38px;
	margin-top: 1.6em;
	border: none;
	padding-top: 4em;
	background: url(http://files.campskyline.com/img/loginBtn.gif) top left no-repeat;
	text-indent: -999em;
	cursor: pointer;}

form #submitRight {
	float: right;
	display: block;
	width: 66px;
	height: 38px;
	margin: -3.4em 23em 0 0;
	border: none;
	background: url(http://files.campskyline.com/img/loginBtn.gif) top left no-repeat;
	text-indent: -999em;
	cursor: pointer;}

form #submitRequest {
	float: right;
	display: block;
	width: 66px;
	height: 38px;
	margin: -3.4em 23em 0 0;
	border: none;
	background: url(http://files.campskyline.com/img/submitBtn.gif) top left no-repeat;
	text-indent: -999em;
	cursor: pointer;}

p.error {
	color:red;
	font-style:italic;
	}

#secondColumn p.error {
	display:none
	}

/*
//////////////////////////////////////////////////
FORGOT PASSWORD Form
//////////////////////////////////////////////////
*/

#forgotPassword #submitRequest {
	float: right;
	display: block;
	width: 66px;
	height: 38px;
	margin: -3.4em 20em 0 0;
	border: none;
	background: url(http://files.campskyline.com/img/submitBtn.gif) top left no-repeat;
	text-indent: -999em;
	cursor: pointer;}

/*
//////////////////////////////////////////////////
REGISTER Form
//////////////////////////////////////////////////
*/


#registerForm div {
	float: right;
	width: 283px;
	margin: 0 2em 2em 0;}

#registerForm div small {
	width: 203px;}

#registerForm div.address small,
#registerForm div.email small,
#registerForm div.phone small,
#registerForm div.lastName small,
#registerForm div.firstName small,
#registerForm div.session small,
#registerForm div.birthday small,
#registerForm div.username small,
#registerForm div.password small{
	width:287px;
	margin: -4px 0 0 0;
	}

#registerForm div.registerAddress {
	float:none;
	clear:right;
	width:439px;
	}
#registerForm div.registerAddress div.empty {
	width:439px;
	padding:4px 8px 5px 1px;
	background:url(http://files.campskyline.com/img/formInputs_03.png) no-repeat scroll 0 0 transparent;
	}
#registerForm div.registerAddress input {
	width:423px;
	font-size: 1.1em;
    margin: -4px 0 0;
    padding: 8px 4px 2px;
	}
#registerForm div.registerAddress small {
	width:423px;
	}

#registerForm div.zip small {
	width:70px;
	margin: -4px 0 0 0;
	}

#registerForm div.state small {
	width:43px;
	margin: -4px 0 0 0;
	}

#registerForm div.city small {
	width:119px;
	margin: -4px 0 0 0;
	}

#registerForm div div {
	margin: 0;
	padding: 3px 8px 4px 1px;
	background: transparent url(http://files.campskyline.com/campStuff/img/loginBox.jpg) -2px -2px no-repeat;}

	#registerForm div input, #registerForm div select {
		float: left;
		display: block;
		width: 282px;
		border: none;
		padding: 0 4px;
		background-color: transparent;
		font-size: 1.6em;
		color: #747474;}

	#registerForm div select {
		width: 289px;
		margin: 0 0 2px -7px;
		border: 2px solid #c2c2c0;
		padding: 0 0 0 4px;
		color: #747474;}

/***** position the backgrounds *****/

#registerForm #camperLast,
#registerForm #camperFirst {
	background-position: 0 0;}

#registerForm #username {
	background-position: -2px -272px;}

#registerForm #password {
	background-position: -2px -312px;}

#registerForm #camperLast {
	background-position: -2px -196px;}

#registerForm #camperFirst {
	background-position: -2px -234px;}

#registerForm #camperBday {
	background-position: -2px -157px;}

#registerForm #viewerLast {
	background-position: -2px -78px;}

#registerForm #viewerFirst {
	background-position: -2px -118px;}

#registerForm #phone {
	background-position: -2px -1px;}

#registerForm #email {
	background-position: -2px -38px;}

#campStuff #forgotEmail {
	background-position: -2px -80px;}


#registerForm .empty {
	background-position: -2px -355px;}

/***** short form boxes ******/

#registerForm .zip, #registerForm .state, #registerForm .city {
	margin-top: -3px;
	font-size: 1em;}

#registerForm .zip #zip, #registerForm .state #state, #registerForm .city #city {
	padding: 6px 0px 10px 2px;
	font-size: .7em;}

/**** zip ****/
#registerForm .zip {
	width: 70px;
	margin-right: 19px;}

#registerForm .zip #zip {
	width: 70px;
	background: url(http://files.campskyline.com/campStuff/img/registerBoxZip.jpg) 0 0 no-repeat;}

#registerForm .zip #zip input {
	width: 68px;}

/**** state ***/

#registerForm .state {
	width: 42px;}

#registerForm .state #state {
	width: 42px;
	background: url(http://files.campskyline.com/campStuff/img/registerBoxState.jpg) 0 0 no-repeat;}

#registerForm .state #state input {
	width: 40px;}

/**** state ***/

#registerForm .city {
	width: 120px;}

#registerForm .city #city {
	width: 120px;
	background: url(http://files.campskyline.com/campStuff/img/registerBoxCity.jpg) 0 0 no-repeat;}

#registerForm .city #city input {
	width: 110px;}


form #submitFloat {
	float: right;
	clear: right;
	display: block;
	width: 66px;
	height: 38px;
	margin: 2em 2.2em 2em 2em;
	border: none;
	padding: 4em 0 2em 0;
	background: url(http://files.campskyline.com/img/submitBtn.gif) top left no-repeat;
	text-indent: -999em;
	cursor: pointer;}

/*
//////////////////////////////////////////////////
Event Selection Page
//////////////////////////////////////////////////
*/

table {
	width: 630px;
	margin: 1em 0 0 0;
	border-collapse: collapse;
	padding: 0;}

table tr {
	margin: 0;
	padding: 0;
	line-height: 2.5em;
	background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;}

table td {
	margin: 0;	padding: 0;}

table td.date {
	width: 105px;
	text-align: left;
	}

table td.photoNumber {
	width: 95px;
	text-align: right;}

table td.slideshow {
	width: 72px;
	text-align: right;}

/*
//////////////////////////////////////////////////
Session Selection Page
//////////////////////////////////////////////////
*/

#firstColumn ul#sessionSelect {
	margin: 0;
	padding: 0;
	list-style: none;}

#firstColumn ul#sessionSelect li {
	margin: 0;
	padding: 0;
	list-style: none;}

/*
//////////////////////////////////////////////////
Thumbnails Page
//////////////////////////////////////////////////
*/

table#thumbnailsLinks {
	background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;}

table#thumbnailsLinks tr {
	height: 32px;
	background: none;
	line-height: 1.2em;}

table#thumbnails {
	background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;}

table#thumbnails tr {
	background: none;}

table#thumbnails tr td a:hover {
	background: none;}

table#thumbnails tr td {
	width: 36%;
	height: 119px;
	padding: 1em 0;}

table#thumbnails tr td img {
	margin: 0;
	border: none;
	padding: 0;}

/*
//////////////////////////////////////////////////
Smaller ThumbNails Page
//////////////////////////////////////////////////
*/

table#thumbnailsSmaller {
	background: url(http://files.campskyline.com/img/postUnderline.gif) bottom left repeat-x;}

table#thumbnailsSmaller tr {
	background: none;}

table#thumbnailsSmaller tr td a:hover {
	background: none;}

table#thumbnailsSmaller tr td {
	width: 22%;
	height: 75px;
	padding: 1em 0;}

table#thumbnailsSmaller tr td img {
	margin: 0;
	border: none;
	padding: 0;}

ul#picNav {
	margin: 1em 0;
	padding: 0;}

ul#picNav li {
	display: inline;
	margin: 0;
	padding: 1em;
	list-style: none;
	background: url(http://files.campskyline.com/campStuff/img/picPage.gif) 8px 13px no-repeat;}

ul#picNav li#current {
	display: inline;
	margin: 0;
	padding: 1em;
	list-style: none;
	background: url(http://files.campskyline.com/campStuff/img/picPageCurrent.gif) 8px 13px no-repeat;}

ul#picNav li#current a {
	width: 28px;
	padding: 5px;
	color: #747474;
	background: none;}

ul#picNav li#current a:hover {
	color: #4BA44D;
	background: none;}

ul#picNav li a {
	width: 28px;
	padding: 5px;
	color: #fff;
	background: none;}

ul#picNav li a:hover {
	color: #747474;;
	background: none;}

/*
//////////////////////////////////////////////////
CampMail Page
//////////////////////////////////////////////////
*/

#camperMail {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;}

#camperMail div#camperFirst,
#camperMail div#camperLast {
	width: 305px;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background: transparent url(http://files.campskyline.com/campStuff/img/campMail.png) no-repeat;}

#camperMail div#camperFirst {
	background-position: 0 -40px;}
#camperMail div#camperFirst.empty {
	background-position: 0 0;}

#camperMail div#camperLast {
	margin-left:20px;
	background-position: 0 -81px;
	}
#camperMail div#camperLast.empty {
	background-position: 0 0;
	}

#camperMail div#camperFirst,
#camperMail div#camperLast {
	margin-top:10px;
	}

#camperMail div input {
	width: 290px;
	padding-top: 4px;
	font-size: 1.6em;
	color: #747474;
	border: 0;
	background-color: transparent;}

#camperMail div#message {
	height: 258px;
	margin:0 0 10px 0;
	border: 0;
	background: transparent url(http://files.campskyline.com/campStuff/img/campMailMessage.jpg) 0 -261px no-repeat;}

#camperMail div#message textarea {
	width: 624px;
	height: 245px;
	border: 0;
	padding: 8px;
	font-size: 1.6em;
	color: #747474;
	background-color: transparent;
	background: transparent url(http://files.campskyline.com/campStuff/img/campMailMessage.jpg) -1px -261px no-repeat;}


#camperMail div#message.empty textarea {
	background-position: -1px 0;}

#sendBottomTable {
	width: 642px;}

#sendBottomTable tr {
	background: none;}

input#send {
	display: none;
	width:97px;
	height: 36px;
	border: none;
	background: url(http://files.campskyline.com/campStuff/img/sendBtn.png) no-repeat;
	text-indent: -999em;
	cursor: pointer;}

a#send_link {
	display: block;
	width:97px;
	height: 36px;
	background: url(http://files.campskyline.com/campStuff/img/sendBtn.png) no-repeat;
	text-indent: -999em;
	cursor: pointer;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #b9b9b9;
	visibility:hidden;
	}

input:-moz-placeholder, textarea::-webkit-input-placeholder {
	visibility:hidden;
	color: #b9b9b9;
	}

/*
//////////////////////////////////////////////////
Camp Pix
//////////////////////////////////////////////////
*/

#subnav li p {display:none}

body.sessionPix #subnav li p {display:block; padding-left:12px; margin-bottom:0; font-size:.9em;}

body.sessionPix #instructions {
	width:743px;
	font-family: Arial;
	font-size:0.96em;
	margin-top: 1px;
	margin-bottom:15px;
	}

body.sessionPix p#albumIcon,
body.sessionPix p#fullScreenIcon {
	padding-left:35px;
	margin:0;
	font-size:.8em;
	}

body.sessionPix p#albumIcon {margin-bottom:2px;}

body.sessionPix div#needHelp h3 {margin-top:0;}

body.sessionPix p#albumIcon span.icon,
body.sessionPix p#fullScreenIcon span.icon {
	float:left;
	width:25px;
	height:25px;
	margin:0 0 0 -35px;
	background:url(http://files.campskyline.com/campStuff/img/sspInstructions.png) no-repeat 0 0;
	}

body.sessionPix p#albumIcon span.icon {
	background-position:-25px 0;
	}

body.sessionPix p#albumIcon span.icon:hover {
	cursor:pointer;
	}

body.sessionPix ul#sessionList {
	width: 100%;
	height: 50px;
	margin-bottom: 0;
	}
body.sessionPix ul#sessionList li {
	float: left;
	width: 150px;
	font-size: 1.2em;
	background: none;
	margin: 0;
	padding: 0
	}
/*
//////////////////////////////////////////////////
Protected styling
//////////////////////////////////////////////////
*/
div#signInFailed,
div.hidden {
	display: none;
	}

#signInFailed p {
	background-color: red;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	font-style: italic;
	}
#campstuffWelcome {
	 background-color: #4BA44D;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    padding: 0;
    display: none;
	}
p.notLoggedIn {
	display: none;
	}