html {
	margin: 0px;
	background: #fef3e6;
	}
	
body {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: trebuchet, arial, helvetica;
	font-size: 80%;
	text-align: left;
	color: #303;
	height: 100%;
	}
		
h1 {
	color: #303;
	font-size: 230%;
	border: 0px;
	font-family: trebuchet, arial, helvetica;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

h2 {
	font-size: 160%;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	font-family: trebuchet, arial, helvetica;
	font-weight: normal;
}

h3 {
	font-size: 140%;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	font-family: trebuchet, arial, helvetica;
	font-weight: normal;
}

h4 {
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	font-family: trebuchet, arial, helvetica;
	font-weight: bold;
}

.right {
	margin: 0px 0px 5px 10px;
}

.front {
	margin: 0px 0px 10px 0px;
}

.gigsright {
	margin: 10px 0px 5px 10px;
}

.white {
	margin: 5px 0px 5px 10px;
	color: #fff;
}

.news {
	margin: 0px 0px 5px 0px;
}

.newscomments {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #d99;
}

.rightalign {
	text-align: right;
}

.rightalignfront {
	text-align: right;
	margin: 10px 5px 0px 0px;
}

.noborder {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 0px;
}

/* General links */
a:link {
	color: #06c;
}

a:visited {
	color: #96c;
}

a:hover {
	color: #d99;
}

/**** MAIN PAGE DIVS ****/
#container { 
	display: block;
  	width: 715px;
	margin: 0px auto 20px auto;
	padding: 0px;
	border: 0px; 
	text-align: left;
	background: url(images/dragonbg-8.gif) no-repeat;
	min-height: 735px;
	height: 100%;
	border: 0px;
	} 
	

/* main content box */
#contentbox {
	float: right;
	width: 510px; /* nb: total width includes l & r padding values */
	margin: 10px 0px 0px 0px;
	padding: 20px 15px 10px 30px;  
	line-height: 170%;
	border: 1px solid #d99;
}

/* front page divs */
#frontright {
	width: 240px;
	float: right;
	border: 0px;
}

#frontleft {
	width: 255px;
	border: 0px;
}

#botbanner {
	float: right;
	width: 520px;
	margin: 0px;
	padding: 10px 15px 10px 20px;
	background: #f33;
	border-right: 1px solid #d99;
	border-bottom: 1px solid #d99;
	border-left: 1px solid #d99;
	font-size: 90%;
	color: #fff;
}

#wholebanner {
	float: right;
	width: 520px;
	margin: 0px;
	padding: 10px 15px 10px 20px;
	background: #f33;
	border-right: 1px solid #d99;
	border-bottom: 1px solid #d99;
	border-left: 1px solid #d99;
	font-size: 110%;
	color: #fff;
}

#wholebanner a:link {
	color: #fff;
}

#wholebanner a:visited {
	color: #fff;
}

#wholebanner a:hover {
	color: #d99;
}

#bannerright {
	width: 240px;
	float: right;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	color: #fff;
	border: 0px;
}

#bannerleft {
	width: 260px;
	margin: 0px;
	border-right: 1px dotted #fef3e6;
	padding: 10px 0px 10px 0px;
	color: #fff;
}

#rightbar {
	display: block;
	background: url(/images/search-bg.jpg) no-repeat;
	float: right;
	width: 180px;
	height: 100%;
	font-size: 80%;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #d99; 
}

#rightbargigs {
	display: block;
	float: right;
	width: 180px;
	height: 100%;
	font-size: 80%;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 5px;
	border: 1px solid #d99; 
}

#rightbar img {
	margin: 10px;
}

#search {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border: 0px; 
}

.powered {
	font-weight: normal;
	color: #d99;
	padding: 10px;
	border-top: 1px dotted #d99; 
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 120%;
}	

.posted {
	font-weight: normal;
	color: #d99;
}	

#rightbar ul {
	list-style-type: none;
	margin: 2px 0px 0px 0px;
	padding: 0px 10px 10px 20px;
}

#rightbargigs ul {
	list-style-type: none;
	margin: 2px 0px 0px 0px;
	padding: 0px 10px 10px 20px;
}

/* left nav bar */
#leftbox {
	display: block;
	float: left;
	font-size: 90%;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px;
}

#leftbox ul.mainnav {
	list-style-type: none;
	margin: 2px 0px 0px 5px;
	padding: 0px 0px 10px 3px;
}

#leftbox ul.subnav {
	list-style-type: none;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	background: #fcc;
	width: 130px;
	border: 1px solid #d99;
}

#leftbox li.mn {
	padding: 0px;
	width: auto;
	margin: 2px 0px 0px -4px;
}

#leftbox li.sn {
	padding: 0px;
	width: auto;
	margin: 0px 0px 0px -3px;
}

#content p {
width: 480px;
}

a:link.main, a:visited.main {
	font-family: trebuchet, arial, helvetica;
	color: #303;
	text-decoration: none;
	display: block;
	padding: 3px 3px 3px 10px;
	width: 120px;
	border: 1px solid #d99;
	}

a:link.sub, a:visited.sub {
	font-family: trebuchet, arial, helvetica;
	color: #303;
	text-decoration: none;
	display: block;
	padding: 3px 3px 3px 7px;
	border: 1px solid #fcc;
	width: 121px;
	}

/** NB the .sub values must remain the same as the active and visited .sub links  **/
.sub {
	font-family: trebuchet, arial, helvetica;
	color: #303;
	text-decoration: none;
	display: block;
	padding: 3px 3px 3px 7px;
	border: 1px solid #fcc;
	width: 121px;
	}

a:hover.sub {
	border: 1px solid #d99;
	background-color: #fc9;
	}

a:link.current, a:visited.current {
	font-family: trebuchet, arial, helvetica;
	color: #303;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px 3px 3px 10px;
	width: 120px;
	border: 1px solid #d99;
	background-color: #fcc;
	}

a:hover.main {
	background-color: #fc9;
	}

a:hover.current {
	background-color: #fc9;
	font-weight: bold;
	}

a:link.buttonlink {
	font-weight: bold;
	color: #fff;
}

a:visited.buttonlink {
	font-weight: bold;
	color: #fff;
}

a:hover.buttonlink {
	font-weight: bold;
	color: #ff0;
}


#headright { /* for general pages */ 
	display: block;
	float: right;	
	text-align: right;
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
}

#imgbox {
	float: left;
	width: 160px;
	height: 180px;
	margin: 0px 3px 6px 3px;
	font-size: 80%;
	line-height: 120%;
	text-align: center;
} 


#gallerytable td {
	font-size: 80%;
	text-align: center;
	vertical-align: top;
}

#gallerytable img {
	margin: 5px 5px 3px 5px;
	border: 0px;
	padding: 0px;
}

#allstories {
	width: 320px;
	border: 0px;
	margin: 0px;
}

.story {
	border-bottom: 1px dotted #d99;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
}

#story img {
	margin: 5px;
}

#comment {
	border-bottom: 1px dotted #d99;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

#commentbox {
	border-right: 1px dotted #d99;
	border-left: 1px dotted #d99;
	border-bottom: 1px dotted #d99;
	padding: 5px 5px 10px 10px;
	margin-bottom: 10px;
}

#break {
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px; 
	border: 0px;
}

#quote {
	clear: both;
	font-size: 130%;
	font-style: italic;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #d99;
}

#textmessagebox {
	width: 510px; /* nb: total width includes l & r padding values */
	margin: 10px auto 0px auto;
	padding: 20px 15px 10px 30px;  
	line-height: 170%;
}

#copyright {
	clear: both;
	text-align: left;
	margin: 1px 0px 0px 0px;
	padding: 30px 10px 0px 10px;
	border: 0px; 
}

#textright {
	width: 305px;
	float: right;
}

#textleft {
	width: 305px;
	float: left;
	padding: 0px 10px 0px 0px;
}

#imgcont {
	display: block;
	padding: 0px;
	margin: 0px 15px 15px 0px;
	border: 0px;
	line-height: 140%;
	font-size: 80%;
	height: 100%;
}

.imgtopspace {
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#imgcontright {
	display: block;
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 15px;
	border: 0px;
	text-align: right;
	font-size: 80%;
	height: 100%;
}

#messagebox {
	width: 400px;
	line-height: 170%;
	float: right;
	margin: 20px 60px 0px 0px;
	border: 1px solid #666;
}


img.imgleft {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0;
}

.noborderleft {
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0;
}

.imgright {
	float: right;
}

.rightimg {
	margin: 4px;
}

.paddingbottom {
	border: 0px; 
	margin: 0px; 
	padding: 0px;
}

table.texttable {
	padding: 0px;
	margin: 0px;
}

td.texttd {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	vertical-align: top;
}

form {
	margin: 0px;
}

input, textarea {
	margin: 5px;
	background: #fff;
}

#search input.searchbox {
	background: #fff;
	margin: 5px 5px 5px 12px;
	text-align: left;
}

#search input.searchbutt {
	margin: 5px 10px 5px 5px;
}