/*

COLORS

Orange = ed7336
Grey = 747474

/*

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

* {
	margin:0;
	padding:0;}

body {
	color: #747474;
	background: url(/campStuff/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 {
	padding-bottom: 4px;
	color:#e47ad2;
	text-decoration:none;}

a:hover {
	background: url(/campStuff/img/strokeGreen.gif) bottom left repeat-x;}
	
/*
///////////////////////////
HEADINGS
///////////////////////////
*/

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

.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;}

#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;}

/*
///////////////////////////
LISTS
///////////////////////////
*/

#noFlash ul {
	width:816px;
	height: 48px;
	padding: 34px 0 0 144px;
	margin: 0 auto;
	background: url(/campStuff/img/navigationBackground.gif) no-repeat;}

	#noFlash ul li {
		display: inline;}
	
		#noFlash ul li a {
			padding: 12px 10px;
			color:#666;}
		
		#noFlash ul li a:hover {
			color:#ed7336;}
		
		#noFlash a.getFlash:hover {
			border-bottom:none;
			background: none;
			color:#ed7336;}

/*
////////////////////////////////////////////////////
 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(/campStuff/img/rssHome.png) 0 -18px no-repeat;}
		
		#supernav #rssLink:hover {
			background: url(/campStuff/img/rssHome.png) 0 2px no-repeat;}


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

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

	#noFlash {
		width: 960px;
		margin: 0 auto;
		font-size: 1.4em;}
	
	#noFlash img{
		margin: 0;}
	
	#noFlash a:hover {
		border-bottom: none;}


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

	#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(/campStuff/img/postUnderline.gif) bottom left repeat-x;}
			
			div.post span.date {
				display: block;
				font-size: 12px;
				line-height:1em;
				margin: 0 0 1em 0;}
	
	#secondColumn {
		float:right;
		width:288px;
		margin-left:2em;
		margin-top:1.35em}
	
		.next {
			margin: 5em 0 .4em 0;
			font-family: Bradley Hand ITC TT;
			font-size: 24px;}
		
		#subnav {
			margin-bottom:1em;
			line-height:2em;
			list-style:none;}
			
		#footer {
			text-transform:uppercase;
			font-size:12px;
			margin: 2em 0 0 0;
			padding: 15em 0 0 0;
			background: url(/campStuff/illo/daylilies.gif) top left 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(/campStuff/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(/campStuff/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;}

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

form {}


#username, #password, #email, #globalUsername, #globalPassword{
	width: 288px;
	height: 36px;
	margin: 6px 0 0 -2px;
	padding: 0 4px 0 2px;
	background-image: url(/campStuff/img/loginBox.gif);
	background-repeat:  no-repeat;}

#password, #globalPassword {
	margin-bottom:.5em;
	background-position: 0 -40px;}

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

#username input, #globalUsername input, #password input, #globalPassword input, #email input{
	width: 271px;
	height: 36px;
	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;}	

#remember {
	padding: 3px 0 0 0;}
	
form small {
	float: right;
	margin: -4px 70px 0 0;
	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(/campStuff/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(/campStuff/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(/campStuff/img/submitBtn.gif) top left no-repeat;
	text-indent: -999em;
	cursor: pointer;}

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

#forgotPassword #submitRequest {
	float: right;
	display: block;
	width: 66px;
	height: 38px;
	margin: -3.4em 20em 0 0;
	border: none;
	background: url(/campStuff/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.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(/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 #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;}

#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(/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(/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(/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(/campStuff/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(/campStuff/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(/campStuff/img/postUnderline.gif) bottom left repeat-x;}

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

table#thumbnails {
	background: url(/campStuff/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(/campStuff/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(/campStuff/img/picPage.gif) 8px 13px no-repeat;}

ul#picNav li#current {
	display: inline;
	margin: 0;
	padding: 1em;
	list-style: none;
	background: url(/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 tr {
	background: none;}

#camperMail tr td div {
	width: 305px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(/campStuff/img/campMail.png) no-repeat;}

#camperMail tr td div#camperFirst {
	background-position: 0 -42px;}

#camperMail tr td div#camperLast {
	background-position: 0 -82px;}

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

#camperMail tr td div#message {
	width: 643px;
	height: 258px;
	margin:0;
	border: 0;
	background: transparent url(/campStuff/img/campMailMessage.jpg) 0 -261px no-repeat;}

#camperMail tr td div#message textarea {
	width: 625px;
	height: 245px;
	border: 0;
	padding: 8px;
	font-size: 1.6em;
	color: #747474;
	background-color: transparent;}

#sendBottomTable {
	width: 642px;}

#sendBottomTable tr {
	background: none;}

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