/* BASE */
/* =================================================================== */
html,body {
	margin: 0px; }

body.splash			{ background: url("/graphix/bg_lakeway.gif") repeat-y; }	
body.lakeway 		{ background: url("/graphix/bg_lakeway.gif") repeat-y; }
body.plugerville 	{ background: url("/graphix/bg_plugerville.gif") repeat-y; }

body.plugerville #make-a-payment { width: 880px; padding: 26px 0 14px 0; text-align: right; }
body.lakeway #make-a-payment { width: 765px; padding: 26px 0 14px 0; text-align: right; }

#lakewayNav {
	margin: 17px 0px 0px 16px;
	width: 765px; height: 30px;
	background-color: #666666; }
	
	#lakewayNav #nav {
		margin-left: 193px;
		padding-top: 6px;
		width: 560px;
		z-index: 3; }
		
#plugervilleNav {
	margin: 17px 0px 0px 16px;
	width: 890px; height: 30px;
	background-color: #666666; }
	
	#plugervilleNav #nav {
		margin-left: 193px;
		padding-top: 6px;
		width: 700px;
		z-index: 3; }
	
.navSpacer { width: 28px; text-align: center; }
		
.navLink 			{ font-family: arial; font-weight: bold; font-size: 10px; color: #FFFFFF; }
.navLink:link 		{ color: #FFFFFF; text-decoration: none; }
.navLink:visited 	{ color: #FFFFFF; text-decoration: none; }
.navLink:hover 		{ color: #CCCCCC; text-decoration: underline; }
.navLink:active 	{ color: #FFFFFF; text-decoration: none; }

#lakewayBanner {
	margin: 8px 0px 0px 16px;
	width: 765px; height: 187px;
	background-color: #2096b2; }
	
#plugervilleBanner {
	margin: 8px 0px 0px 16px;
	width: 890px; height: 187px;
	background-color: #2096b2; }

#splashContent {
	margin: 8px 0px 0px 16px;
	padding: 8px 0px 8px 0px;
	width: 765px;
	background-color: #eeeeee; }
	
	#splashContent #content {
		margin: 0 8px 0px 8px;
		padding: 0 0 12px 0;
		width: auto;
		background-color: #ffffff; }
		
		#splashContent #containerTitle {
			padding: 4px 0 8px 0;
			width: 741px;
			text-align: center; }
		
		#splashContent #content .location {
			padding: 15px 0 0 0;
			margin: 0 auto;
			text-align: center; }
			
			#splashContent #content .location img {
				margin: 0 auto 10px auto;
				border: 6px solid #eeeeee; }
				
			#splashContent #content .location a {
				display: block; }

#lakewayContent {
	margin: 8px 0px 0px 16px;
	padding: 8px 0px 8px 0px;
	width: 765px;
	background-color: #eeeeee; }
	
	#lakewayContent #containerTitle {
		margin: 0px 8px 0px 8px;
		padding-top: 4px; padding-left: 7px;
		height: 28px;
		background-color: #ffffff; }

	#lakewayContent #content {
		margin: 8px 8px 0px 8px;
		padding: 8px 0px 8px 0px;
		width: auto;
		background-color: #ffffff; }
		
#plugervilleContent {
	margin: 8px 0px 0px 16px;
	padding: 8px 0px 8px 0px;
	width: 890px;
	background-color: #eeeeee; }
	
	#plugervilleContent #containerTitle {
		margin: 0px 8px 0px 8px;
		padding-top: 4px; padding-left: 7px;
		height: 28px;
		background-color: #ffffff; }

	#plugervilleContent #content {
		margin: 8px 8px 0px 8px;
		padding: 8px 0px 8px 0px;
		width: auto;
		background-color: #ffffff; }
	
#lakewayFooter, #splashFooter {
	margin: 8px 0px 0px 16px;
	width: 765px; height: 30px;
	text-align: center;
	background-color: #eeeeee; }
	
#plugervilleFooter {
	margin: 8px 0px 0px 16px;
	width: 890px; height: 30px;
	text-align: center;
	background-color: #eeeeee; }

	#footer {
		padding-top: 8px;
		font-family: verdana; font-weight: normal; font-size: 10px; color: #666666;
		background-color: #eeeeee; }
	
	.footer:link 	{ color: #666666; text-decoration: none; font-weight: bold; }
	.footer:visited { color: #666666; text-decoration: none; font-weight: bold; }
	.footer:hover 	{ color: #333333; text-decoration: underline; font-weight: bold; }
	.footer:active 	{ color: #666666; text-decoration: none; font-weight: bold; }

#splashLogo {
	margin: 20px 0 0 16px;
	width: 765px; height: 148px; }
	
#splashLogo img { 
	display: block;
	margin: 0 auto; }

#containerLogo {
	position: absolute;
	top: 43px; left: 16px;
	width: 169px; height: 138px;
	z-index: 10; }
	
#containerBoxes {
	position: absolute;
	top: 410px; left: 140px;
	width: 174px; height: 148px;
	z-index: 5; }

/* HEADINGS */
/* ======================================================== */
h1 { font-family: arial; font-weight: bold; font-size: 18px; color: #cc6600; margin: 0; }
h1 a { color: #cc6600; }
h2 { font-family: arial; font-weight: bold; font-size: 14px; color: #2095b2; margin: 0; }
h2 a { color: #2095b2; }
h3 { font-family: arial; font-weight: bold; font-size: 11px; color: #666666; margin: 0; }
h4 { font-family: arial; font-weight: bold; font-size: 11px; color: #ffffff; margin: 0; }

/* TEXT */
/* ======================================================== */
p 			{ font-family: verdana; font-weight: normal; font-size: 11px; color: #666666; margin: 0; }
.bold 		{ font-family: arial; font-weight: bold; font-size: 14px; color: #666666; margin: 0; }
.normal 	{ font-family: arial; font-weight: normal; font-size: 11px; color: #666666; margin: 0; }
.italic		{ font-family: arial; font-weight: normal; font-size: 10px; font-style: italic; color: #666666; margin: 0; }
.required 	{ font-family: verdana; font-weight: bold; font-size: 10px; color: #cc0000; margin: 0; }

/* LINKS */
/* ======================================================== */
.indexLink 			{ font-family: arial; font-weight: bold; font-size: 12px; color: #cc6600; }
.indexLink:link 	{ color: #cc6600; text-decoration: none; }
.indexLink:visited 	{ color: #cc6600; text-decoration: none; }
.indexLink:hover 	{ color: #336699; text-decoration: underline; }
.indexLink:active 	{ color: #cc6600; text-decoration: none; }

.link1 			{ font-family: arial; font-weight: bold; font-size: 11px; color: #666666; }
.link1:link 	{ color: #666666; text-decoration: none; }
.link1:visited 	{ color: #666666; text-decoration: none; }
.link1:hover 	{ color: #336699; text-decoration: underline; }
.link1:active 	{ color: #666666; text-decoration: none; }

/* LISTS */
/* ======================================================== */
ul { 	list-style-type: none;
		font-family: arial; font-weight: bold; font-size: 11px;
		margin: 0; padding: 0;
		color: #666666; }
		
li { 	margin-bottom: 8px; }	
	
/* INDEX */
/* =================================================================== */
	
.thumb {
	border: none; }
	
#indexContainer {
	padding: 8px 8px 8px 8px;
	width: auto; height: 525px;
	background-color: #eeeeee; }
	
	#leftFloat{ 
		float: left;
		height: 100%;
		background-color: #eeeeee; }

		#indexContent {
			padding-top: 9px;
			margin: 0;
			width: 426px; height: 100%;
			background-color: #ffffff; }
			
		#plugervilleContent #indexContent {
			padding-top: 9px;
			margin: 0;
			width: 551px; height: 100%;
			background-color: #ffffff; }
		
			#indexText {
				margin: 0px 4px 4px 11px;
				width: auto;
				background-color: #ffffff;
				z-index: 6; }
	
	#rightFloat{ 
		float: right;
		width: 315px; height: 435px;
		background-color: #eeeeee; }
	
		#storageBox {
			float: right;
			margin-bottom: 8px;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#storageBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#storageThumb {
					float: right;
					width: 123px; height: 36px; }
	
		#suppliesBox {
			float: right;
			margin-bottom: 8px;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#suppliesBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#suppliesThumb {
					float: right;
					width: 123px; height: 36px; }
	
		#reservationsBox {
			float: right;
			margin-bottom: 8px;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#reservationsBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#reservationsThumb {
					float: right;
					width: 123px; height: 36px; }
	
		#contactBox {
			float: right;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#contactBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#contactThumb {
					float: right;
					width: 123px; height: 36px; }
					
		
		#paymentBox {
			float: right; margin: 8px 0 8px 0;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#paymentBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#paymentThumb {
					float: right;
					width: 123px; height: 36px; }
	
/* STORAGE */
/* =================================================================== */
.storageTable_lakeway {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 733px;
	border: none; }
	
.storageTable_plugerville {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 859px;
	border: none; }

	.storageTitle 	{ padding: 0px 0px 8px 4px; }
	.storageHeader 	{ background-color: #2095b2; }	
	.size 			{ padding: 4px 4px 4px 6px; width: 300px; }
	.rent 			{ padding: 4px 4px 4px 6px; width: 70px; }
	.fee 			{ padding: 4px 4px 4px 6px; width: 70px; }
	.deposit 		{ padding: 4px 4px 4px 6px; width: 70px; }
	.highlighted 	{ background-color: #eeeeee; }

/* RESERVATIONS */
/* =================================================================== */
#reservationsTable_lakeway {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 733px;
	border: none; }
	
#reservationsTable_plugerville {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 859px;
	border: none; }
	
	.leftCell 	{ padding: 6px 4px 6px 6px; width: 130px; }
		
#thanksTable_lakeway {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 643px; height: 200px;
	border: none; }

/* CONTACT */
/* =================================================================== */
#contactContainer {
	margin: 0px 8px 0px 8px;
	width: auto; height: 315px;
	background-color: #ffffff; }
	
	#contactFloatRight {
		margin: 4px 0px 0px 4px;
		padding-top: 18px;
		float: right; 
		width: 367px; height: 295px;
		background-color: #ffffff; }
		
	#plugervilleContent #contactFloatRight {
		margin: 4px 0px 0px 4px;
		padding-top: 18px;
		float: right; 
		width: 480px; height: 295px;
		background-color: #ffffff; }
	
		.contactTable {
			margin: 6px 0px 13px 0px;
			width: auto; }
	
	#contactFloatLeft {
		float: left; 
		width: 347px; height: 315px;
		background-color: #eeeeee; }