@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:.15em;
	line-height:1.7em;
	/*background: #c8e0c6;*/
	background:url(../images/bkgd.jpg) repeat;
	background-position:center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #688146;	
}

/*==MAIN LINK STATES==*/
/*--------------------MAIN LINK STATES----------------------*/

a {
	font-weight:bold;
	color:#FF00FF;
	text-decoration:none;
}

a:link {
	font-weight:bold;
	color:#FF00FF;
	text-decoration:none;
}

a:visited {
	font-weight:bold;
	color:#FF00FF;
	text-decoration:none;
}

a:hover {
	font-weight:bold;
	color:#FF99FF;
	text-decoration:none;
}

a:active {
	font-weight:bold;
	color:#FF00FF;
	text-decoration:none;
}

/*--------------------/MAIN LINK STATES----------------------*/


p {
	margin:10px 0 10px 0;
}

#spacer {
	margin:10px 0 10px 0;
	border:none;
}

/*==MAIN LAYOUT STYLES==*/
/*-------------MAIN LAYOUT STYLES-------------------*/

.oneColFixCtrHdr #container {
	width: 650px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #containerTop {
	padding: 0 75px 0 75px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background:url(../images/container_top.gif) no-repeat;
	height:45px;
}
.oneColFixCtrHdr #containerTop h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0;
}
.oneColFixCtrHdr #mainContent {
	padding: 16px 75px 50px 75px;
	background:url(../images/container_middle.gif) repeat-y;
}
.oneColFixCtrHdr #footer {
	background:url(../images/container_bottom.gif) no-repeat;
	position:relative;
	top:-30px;
	width:100%;
	height:35px;
	padding: 0 0 0 0;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/*-------------/MAIN LAYOUT STYLES-------------------*/

.firt {
	display:none;
}

.paragraphImgLeft { /* this is for floated left images within paragraphs of text that wraps around. */
	float:left;
	margin:0 10px 10px 0;
}

.paragraphImgRight { /* this is for floated right images within paragraphs of text that wraps around. */
	float:right;
	margin:0 0 10px 10px;
}	

#logo {
	position:relative;
	top:-10px;
	left:-10px;
}

/*==NAV_MAIN==*/
/*------------------NAV_MAIN---------------------*/

#navMainContainer {
	position:relative;
	float:left;
	left:-15px;
	top:-10px;
	width:365px;
	height:190px;
	margin:0;
	padding:0;
	text-align:left;	
}

#navMainContainer ul {
	width:400px;
	height:100%;
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none;	
}

#navMainContainer ul li {
	height:27px;
	padding:5px 0 0 0;
}

#navMainContainer ul li a{
	height: 27px;
	margin:0 0 0 0;
	float:left;
}

li a:hover {
	background-position: 0 -27px;
}

#navMainContainer li a:hover {
	background-position: 100% 100% -27px;
}

li#home a {
	background-image:url(../images/buttons/home.gif);
	width:68px;	
}

li#learnAboutUs a {
	background-image:url(../images/buttons/learn_about_us.gif);
	width:147px;	
}

li#whatD0WeLookLike a {
	background-image:url(../images/buttons/what_do_we_look_like.gif);
	width:195px;	
}

li#doWeSoundAwesome a {
	background-image:url(../images/buttons/do_we_sound_awesome.gif);
	width:202px;
}

li#areWePerforming a {
	background-image:url(../images/buttons/are_we_performing.gif);
	width:342px;
}

li#callUs a {
	background-image:url(../images/buttons/call_us.gif);
	width:185px;
}

/*----------------/NAV_MAIN--------------------*/

#rainbowGuy {
	position:relative;
	float:left;
	left:20px;
	background:url(../images/rainbow-guy.jpg);
	margin:15px 0 0 0;
	padding:0;
	width:126px;
	height:149px;
}

#position1Home { /* 1st image on the homepage */
	position:relative;
	background:url(../images/position-1-home.jpg);
	margin:15px 0 0 0;
	width:498px;
	height:202px;
	border:#FFCCCC 2px solid;
}

/*#position1Home { /* 1st image on the homepage */
/*	position:relative;
	background:url(../images/yellow-portrait.jpg);
	margin:15px 0 0 0;
	width:233px;
	height:350px;
	border:#FFCCCC 2px solid;
}*/

#position1About {
	position:relative;
	background:url(../images/position_1_about.jpg) no-repeat;
	width:250px;
	height:430px;
	border:#FFCCCC 2px solid;
}

#mailingListContainer {
	margin:15px 0 0 0px;
}

#mailingListLink, a
#mailingListLink, a:link
#mailingListLink, a:active
#mailingListLink, a:visited {
	font-weight:bold;
	color:#FF99CC;
	text-decoration:none;
}

#mailingListLink, a:hover {
	font-weight:bold;
	color:FF99FF;
	text-decoration:none;
}

input {
	color:#FF00FF;
}

/* -------------- NEWS --------------- */

.newsEntry {
	background:url(../images/underline.jpg) no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	margin-bottom:25px;
}

.newsEntryDate {
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
}

/* -------------- /NEWS --------------- */


#flashPlayer {
	margin-top:7px;
	position:relative;
	z-index:0;
}

.addToCart {
	margin-top:2px;
}

.viewCart {
	margin-top:3px;
}
.songSection {
	background:url(../images/underline.jpg) no-repeat;
	background-position:bottom;
	padding-left:10px;
	padding-right:10px;
	margin-top:15px;
	background:#fff7f7;
	border:solid 1px #ffdade;
}	

.columnA {
	float:left;
}	

.songSection .columnA {
	width:235px;
	padding-bottom:12px;
}

.columnB {
	float:left;
}

.songSection .columnB {
	text-align:right;
	width:240px;
	margin-top:33px;
}

.cost {
	margin-top:6px;
}

.songTitle {
	font-size:13px;
	font-weight:bold;
	margin-bottom:3px;
}

.songTitleLyrics {
	font-size:13px;
	font-weight:bold;
}

.albumTitle {
	font-size:13px;
	font:normal;
	font-style:italic;
	margin-bottom:2px;
}

.songLyricsContainer {
	margin-top:10px;
	padding-top:35px;
	border-top:#FF00FF dotted 1px;
}

#lakeMichiganLyricsContainer {
	border:none;
	margin-top:25px;
	padding-top:0px;	
}


/*==SHOW LISTINGS==*/
/*------------------SHOW LISTINGS---------------------*/

#showContainer {
	background:url(../images/underline.jpg) no-repeat;
	background-position:bottom;
	padding-bottom:20px;
	margin-bottom:15px;
}

#showHeader {
}

.date {
	font-weight:bold;
}

.time {
	font-style:italic;
}

.venue {
	font-weight:bold;
}

.cityState {
	font-style:italic;
}
/*------------------/SHOW LISTINGS---------------------*/

/*==HEADERS==*/
/*------------------HEADERS---------------------*/

#newsHeader {
	background:url(../images/headers/news.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#learnAboutUsHeader {
	background:url(../images/headers/learn-about-us.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#whatDoWeLookLikeHeader {
	background:url(../images/headers/what-do-we-look-like.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#DoWeSoundAwesomeHeader {
	background:url(../images/headers/do-we-sound-awesome.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#AreWePerformingHeader {
	background:url(../images/headers/are-we-performing.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#CallUsWereLonelyHeader {
	background:url(../images/headers/call-us.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#showsArchiveHeader {
	background:url(../images/headers/shows-archive.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#lyricsHeader {
	background:url(../images/headers/lyrics.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#thankYouHeader {
	background:url(../images/headers/thank-you.jpg) no-repeat;
	width:511px;
	height:41px;
	margin:25px 0 0 0;
}

#navcontainer {
	width: 250px;
	float:left;
}

#navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
display: block;
padding: 3px;
margin:2px;
width: 235px;
background-color:#f8e6e6;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited {
text-decoration: none;
}

#navcontainer a:hover {
background-color: #ffefef
}

/*------------------/HEADERS---------------------*/

/*==AWESOMETOWN_LINK==*/
/*-----------AWESOMETOWN_LINK-----------------*/

div#awesometown {
	position:relative;
	float:right;
	width:200px;
	height:12px;
	background:url(../images/awesometown-link.gif);
	background-repeat:no-repeat;
	margin:45px 65px 0 0;
	padding:0;
}

div#awesometown a {
	display:block;
	width:200px;
	height:12px;
	background:url(../images/awesometown-link.gif);
	background-repeat:no-repeat;
}

div#awesometown a:hover {
	width:200px;
	height:12px;
	background:url(../images/awesometown-link.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
}

/*-----------/AWESOMETOWN_LINK-----------------*/