html,body {
	height:100%;
	width:100%;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-image:url(img/backPatternSingle.gif);
	text-align:center;
}

#fillGradient {
	background-image:url(img/backPattern.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	width:100%;
	height:100%;
	padding-top:20px;
}

* HTML * #fillGradient {background-position:top}

img {border:0px; vertical-align:middle}
a {font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#000}
a:hover {text-decoration:none}
 * HTML * h1 {margin:5px 0; padding:0}
 * HTML * h2 {margin:-1px 0; padding:0}



#horizon {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
background-color: transparent;
text-align: center;
}

#contentHome {
position: absolute;
top: -286px;
left: 651px;
margin-left: -473px;
width: 946px;
height: 595px;
text-align: left;
background-color:#000000;
border:2px solid white;
}

#content {
	position: relative;
	text-align:left;
	width:740px;
	text-align: left;
	background-color:#000000;
	border:2px solid white;
	margin-left:auto;
	margin-right:auto;
}

#content h3,
#content h4 {
	font-size: 1.0em;
}

#headerHome {

}

#header {
	background:url(img/header.jpg) no-repeat;
	height:100px;
}


#sideColumn {
	float:left;
	/*position: absolute;
	top: 100px;
	left: 0;*/
	background:url(img/logo_bottom.jpg) 0 0 no-repeat;
	padding-top:100px;
	width:173px;
	color:#FFFFFF;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

#sideColumn  img {
	margin:15px 0 5px 10px;
}

#sideColumn p {
	margin:0 0 10px 17px;
	line-height:15px;
}

a.watchLink {
	color:#009bdb;
	background:url(img/blueArrow.gif) 0 4px no-repeat;
	padding-left:7px;
}
a.watchLink:hover {
	text-decoration:none;
}

a.listenLink {
	color:#009bdb;
	background:url(img/sound.gif) 0 3px no-repeat;
	padding-left:17px;
}
a.listenLink:hover {
	text-decoration:none;
}

p.musiclinks {
	line-height:20px;
}

#mainColum {
	background:url(img/columnBack.gif) repeat-y;
	width:360px;
	min-height:500px;
	margin-left:174px;
	color:#FFFFFF;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:15px 40px 100px 30px;
}

#mainColum a{
	color:#009bdb;
}

#mainColum p{
	margin-bottom:10px;
}

.floatedimg{
	margin:0 0 10px 10px;
	float:right
}


#nav {
	margin:73px 0 0 195px;
	position:absolute;
}

* HTML * #nav {margin:75px 0 0 195px}

#nav a{
	margin-right:5px;
}


#navHome {
	background-color:#009bdb;
	border:1px solid #595959;
	padding:0px 0 5px 10px;
}

#navHome a{

	margin-right:5px;
}

a#maillistLink {margin:0 390px 0 5px;}

#selectedSection {padding-right:5px; padding-top:4px}
a#home_btn img {background: url(img/nav2_home_off.gif) top left no-repeat; width:42px; height:18px}
a#bio_btn img {background: url(img/nav2_bio_off.gif) top left no-repeat; width:27px; height:18px}
a#events_btn img {background: url(img/nav2_events_off.gif) top left no-repeat; width:51px; height:18px}
a#gallery_btn img {background: url(img/nav2_gallery_off.gif) top left no-repeat; width:59px; height:18px}
a#music_btn img {background: url(img/nav2_music_off.gif) top left no-repeat; width:47px; height:18px}
a#contact_btn img {background: url(img/nav2_contact_off.gif) top left no-repeat; width:60px; height:18px}
a#links_btn img {background: url(img/nav2_links_off.gif) top left no-repeat; width:42px; height:18px}
a#news_btn img {background: url(img/nav2_news_off.gif) top left no-repeat; width:48px; height:18px}

a#home_btn:hover img {background: url(img/nav2_home_on.gif) top left no-repeat;}
a#bio_btn:hover img {background: url(img/nav2_bio_on.gif) top left no-repeat;}
a#events_btn:hover img {background: url(img/nav2_events_on.gif) top left no-repeat; }
a#gallery_btn:hover img {background: url(img/nav2_gallery_on.gif) top left no-repeat;}
a#music_btn:hover img {background: url(img/nav2_music_on.gif) top left no-repeat;}
a#contact_btn:hover img {background: url(img/nav2_contact_on.gif) top left no-repeat; }
a#links_btn:hover img {background: url(img/nav2_links_on.gif) top left no-repeat;}
a#news_btn:hover img {background: url(img/nav2_news_on.gif) top left no-repeat;}

#headline {
	margin-top:10px;
}

.rule {
	background:url(img/glowrule.gif) no-repeat;
	width:372px;
	height:7px;
	margin:10px 0 15px -10px;
}

* HTML * .rule {margin:10px 0 5px -10px}


#flashbox {
	height:300px;
	border-bottom:1px solid white;
}

#inforarea {
	background-image:url(img/backGrad.jpg);
	height:203px;
	padding:10px 0 0 15px;
}

#info {
	color:#FFFFFF;
	font-size:7.5pt;
	width:295px;
	float:left;
	margin-right:0px;
}

#info h1 {
	margin:0;
	color:#009bdb;
	font-family:Arial Black;
	font-size:8pt;
	font-weight:normal;
}
#info h2 {
	font-size:7.5pt;
	font-weight:bold;
}	
#info p {
	letter-spacing:0px;
}
#info ul {
	letter-spacing:1px;
	list-style-type:none;
	padding: 0;
	margin: 0;
	margin-top:12px;
	font-weight: bold;
}

* HTML * #info ul {margin-top:10px} /* fix for IE/win */

#info ul li {
	padding:0;
	margin:0;
}


#info a{
	color:#000000;
}
#info a:hover {
	text-decoration:none;
}

#box {
	width:594px;
	height:175px;
	margin-left:310px;
	margin-top:2px;
	padding:5px;
	background:url(img/box.gif) no-repeat;
}

.newsItem {
	width:195px;
	float:left;
	margin:0;
	text-align:center;
}

.hrule {
	height:165px;
	width:1px;
	border-right:1px solid #414243;
	float:left;
}

.blueText {
 	color:#009bdb;
	font-weight:bold;
}

.clear {
	clear:both;
}

/* Additions by CC 5/12/06 */
#listform {
	display:inline;
	font-size:11px;
	width:350px;
	margin:0 100px 0 5px;
	vertical-align:middle;
}	

#listform input.text {
	width:155px;
	margin-top:1px;
	font-size:10px;
	padding:2px;
	color:#000000;
	background-color:#7FBAD3;
	border:1px #000000 solid;
}
#listform input.submit {

}

img.biophoto {
	float:left;
	padding-right:1em;	
}
span.songtitle {
	color:#7FBAD3;
}

div.musicplayer {
	position:relative;
	margin-bottom:8px;
}
span.playerinstruct {
	color:#000000;
	vertical-align:top;
	padding-left:1em;
	line-height:17px;
}
.monthlist {
	margin-left:0;
	padding-left:0;
	height:12em;
	list-style-type:none;	
	
}
.monthlist li {
	width:48%;
	float:left;
	margin-bottom:1em;
	color:white;
	text-decoration:underline;
}
.monthlist li {
	width:48%;
	float:left;
	margin-bottom:1em;
}