body {

	text-align: center;
	/* This is for the larger background, which is behind the background for the content part. Below is how you do a solid color for the background.  The number type is hexidecimal.  It's standard on
	 webpages and you can use the color meter thats in the utilities folder to get the numbers/letter for it. The background currently is using an
	 image because it comes later in the code, so just delete that part if you want to use a solid color. */
	background-color: #e9e4d7;
	padding: 0;
	margin: 0;
	font-family: "trebuchet MS", verdana, Helvetica, sans-serif;
	
	/* This will also change the larger background. Below is how to use a file for the background.  If you want to change
	it, just put the file in the images folder and replace whats in the parenthesis to images/new_file_name.jpg (or .png or whatever you use) */ 
	
	
	/*This is repeat, you can use repeat-x, repeat-y, or repeat.  The x and y options are in one direction and repeat is in both directions */ 
	
	
	
}

#container{
	height: 786px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#containertwo {
	height: 786px;
	width: 1024px;
	padding: 0;
	margin: 0;
	/* This is for the background where content is.  This background will move with the window
	as you make it larger and smaller */
	
	background-image: url(images/squid-background.gif);
	background-repeat: no-repeat;
	
	position: relative;
	top: 0px;
	left: 0px;
}

ul {
	list-style: none;
	padding: 5px;
}

li {
	padding-bottom: 10px;
}

img {
	border: none;
}


p {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 12px;
}
 .vidpara {
	padding-top: 0;
	padding-bottom: 5px;
	margin: 0;
	font-size: 18px;
}

.aboutpara {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
}

.contactpara {
	padding: 5px;
	font-size: 14px;
}




#showstable, #newsbox	{
	height: 340px;
	width: 300px;
	overflow: auto;
}

#contactbox {
	height: 190px;
	width: 290px;
	
}

#showspicture, #newspic, #contactpic {
	padding: 8px;
	text-align: center;
}

.smalltable {
	font-size: 12px;
	padding: 10px;
	border-collapse: collapse;
	width: 280px;
	
}

.largetable {
	font-size: 14px;
	padding: 30px;
	border-collapse: collapse;
	width: 600px;
}

.big {
	font-size: 18px;
}

.smallfont {
    font-size: 12px;
}


td {
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 5px;
	border-bottom: 1px solid black;
}

.nobor {
	padding-right: 20px;
	padding-left: 0;
	padding-top: 5px;
	border-bottom: none;
}
	

#newscontent {
	text-align: left;
	
}

h1 {
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}

#emailaddress p {
	font-size: 16px;
	padding-bottom: 0px;
	margin: 0;
	padding-top: 12px;
}

#aboutcontent {
	width: 930px;
	height: 325px;
	overflow: auto;
	
}

#contactcontent {
	width: 650px;	
}

#aboutpic {
	text-align: center;
	padding: 8px;
}

#showpagetable {
	height: 400px;
	width: 600px;
	overflow: auto;
}
 #rss {
	width: 200px;
}
 
#gallery {
	width: 294px;
	height: 335px;
	overflow: auto;
}
 #photos {
	padding-left: 5px;
	padding-top: 5px;
	font-size: 14px;
}


.galleryphoto {
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 1px;
}

#mailinglist {
	padding: 0;
	margin: 0;
}
 #photopara {
	height: 20px;
	padding: 0;
	margin: 0;
}

#songdownloads {
    height: 205px;
    width: 180px;
    padding: 0;
    margin: 0;
    text-align: center;
}

#picturelinks {
    width: 180px;
    padding: 0;
    margin: 0;
    text-align: center;
}

#pics {
    width: 720px;
}
 #morephotos {
    text-align: center;
    padding: 0;
    margin: 0;
    width: 180px;
    height: 40px;
}
 #piclinks {
 width: 180px
}

/* Background Color */
 #showpagetable, #contactcontent, #aboutcontent, #contactbox, #showstable, #newsbox, #gallery, #songdownloads, #picturelinks, #morephotos, #piclinks {
	background-color: #e9e4d7;
}
	
	

/* Postion Section */

#toppicture {
	position: absolute;
	left: 513px;
	top: 17px;
}

#home {
	position: absolute;
	left: 20px;
	top: 70px;

}

#about {
	position: absolute;
	left: 105px;
	top: 70px;
	
}

#media {
	position: absolute;
	left: 198px;
	top: 70px;
}

#shows {
	position: absolute;
	left: 294px;
	top: 70px;
	
}

#contact {
	position: absolute;
	left: 392px;
	top: 72px;
}

#picturebox {
	position: absolute;
	left: 20px;
	top: 110px;
}

#player {
	position: absolute;
	left: 700px;
	top: 570px;
}
	

#showstable, #pics {
	position: absolute;
	left: 20px;
	
}

#pics {
	position: absolute;
	top: 320px;
}

#newsbox {
	position: absolute;
	left: 360px;
}

#contactbox, #share {
	position: absolute;
	left: 700px;
	
}

#emailaddress {
	position: absolute;
	left: 5px;
	top: 45px;
}

#facebook {
	position: absolute;
	top: 66px;
	left: 10px;
	
}

#myspace {
	position: absolute;
	top: 76px;
	left: 110px;
}

#twitter {
    position: absolute;
    top: 66px;
    left: 195px;
}

#showstable, #newsbox, #contactbox, #showpagetable, #contactcontent, #mailinglistcontact {
	position: absolute;
	top: 360px;
}

#aboutcontent {
	position: absolute;
	top: 340px;
}

#tableshow {
	position: absolute;
	top: 70px;
	left: 10px;
}


#biocontent {
	position: absolute;
	left: 200px;
	top: 10px;
}

#showpagetable {
	position: absolute;
	left: 20px;
}

#mediaplayer {
	position: absolute;
	left: 465px;
	top: 340px;
}

#aboutcontent, #contactcontent {
	position: absolute;
	left: 40px;
}




#youtube {
	position: absolute;
	top: 340px;
	left: 20px;
}


#rss, #share {
	position: absolute;
	top: 330px;
}




#rss {
	position: absolute;
	left: 840px;
}

#photopara {
	position: absolute;
	top: 340px;
	left: 695px;
}


	


#gallery {
	position: absolute;
	top: 367px;
	left: 695px;
}





#songdownloads {
	position: absolute;
	top: 110px;
	left: 810px;
}

#mailinglistcontact {
	position: absolute;
	left: 770px;
}

#picturelinks {
    position: absolute;
	top: 325px;
	left: 810px;
}

#morephotos {
    position: absolute;
    top: 5px;
    padding: 0;
    margin:0;
}

#piclinks {
    position: absolute;
    top: 40px;
    padding: 0;
    margin:0;
}
/* Links */

a:link {
	color: #d87a38;
	text-decoration: none;
}
a:visited {
	color: #7a4a24;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: underline;
}

a:active {
	color: black;
}