/
 <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		/*background:#fff;*/
		min-width:700px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
                background-image:url("../images/spiralsun.gif");
	}
	a {
		color:#668;
                text-decoration:none;
	}
	a:hover {
		color:#fff;
		background:#668;
		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
                border:none;
	}
        img#moon {
            float:left;
        }
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#668;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}

        .colleft {
            border-right:1px solid #bbb;
        }

        .colmid {
            border-right:1px solid #bbb;
        }

	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	.main1 {
		float:left;
		width:50%;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}		
	.main2 {
		float:left;
		width:50%;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}		
	/* 3 Column settings */
	.threecol {
		/*background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:21%;			/* width of the right column */
		/*background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:58%;			/* width of the middle column */
		/*background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:54%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:17%;			/* Width of left column content (column width minus padding on either side) */
		left:27%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
                font-size:smaller;
	}
	.threecol .col3 {
		width:17%;			/* Width of right column content (column width minus padding on either side) */
		left:89%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
                font-size:smaller;
	}
        /* Special Magnolia Settings */
        #spring {
            clear:both;
            float:left;
        }

        #magnolia {
            float:right;
        }

        #park {
            clear:both;
            text-align:center;
            width:70%;
            border:1px solid #668;
            margin-left: auto;
            margin-right: auto;
        }

        #content {
            clear:both;
            margin-top: 30px;
        }

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
        #footeraddress {
            clear:both;
            margin-left: 20px;
            font-size:x-small;
        }
        #ahaware{
            float:right;
            font-size:x-small;
        }
        #validcss {
            clear:both;
            float:right;
        }
        #validxhtml {
            float:right;
        }
        /* --> */

	/* Mid Navigation styles */
	.mid-nav {
		clear:both;
		float:left;
		width:100%;
	}
	.mid-nav {
		border-bottom:1px solid #000;
		border-top:1px solid #000;
	}
	.mid-nav p,
	.mid-nav h1,
	.mid-nav h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	.mid-nav ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding:0;
	}
	.mid-nav ul li {
		display:inline;
		list-style:none;
		margin:0;
		/*
		margin-left: auto;
		margin-right: auto;
		*/
		padding:0;
	}
	.mid-nav ul li a {
		display:block;
		float:left;
		/* margin:0 0 0 1px; */
		margin-left: auto;
		margin-right: auto;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		font-weight:bold;
		font-size:120%;
	}
	.mid-nav ul li a:hover {
		background:#668;
		color:#fff;
	}
	.mid-nav ul li a.active,
	.mid-nav ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	.mid-nav ul li a span {
		display:block;
	}

        /* --> */

	/* Stack Navigation styles */
	.stack-nav {
		clear:both;
		float:left;
		width:100%;
	}
	.stack-nav {
		border-bottom:1px solid #000;
	}
	.stack-nav p,
	.stack-nav h1,
	.stack-nav h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	.stack-nav ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding:0;
	}
	.stack-nav ul li {
		display:block;
		list-style:none;
		margin-top:1;
		margin-bottom:1;
		/*
		margin-left: auto;
		margin-right: auto;
		*/
		padding:0;
	}
	.stack-nav ul li a {
		display:block;
		/* float:left; */
		margin:2px 1px 1px 1px; 
		/* margin-left: auto;
		margin-right: auto; */
		padding:3px 10px;
		text-align:left;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		font-weight:bold;
		font-size:85%;
	}
	.stack-nav ul li a:hover {
		background:#668;
		color:#fff;
	}
	.stack-nav ul li a.active,
	.stack-nav ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	.stack-nav ul li a span {
		display:block;
	}

/* add ons */

/* Lineup */

.mainTop {

}

.mainBottom {
    clear: both;
}

.nmBand {
	float:left;
	width:50%;
	background:#9c9;
}

.nmBandImage{
	float:right;
	width:40%;	
	background:#c9c
}

.lineupBlock {
	border-top:2px solid #bbb;
	border-bottom:1px solid #bbb;
	padding: 10px;
	height: 180px;
	text-align: center;
        text-decoration: none;
	vertical-align: middle;
	margin: auto;
}

.lineupImageBlock {
	border-top:2px solid #bbb;
	border-bottom:1px solid #bbb;
	padding: 10px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
	margin: auto;
}

.lineupImage {
	vertical-align: middle;
        margin: auto;
}

.artistImageContainer {
   padding: 2px; 
   display: inline; 
   height: 183px;     
}   

/*
 * .artistImage {
   vertical-align: middle;
} */

.artistDetailRight {
   border: 2px solid #bbbbbb; 
   padding: 2px; 
   float: right; 
   width: 50%; 
   height: 150px; 
   vertical-align: middle;
}

.artistDetailLeft {
   border: 2px solid #bbbbbb; 
   padding: 2px; 
   float: left; 
   width: 50%; 
   height: 150px; 
   vertical-align: middle;
}

/* Schedule Styles */

div.scheduleItem {
	width: 100%
	min-width: 700px;
	border: 1px solid #bbb;
}

div.scheduleDivider {
	width: 100%
	min-width: 700px;
	height: 10px;
	background-color; #bbb;
}

span.artistName {
	width:210px;
	padding:5px; 
}

span.startTime {
	width:145px;
	padding:5px; 
	
}

span.endTime {
	width:145px;
	padding:5px; 
}

span.stage {
	width:170px;
	padding:5px; 
}	
/* /Schedule Styles */

/* --> */