body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 14px;
}
a:link, a:visited {
	color: #000;
}
a:hover {
	color: #000;
	background-color: #009933;
}

img {
	border: none;
}

/* Styles for formatting the columns */
/**/
#main {
	width: 750px;
	margin: auto;
}
.leftCol {
	width: 170px;
	float: left;
}
.centreCol {
	width: 400px;
	float: left;
	padding-left: 20px;
}

.rightCol {
	width: 139px; /* should be 140 but for IE - grr. */
	float: left;
	padding-left: 20px;
}


/* Pics section styles */
/**/
.pics img {
	border: 0;
	float: right;
	padding: 5px;
}
.pics h1 {
	font-size: 16px;
}
.pics h2 {
	font-size: 12px;
	border-bottom: 2px solid #000;
}
.pics h3 {
	font-size: 14px;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
}
.pics h4 {
	font-size: 12px;
	border-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: right;
}


/* Styles for the stereo section */
.stereo {
	padding-top: 10px;
	clear: right;
}
.stereo h1 {
	font-size: 16px;
}
.stereo ul {
	list-style: none;
	font-size: 12px;
	text-align:left;
	padding: 0px;
	margin: 0px
}

/* Styles for the reading section */
.reading {
	padding-top: 5px;
	clear: right;
}
.reading h1 {
	font-size: 16px;
}
.reading ul {
	list-style: none;
	font-size: 12px;
	text-align:left;
	padding: 0px;
	margin: 0px
}

/* Styles for the surfing section */
.surfing {
	padding-top: 5px;
	clear: right;
}
.surfing h1 {
	font-size: 16px;
}
.surfing ul {
	list-style: none;
	font-size: 12px;
	text-align:left;
	padding: 0px;
	margin: 0px
}


/* News section styles */
/**/
.news h1 {
	font-size: 14px;
}
.news h2 {
	font-size: 12px;
	border-bottom: 2px solid #000;
}
.news h3 {
	font-size: 14px;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
}
.news h4 {
	font-size: 12px;
	border-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: right;
}

.sub_gigs {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	border-top: 2px solid #000;
}

.stereo li, .reading li, .surfing li {
	padding-bottom: 5px;
}


/* Gigs section styles */
/**/
.gigs h1 {
	font-size: 16px;
}
.gigs ul {
	list-style: none;
	font-size: 12px;
	text-align:left;
	padding: 0px;
	margin: 0px
}
.gigs li {
	padding-bottom: 10px;
}
.gigs h2 {
	font-size: 12px;
	border-bottom: 2px solid #000;
}
.gigs h3 {
	font-size: 14px;
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
}
.gigs h4 {
	font-size: 12px;
	border-top: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: right;
}


/* Styles for the navigation bar */
/**/
#banner {
	height: 81px;
	width: 750px;
	background-image: url(/images/banner.gif);
	background-repeat: no-repeat;
}
#banner form {
	color: #fff;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}
.mailPara {
	padding-top: 50px;
}
.mailButton {
	background-color: #000;
	border: #fff 1px solid;
	color: white;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin-right: 5px;
}
.mailText {
	background-color: #000;
	border: #fff 1px solid;
	color: white;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
#navigation {
	width: 750px;
	height: 30px;
	background: url(/images/navbar.gif);
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	position: relative;
}
#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#navigation li, #navigation a {
	height: 30px;
	display: block;
	
}
#nav span {
	display: none;
}
#home {left: 3px; width: 74px;}
#music {left: 142px; width: 78px;}
#gigs {left: 285px; width: 59px;}
#forum_nav {left: 411px; width: 78px;}
#pics {left: 555px; width: 56px;}
#email {left: 677px; width: 71px;}
#home a:hover {background: transparent url(/images/navbar.gif) -3px -30px no-repeat;}
#music a:hover {background: transparent url(/images/navbar.gif) -142px -30px no-repeat;}
#gigs a:hover {background: transparent url(/images/navbar.gif) -285px -30px no-repeat;}
#forum_nav a:hover {background: transparent url(/images/navbar.gif) -411px -30px no-repeat;}
#pics a:hover {background: transparent url(/images/navbar.gif) -555px -30px no-repeat;}
#email a:hover {background: transparent url(/images/navbar.gif) -677px -30px no-repeat;}
