/* CSS Document */

body 		{	
			margin: 0px; 
			padding: 0px; 
			text-align: center; 
			background-image:url(../img/bird_bg.gif); 
			background-repeat:repeat;
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size:10px; 
			color:#333;
			}
			
.main, .nav, .contact, .news, .introSection, .welcome, .stain, .vertstrip, .form, .bottomColor, .footer, #headerimage, .morePictures	{position:absolute;}
			
#logo 		{
			position: relative; 
			margin-top:-5px; 
			display:block;
			background-image:url(../img/band_end.png);
			background-position:top;
			background-repeat:repeat-x;
			z-index:2;
			}

#headerimage 	{
				position:relative; 
				top:-70px;
				left:5px;
				margin:0px 0 0 -24px; 
				text-align:center;  
				z-index:5;
				}



/* This stuff is all the body of the pages. Cascading from "Body" */

#wrapper 	{
			width:646px;
			margin:0px auto;
			position:relative;
			top:-270px;
			left:0px;
			text-align:center;
			padding:0px;
			margin-top:-90px;
			height: 740px;
			background-image:url(../img/wrapper_bg.gif); 
			background-repeat:repeat-x; 
			}

.morePictures	{background-color:#689F9F;
				width:auto;
				height:2em;
				padding: 0 5px 0 5px;
				line-height:2em;
				border-right:1px solid #567B7D;
				border-bottom:1px solid #567B7D;
				left:500px;
				top:245px;
				z-index:80;
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size:9px; }
				
.main		{
			top:300px;
			left:0px;
			margin:0px;
			width:646px;
			}
	
.introSection {top:0px; left:0px;}

.welcome	{
			top:0px;
			text-align:left;
			left:180px;
			width: 440px;
			}
			
.stain		{
			overflow:visible;
			left:200px;
			margin-top: -60px;
			z-index:1;
			}
	
			
.nav		{
			margin:-20px 0 0 -10px;
			padding:0;
			top:20px;
			left:0px;
			}

.vertstrip	{
			top:82px;
			left:460px;
			}
			
.news		{text-align:left; top:70px; width:280px; left: 180px;}

.contact 	{
			text-align:left; 
			top:60px;
			left:475px; 
			z-index:5; 
			width:200px;
			}


/* Other divs that contain  elements outside of the wrapper div */

.form			{top:350px;
				left: 180px;}

#formField		{margin:-20px 0 0 10px; position:absolute; top:60px; left:5px;}

#photoWrapper 	{
				width:550px;
				margin:0px auto;
				position:relative;
				text-align:center;
				padding:0px;
				margin-top:90px;
				height: 470px;
				background-color:#FFFFFF; 
				}
			
		
.bottomColor	{background-color:#663300; width:646px; height:4px; margin:0 auto; left:0px; top:740px;}
.footer			{top:730px; left:0px; width:646px; padding-top:20px; text-align:center;}

				
				
.closePictures	{
				background-color:#689F9F;
				height:2em;
				padding: 0 5px 0 5px;
				line-height:2em;
				border-right:1px solid #567B7D;
				border-bottom:1px solid #567B7D;
				left:500px;
				top:450px;
				z-index:5001;
				font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size:9px; 
				}

#history 		{position:relative; margin-top:-60px; text-align:center; display:block; z-index:10;}

/*Type control*/
h3						{
						font-family:Verdana, Arial, Helvetica, sans-serif; 
						font-weight:bold; 
						font-size:10px; 
						color:#993300; 
						padding:0; 
						margin:0;
						}
			
p						{
						font-family:Verdana, Arial, Helvetica, sans-serif; 
						font-size:10px; 
						color:#333333;
						margin:0 0 10px 0;
						padding:0px; 
						}
			
.moreLink				{text-align:right; font-weight:bold;}
			
.tiny					{font-size: 9px}
.light					{color:#806B5B;}

a						{color:#CC6600; text-decoration:none;}
a:hover					{text-decoration:underline; color:#CC3300;}

.intro					{font-size:11px; line-height:16px; color:#333;}

.morePictures a			{color:#CCF0E8; text-decoration:none;}

.morePictures a:hover	{color:#CCF0E8; text-decoration:underline;}

.closePictures a		{color:#CCF0E8; text-decoration:none;}

.closePictures a:hover	{color:#CCF0E8; text-decoration:underline;}




/* Table stuff */
table 			{padding: 0px; margin: 0px;}
tr 				{padding: 0px; margin: 0px;}
td 				{padding: 0px; margin: 0px; }

/* Other */
.rule			{
				background-image:url(../img/rule.gif); 
				background-repeat:repeat-x;
				margin:0; padding:0;
				width:100%;
				}
			
.headline		{
				margin:0 0 5px -2px;
				padding:0;
				overflow:visible;
				
				}