* {
	margin: 0;
	padding:0;
}

html {
	background: transparent url('images/layer1.png') top repeat;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
        color: #000000;
	background: transparent url('images/pagebackground_medium.png') top no-repeat;
}

p {
        line-height: 16px;
        padding: 5px 0;
}

.staff {float:left;width:500px;}

#navbar {}

.floated {float: left;}

#twitterfeed {
	background: transparent url('') top no-repeat;
	clear: both;
	float: left;
	position: relative;
	width: 170px;
	height: 220px;
	margin: 10px 0 0 5px;
}

#hslogo {/*width: 170px; margin:0 auto; text-align:center*/ float: left; display: block; margin: 70px 0 0 0;}
#hslogopadding {/*padding-right: 180px;*/ }
#abcblocks { float: right;}
#copyright {float: left; width: 400px; text-align: center; margin: 0 auto 0 auto; padding-top: 40px; color: #000000;}

.hidden {display:none;visibility: hidden;}

img { border: 0; margin:0;}

#content {
	margin: 0 0 0 0;
        padding: 30px;
        min-height: 400px;
	overflow: auto;
        width: 640px;
        /*background: transparent url('images/abcblocks.jpg') bottom right no-repeat;*/
}

#content img { padding: 5px; background: #FEFDE2; border: 1px solid #000000;}

#maincol {float: left; width: 627px;}
#rightcol {float:left; width: 180px;}

#content h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; color: #003165;}
#content h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; color: #003165;}
#content h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; color: #0A6740;}
#content h4 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #003165;}
#content h5 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px; color: #003165;}
#content h6 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 8px; color: #003165;}

#content ul {
        margin-left: 30px;
}

a:link {text-decoration: underline; color: #000099; font-weight: normal;}
a:visited {text-decoration: underline; color:#000099;font-weight: normal;}
a:hover {text-decoration: none; color: #55AAFF;font-weight: normal;}
a:active {text-decoration: none; color:#000099;font-weight: normal;}

#contenttop {
        background: #ffffff url('images/') top no-repeat;
        height: 0px;
}

#leftcol {width:180px; float: left;}



#carousel1 {
	background: #000000 url('images/advert_030911.gif') top left no-repeat;
	width: 100%;
	height: 120px;
}

#socialmedia {
	width: 407px;
	height: 180px;
	float:right;
        margin: 0;
	/*background: #000000 url('images/social_media.png') top left no-repeat;*/
}

#container {
	margin: 0 auto;
	width: 700px;
        background: #ffffff;
	padding: 0;
        border-color: #CCCCCC;
        border-width: 0 1px 1px 1px;
        border-style: solid;
}


#header {
	background: #ffffff url('images/header.png') top right no-repeat;
        height: 125px;   /* 204px */
        width: 700px;
}

.title {
	float: left;
        margin-left: 20px;
        margin-top: 0px;
        text-indent: -99999px;
}

.title h1 {
        color: #000000;
        font-family: Comic Sans MS;
        font-size: 62px;
        font-weight: bold;
}

.subtitle {
	float: left;
        margin-left: 20px;
        text-align:left;
        margin-top: 130px;
        text-indent: -99999px;
}

.subtitle h3 {
        color: #000000;
        font-family: Arial;
        font-size: 16px;
}

#rightcontent {
}

.innertube {

}

#leftnav {
        float: left;
        width: 300px;
	background: #ffffff url('images/') top no-repeat;
        margin: 0;
        padding: 0;
        height: 683px;
}

#leftnav ul {
        padding: 0 0 0 20px;
}

#leftnav ul li {
        text-indent: -9999px;
        list-style: none;
        margin: 10px 0;
}







.updateddate {
        font-size: 10px;
        color:#696969;
        font-style: italic;
}

#footer {
        width: 700px;
        height: 120px;
        /*line-height: 120px;*/
        background: #ffffff;
        font-size: 10px;
        color: #A0C2E5;
        text-align: center;
        margin: 0 auto;
}

#copyright a.social {padding: 30px 10px 10px 10px;}
#copyright a:link {font-weight: bold; text-decoration:none;}
#copyright a:visited {font-weight: bold;text-decoration:none;}
#copyright a:hover {font-weight: bold;text-decoration:underline;}
#copyright a:active {font-weight: bold;text-decoration:none;}

.footerbox {
        float:left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}

#sidefooter {

        font-size: 10px;
        color: #A0C2E5;
        text-align: center;

}

#twitter, #facebook, #email {
        margin: 15px 0 15px 20px;
        text-align: left;
}

.gallery {
	text-align:center;
        display: inline;
        float: left;
        width: 100%;
        margin-bottom: 20px;
}

.gallery .imageholder {
        float: left;
        /*width: 100px;*/
		padding: 20px 0 0 0;
}

.gallery .imageholder img {padding: 10px 10px 25px 10px; border: 1px solid #505050; background: #F4F4F4;display:block;}

.gallery .imagetitle {
        text-align:center;
        font-size: 10px;
        font-weight: bold;
	width: 100px;
}

.clear { clear: both; }

.gigstable {display: none; float:left; border-collapse: collapse;margin: 15px 0 0 0;}
.gigstable th {text-align: left;padding: 5px 0 5px 3px;background:#006600;}
.gigstable tr {margin: 5px 0; }
.gigstable tr:hover{ background-color: #003300; } 
.gigstable td {padding: 3px; border-bottom: 1px dotted #006600;}

.gigstable .month {width: 80px; font-weight: bold; }
.gigstable .date {width: 30px; }
.gigstable .bookingurl {width: 50px; text-align: center;vertical-align: top;}
.gigstable .time {width: 50px; float: left;}
.gigstable .venue {width: 180px;}
.gigstable .name {width: 350px;}
.gigstable .details {width: 100px;}

.gigsrow {}

.venuetable {display: none; float: left;}
.venueimage {float:left;clear:right; margin: 10px;}

iframe {
    width: 100%;
    height: 650px;
}