html, body, ul, ol, li, h1, h3, h4, h5, h6
form, fieldset, a, div, img{margin: 0;padding: 0; border: 0;}

	 
body {
	background-color: #F4ECDA;
	font-size: 62.5%;
	text-align: center;
	margin: 0px;
}

h1 {
	font-size: 2em;
	color: #FFFFFF;
	font-weight: normal;
	}
h2 {
	font-weight: bolder;
	font-size: 1.4em;
	margin-bottom: -10px;
	}
h3 {
	font-weight: normal;
	font-size: 1.4em;
	}
h4 {
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	}

a:link, a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover, a:active {
	text-decoration: underline;
	color: #181818;
}

#container {
	text-align: left;
	font-size: 1.2em;
	font-family: "Courier New", Courier, mono;
	color: #000000;
	width: 785px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../Images/jtGrnd.jpg);
	background-repeat: repeat-y;
}

/* HEADER styles */
#header {
	width: 700px;
	height: 110px;
	position: relative;
}
#doodle {
	position: absolute;
	left: 40px;
	top: 10px;
	width: 100px;
	height: 100px;
	background-image: url(../Images/petal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#janeName {
	position: absolute;
	left: 140px;
	top: 30px;
	width: 145px;
	height: 30px;
	text-indent: -5000px;
	background-image: url(../Images/janeName.jpg);
	background-repeat: no-repeat;
}

/* MAIN MENU styles */
#topNav {
	position:absolute;
	width: 600px;
	left: 130px;
	top: 76px;
	font-size: 1.4em;
	font-weight: bold;
}
#topNavList{
	display: inline;
}
#topNavList ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}
#topNavList li{
	display: inline; 
	}
	
#topNav li a {
	font-size: 1.2em;
	float: left;
	height: 30px;
	text-decoration: none;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -5000px;
}

#topNav li a:hover {
	height: 30px;
	background-position: 0px -30px;
}

#topNav_home a { 
	background-image: url(../Images/topNav_01.jpg); 
	width: 70px; 
}
#topNav_news a { 
	background-image: url(../Images/topNav_02.jpg); 
	width: 110px; 
}
#topNav_biog a { 
	background-image: url(../Images/topNav_03.jpg); 
	width: 105px; 
}
#topNav_discog a { 
	background-image: url(../Images/topNav_04.jpg); 
	width: 75px; 
}
#topNav_lyrics a { 
	background-image: url(../Images/topNav_05.jpg); 
	width: 70px; 
}
#topNav_gallery a { 
	background-image: url(../Images/topNav_06.jpg); 
	width: 80px; 
}
#topNav_contact a { 
	background-image: url(../Images/topNav_07.jpg); 
	width: 90px; 
}

/* CONTENT styles  */
#content {
	text-align: left;
	padding: 20px 45px 20px 40px;
}
#homePage {
	font-size: 1.2em;
	position: relative;
	width: 700px;
	background-image: url(../Images/compassGrnd.jpg);
	background-repeat: no-repeat;
	height: 460px;
}
#homePage a:link, #homePage a:visited {
	text-decoration: underline;
	color: #000000;
}
#homePage a:hover, #homePage a:active {
	text-decoration: underline;
	color: #181818;
}
#listen {
	position: absolute;
	left: 450px;
	top: 20px;
}
#montpelier {
	position: absolute;
	left: 18px;
	top: 420px;
	width: 640px;
}
#gigLink a:link, #gigLink a:visited, #gigLink a:hover, #gigLink a:active {
	color: #FFFFFF;
}
#leftCol {
	width: 275px;
	float: left;
}
#leftCol {
	width: 275px;
	float: left;
}
#leftCol ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}
#gigList { 
	font-weight: bold; 
		width: 250px;
	}
#gigList a:link, #gigLink a:visited, #gigLink a:hover, #gigLink a:active {
	color: #333333;
	}
.place {
	color: #FFFFFF;
	text-transform: uppercase;	
}
.month {
	font-size: 1.2em;
	background-color: #CCCCCC;
	text-indent: 10px;
	width: 250px;
	margin-bottom: -6px;
	text-transform: uppercase;
}
#pakShots{
	width: 275px;
	float: left;
	text-align: center;
}
#rightCol {
	width: 400px;
	padding: 0px 0px 0px 25px;
	float: left;
}
.newsDate {
	color: #FFFFFF;
	}
	
#trackList a:link, #trackList a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#trackList a:hover, #trackList a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
.albumTitle {
	font-weight: bolder;
	font-size: 1.4em;
	}

.warning {
	font-weight: bold;
	text-transform: uppercase;
	color: #990000;
}	

#clearing {
	clear: both;
	}


/* FOOTER styles */
#footer {
	display: block;
	text-align: left;
	font-family: "Courier New", Courier, mono;
	color: #000000;
	width: 785px;
	height: 50px;
	background-color: #F4ECDA;
	background-image: url(../Images/footerGrnd.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
}
#footerNav{
	float: left;
	display: inline;
	margin-left: 25px;
	margin-top: 12px;
}
#footerNav ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}
#footerNav li{
	display: inline; 
	padding: 0 5px 0 0;
	}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #333333;
}
#footer a:hover {
	text-decoration: underline;
	color: #666666;
}
#footer a:active {
	text-decoration: none;
}
#credit{
	display: block;
	float: right;
	display: inline;
	margin-right: 25px;
	margin-top: 12px;
}

/* Styles Below are all for the Gallery Section */

.gallery{
	width: 700px;
	}
.galleryTitles{
	display:block;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 10px 15px;
	font-size: 1em;
	color: #FFFFFF;
}
/*
.galleryTitles h1 {
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
*/
.thumbnails {
float: left;
width: 220px;
padding: 10px 10px 10px 15px;
}
.thumbnails img {
float: left;
margin: 0 10px 10px 0;
}
#displayArea {
float: left;
padding: 10px;
}
#displayArea img {
margin-bottom: 1em;
}
.gallery p {
margin-top: 0;
}
p#desc {
	font-size: 1.2em;
	margin-bottom: 2px;
}
.separator {
clear: both;
}