/* graphical style */

/* elements */

			html, body		{
							height: 100%;
							}
							
			body			{
							margin: 0;
						
							color: black;
							background: white;
							font-size: 75%;
							font-family: "Tahoma", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
							}
			
			a				{
							color: #c06;
							text-decoration: underline;
							font-weight: bold;
							cursor: pointer;
							}
							a:hover			{
											color: #c28;
											}
											
							a.readmore		{
											margin: 0.2em 0;
											padding: 2px 3px;
											display: inline-block;
							
											text-align: right;
											color: white;
											background: #c06;
											text-transform: uppercase;
											text-decoration: none;
											}
							
			h1, h2, h3, h4, h5, h6	{
							margin: 0 0 1em 0;
							
							font-family: "Century Gothic", Century, Verdana, Helvetica, Arial, sans-serif;
							text-transform: uppercase;
							font-weight: lighter;
							font-size: 250%;
							}
							
			h1				{
							font-size: 300%;
							}
							
			h2				{
							color: #c06;
							}
			
			h4				{
							font-size: 150%;
							color: #444;
							}
			
			img				{
							border: none;
							}
							
			p				{
							margin: 0 0 1em 0;
							}
							
			address			{
							margin: 0 0 1em 0;
							clear: both;		

							font-style: normal;
							}
							
			hr				{
							margin: 1em 0;
							clear: both;
							}
							
			span.signature	{
							font-style: italic;
							font-size: 180%;
							letter-spacing: 0.1em;
							font-family: serif;
							}
							
			form 			{
							}
							label			{
											display: block;
											margin: 5px 0;
											
											font-weight: bold;
											}
											
							input			{
											width: auto;
											padding: 4px;
											
											border: 1px solid #ccc;
											font: normal 1em Verdana, sans-serif;
											}
											input[type="submit"]	{
															background: #c06;
															border: 1px solid #c03;
															color: white;
															}
											
							textarea		{
											width: 25em;
											height: 5em;
											display: block;
											padding: 2px;
											
											font: normal 1em Verdana, sans-serif;
											border: 1px solid #ccc;
											}
											


							
							
							
/* named elements */

		#mainwrapper	{
						}
						
		#header			{
						width: 1024px;
						height: 280px;
						margin: 50px 0 1em 0;
						clear: both;
						}
						#mainbanner		{
										width: 100%;
										height: 200px;
										
										background: #999;
										}	
										#logo			{
														width: 700px;
														height: 200px;
														float: left;
														
														background: #c06 url(images/layout_images/logoBG1.jpg) no-repeat;
														}
														
										.soundbyte		{
														width: 300px;
														height: 200px;
														float: left;
														
														text-indent: -9999px;
														background: url(images/layout_images/soundbytes/1.gif) no-repeat;
														}
														
						#mainlinks		{
										width: 700px;
										height: 80px;
										}
										#mainlinks ul	{
														padding: 0;
														margin: 0;
														
														list-style: none;
														}
														#mainlinks ul li	{
																		height: 80px;
																		width: 140px;
																		padding: 0;
																		float: left;
																		overflow: hidden;
																		}
																		#mainlinks ul li a	{
																						display: block;
																						height: 80px;
																						width: 140px;
																						
																						text-indent: -9999px;
																						background: url(images/layout_images/mainmenu.jpg) no-repeat;
																						}
																						#mainlinks ul li#mainlink1 a {background-position: 0 0;}
																						#mainlinks ul li#mainlink2 a {background-position: -140px 0;}
																						#mainlinks ul li#mainlink3 a {background-position: -280px 0;}
																						#mainlinks ul li#mainlink4 a {background-position: -420px 0;}
																						#mainlinks ul li#mainlink5 a {background-position: -560px 0;}
																						#mainlinks ul li#mainlink1 a:hover {background-position: 0 -80px;}
																						#mainlinks ul li#mainlink2 a:hover {background-position: -140px -80px;}
																						#mainlinks ul li#mainlink3 a:hover {background-position: -280px -80px;}
																						#mainlinks ul li#mainlink4 a:hover {background-position: -420px -80px;}
																						#mainlinks ul li#mainlink5 a:hover {background-position: -560px -80px;}

																		
																		
																		
																		
																		
																		
																		
																		
																		
																		
		#contentwrapper	{
						width: 1000px;
						margin-bottom: 5em;
						float: left;
						clear: both;
						}
						#content		{
										width: 650px;
										padding-left: 50px;
										float: left;
										}
										#mainitem		{
														clear: both;
														}
														#mainitempic	{
																		width: 195px;
																		height: 195px;
																		margin: 0 0 1em 1em;
																		float: right;
																		
																		background: gray;
																		}
																		
														
										#columns		{
														clear: both;
														}
														.column			{
																		width: 30%;
																		float: left;
																		}
										
						#sidepanel		{
										width: 250px;
										padding-left: 50px;
										float: left;
										}
										#sidepanel h4	{
														margin: 0;
														clear: right;
														}
														
										.sidepanelitem	{
														margin-bottom: 2em;
														}
														.misc_thumb		{
																		width: 100px;
																		height: 65px;
																		margin: 0 5px 3px 0;
																		float: left;
																		
																		border: 1px solid black;
																		}
														
										#signup			{
														padding: 1em;
														
														background: #ccc;
														text-align: center;
														}
														
														
														
														
														
														
														
														
														
		#footer			{
						padding: 2em;
						clear: both;
						
						background: #ccc;
						}
						#footer a		{
										color: black;
										text-decoration: none;
										font-weight: normal;
										}
										#footer a:hover	{
														text-decoration: underline;
														}
														
						#footer p		{
										margin: 0;
										}
										
						#footer address	{
										margin: 0;
										}
										









/* JQUERY LIGHTBOX STYLES */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}