@charset "UTF-8";

html, body {
	height: 100%;
}

body {
	margin: 0px;
	background-color: #282800;
	font-family:Verdana;
	background-image:url(images/backgrounds/bg_repeat.jpg);
	background-repeat:repeat;
}

img {
	border:0;
	margin:0px
}
a {
	margin:0px;
}

.page_container {
	height: 100%;
	position: relative;
}

.container {
	width: 100%;
	float: none;
	height: 548px;
	top: 50%;
	margin-top: -274px;
	position: absolute;
}
	.top {
		position: relative;
		float: none;
		height: 48px;
		background-image:url(images/backgrounds/top_shading.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
	}
		.heading_container {
			float:none;
			width: 935px;
			position:relative;
			left: 50%;
			margin-left:-467px;
			top: 10px;
		}
		
	.middle {
		position: relative;
		height: 452px;
		background-color: #41400b;
	}
		.content {
			position:relative;
			float:none;
			width: 935px;
			height: 452px;
			left: 50%;
			margin-left:-467px;
		}
			.content_left {
				width: 666px;
				height: 452px;
				float:left;
			}
				.content_border {
					border: #8b8824 5px solid;
					width: 656px;
					height: 413px;
					margin-top: 11px;
					margin-bottom: 13px;
				}
					.left_nav {
						position:relative;
						/*width: 110px;*/
						float: left;
					}
					.left_nav_on {
						position:relative;
						/*width: 110px;*/
						float: right;
					  top:-27px;
						
					}
					.main {
						float:left;
						width: 520px;
						position:relative;
						right: 2px;
						left: 2px;
						/*background-color:#000000;*/
						top:-25px;
						height: 410px;
						/*font-family:Verdana;*/
						font-size: 11px;
						color:#FFFFCC;
						overflow: hidden;
					}
					
					.main a {
						/*font-family:Verdana;*/
						font-size: 11px;
						color:#FFFFCC;
						text-decoration: underline;
					}
					
					.main_scroll {
						float: right;
						width: 520px;
						height: 410px;
						top:-25px;
						overflow: auto;
						right: 2px;
						font-size: 11px;
						/*
						background-color:#41400b;
						scrollbar-3dlight-color:#009900;
						scrollbar-arrow-color:orange;
						scrollbar-base-color:#00CC00;
						scrollbar-darkshadow-color:#009900;
						scrollbar-face-color:teal;
						scrollbar-highlight-color:palegreen;
						scrollbar-shadow-color:#000000*/
					}
					
					.main_scroll a {
						/*font-family:Verdana;*/
						font-size: 11px;
						color:#FFFFFF;
						text-decoration: underline;
					}
			
						.news_entry_heading {
							width: 470px;
							min-height: 15px;
							float:left;
							background-color: #8a8823;
							margin-left: 20px;
							margin-top: 20px;
							font-family:Verdana;
							font-size: 11px;
							color:#ffffcc;
							padding-top: 1px;
							padding-left: 10px;
							margin-bottom: 10px;
						}
						
						.news_entry_heading a {
							color:#ffffcc;
							text-decoration: none;
						}

						.news_entry {
							width: 470px;
							/*font-family:Verdana;*/
							font-size: 11px;
							color:#FFFFCC;
							margin-left: 20px;
							/*margin-top: 20px;*/
							padding-left: 10px;
							padding-bottom: 10px;
						}
						
						.tour_entry_heading {
							width: 470px;
							height: 15px;
							float:left;
							background-color: #8a8823;
							margin-left: 20px;
							margin-top: 20px;
							font-family:Verdana;
							font-size: 11px;
							color:#ffffcc;
							padding-top: 1px;
							padding-left: 10px;
							margin-bottom: 10px;
						}

						.tour_entry {
							width: 470px;
							/*font-family:Verdana;*/
							font-size: 11px;
							color:#FFFFCC;
							margin-left: 20px;
							/*margin-top: 20px;*/
							padding-left: 10px;
							padding-bottom: 10px;
						}
						
						.tour_image_on {
							filter:alpha(opacity=70);
							-moz-opacity:.70;
							opacity:.70;
						}
						
						.floating_heading {
							width: 400px;
							height: 19px;
							float:left;
							position: absolute;
							background-color: #8a8823;
							margin-left: 20px;
							margin-top: 20px;
							font-family:Verdana;
							font-size: 12px;
							color:#ffffcc;
							padding-top: 1px;
							padding-left: 10px;
							margin-bottom: 10px;
						}
						
						.faq_entry_heading {
							width: 470px;
							height: 15px;
							float:left;
							background-color: #8a8823;
							margin-left: 20px;
							margin-top: 20px;
							font-family:Verdana;
							font-size: 11px;
							color:#ffffcc;
							padding-top: 1px;
							padding-left: 10px;
							margin-bottom: 10px;
						}

						.faq_entry {
							width: 470px;
							/*font-family:Verdana;*/
							font-size: 11px;
							color:#FFFFCC;
							margin-left: 20px;
							/*margin-top: 20px;*/
							padding-left: 10px;
							padding-bottom: 10px;
						}

						.lyric_entry_heading {
							width: 440px;
							height: 15px;
							float:left;
							background-color: #8a8823;
							margin-left: 20px;
							margin-top: 20px;
							font-family:Verdana;
							font-size: 11px;
							color:#ffffcc;
							padding-top: 1px;
							padding-left: 10px;
							margin-bottom: 10px;
						}

						.lyric_entry {
							width: 440px;
							/*font-family:Verdana;*/
							font-size: 11px;
							color:#FFFFCC;
							margin-left: 20px;
							/*margin-top: 20px;*/
							padding-left: 10px;
							padding-bottom: 10px;
						}
						.albums_row {
							width: 440px;
							height: 120px;
							/*font-family:Verdana;*/
							float: left;
							font-size: 11px;
							color:#FFFFCC;
							margin-left: 20px;
							/*margin-top: 20px;*/
							padding-left: 10px;
							padding-bottom: 10px;
							margin-bottom: 20px;
						}
						
						.techsville_entry_heading {
							color: #9c9e00;
							font-size: 14px;
							display: table;
							padding-top: 10px;
						}
						
						.techsville_sub_heading_container {
							float: right;
							width: 185px;
							position: relative;
							right: 3px;
							top: 2px;
						}
						
						.techsville_small_text {
							float: left;
							width: 300px;
							height: 410px;
							overflow:auto;
							margin-left: 30px;
						}

						.techsville_main_text {
							float: right;
							width: 320px;
							height: 340px;
							overflow:auto;
							position:relative;
							z-index: 1px;
							margin-right: 10px;
						}

						.techsville_sub_heading {
							width: 180px;
							height: 15px;
							background-color: #8a8823;
							font-family:Verdana;
							font-size: 11px;
							color:#ffffcc;
							padding-top: 1px;
							margin-bottom: 5px;
							right: 0px;
							margin-right: 5px;
							cursor: pointer;
						}
						.techsville_sub_heading:hover {
							background-color: #FFFFCC;
						}

			.content_right {
				width: 269px;
				height: 452px;
				float:right;
			}
				.right_nav {
					width: 242px;
					height: 241px;
					right: 9px;
					position: relative;
					top: -10px;
					overflow:auto;
					margin-top: 5px;
					margin-bottom: 5px;
				}
					.nav_heading {
						width: 242px;
						height: 15px;
						position:relative;
						float:right;
						background-color: #8a8823;
						margin-top: 10px;
						margin-bottom: 3px;
						cursor: pointer;
					}
					.nav_heading:hover {
						background-color:#FFFFCC;
						cursor: pointer;
					}
					.nav_item {
						width: 242px;
						height: 13px;
						position:relative;
						left: -2px;
						float:right;
						background-color: #e2dfa8;
						margin-bottom: 2px;
						padding-top: 2px;
						cursor: pointer;
						font-family:Verdana;
						font-size: 9px;
						overflow: hidden;
						color: #353302;
					}
					
					.nav_item:hover {
						background-color:#FFFFCC;
					}
					
					.nav_item a {
						color: #353302;
						text-decoration:none;
					}
					
					.nav_heading_scroll {
						width: 220px;
						height: 15px;
						position:relative;
						left: -2px;
						float:right;
						background-color: #8a8823;
						margin-top: 10px;
						margin-bottom: 3px;
						margin-right: 5px;
						cursor: pointer;
						overflow:hidden;
					}
					.nav_heading_scroll:hover {
						background-color:#FFFFFF;
						cursor: pointer;
					}
					.nav_item_scroll {
						width: 220px;
						height: 13px;
						position:relative;
						float:right;
						background-color: #e2dfa8;
						margin-bottom: 2px;
						margin-right: 5px;
						padding-top: 2px;
						cursor: pointer;
						font-family:Verdana;
						font-size: 9px;
						overflow: hidden;
						color: #353302;
					}
					.nav_item_scroll:hover {
						background-color:#FFFFFF;
					}
					.nav_item_scroll a {
						color: #353302;
						text-decoration: none;
					}
					
					.merch_heading {
						width: 242px;
						height: 15px;
						position:relative;
						right: 9px;
						top: -13px;
						background-color: #8a8823;
						cursor: pointer;
					}
					.merch_heading:hover {
						background-color: #9f9f00;
					}
					
					.merch_items {
						position:relative;
						width: 242px;
						height: 65px;
						right: 9px;
						top: -10px;
					}
					.merch_item {
						border: #787801 solid 2px;
						overflow:hidden;
						width: 65px;
						height: 65px;
						position: relative;
						float: right;
						margin-left: 5px;
						margin-top: 3px;
						margin-bottom: 3px;
						margin-right: 6px;
						cursor: pointer;
						background-repeat:no-repeat;
						background-position: left top;
					}
					.merch_item:hover {
						filter:alpha(opacity=40);
						-moz-opacity:.40;
						opacity:.40;
						background-position: left top;
					}
					.info_heading {
						width: 242px;
						height: 15px;
						position:absolute;
						right: 9px;
						bottom: 13px;
						background-color: #8a8823;
						cursor: pointer;
					}
					.info_heading:hover {
						background-color: #9f9f00;
					}

	.bottom {
		position: relative;
		float: none;
		height: 48px;
		background-image:url(images/backgrounds/bot_shading.jpg);
		background-position:top;
		background-repeat:repeat-x;
	}

		.logos_container {
			float:none;
			width: 935px;
			position:relative;
			left: 50%;
			margin-left:-467px;
		}
		
		.bottom .logos_container .last_tweet {
			color:#E2DFA8;
			font-size:10px;
			left:5px;
			position:absolute;
			top:7px;
		}

		.bottom .logos_container .last_tweet a {
			color: #FFF;
			text-decoration: none;
		}
		.bottom .logos_container .last_tweet a:hover {
			color: #FFF;
			text-decoration: underline;
		}

/***********
Image Styles
***********/

img#main_logo {
	width: 255px;
	height:75px;
	position:relative;
	top:-14px;
	float:none;
}
img#flash_audio {
	width: 242px;
	height: 16px;
	position:relative;
	margin-right: 9px;
	float:none;
	top: -10px;
}
img#top_swirl {
	position:relative;
	float:right;
	top: -32px;
	right: 20px;
}
img#bot_swirl {
	position:absolute;
	float:none;
	bottom: -5px;
	left: 20px;
	z-index:7000;
}