@charset "utf-8"; 
/* CSS Document */

body {
	background-color: #000000;
	background-image:url(../images/misc/background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	color: #FFFFFF; 
	margin: 0;
	padding: 0; 
	font-family: Tahoma, Arial, Helvetica, Courier;
	font-size: 62.5%;
	text-align: justify; 
	text-justify: auto;
}

div#container {
	margin:0 auto;
	position: relative;
	width:987px;
}

div#header {
	padding: 0px 10px 0px 10px;
	position: absolute;
	left: 10px; 
	top: 5px; 
	width: 740px; 
	height: 180px; 
	z-index: 0; 
}

div#tagline {
	padding: 0px 5px 0px 5px;
	position: absolute;
	left: 10px; 
	top: 163px; 
	z-index: 1; 
}

div#navi {
	background-color: #4D6DF5;
	border:1px solid #000000;
	padding: 0px 5px 0px 5px;
	position: absolute;
	width:750px;
	left: 10px; 
	top: 195px; 
	z-index: 1; 
}

div#wasp1 {
	background-image:url(../images/misc/wasp_01.png);
	background-position:left bottom;
	position: absolute;
	left: 325px;
	height:295px; 
	width: 470px; 
	z-index: 2; 
}

div#wasp2 {
	background-image:url(../images/misc/wasp_03.png);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	position: absolute;
  	width: 200px; 
	height: 173px; 
	left: 780px; 
	top: 10px; 
	z-index: 1; 
}

div#main {
	margin-bottom: 230px;
	background-color: #76C4E8;
	border: 1px solid #000000;
	position:relative;
	left:10px;
	top: 220px;
	width:760px;
}

div#rightsidebar {
	margin-bottom: 20px;
	position: absolute;
  	left: 780px; 
  	top: 220px; 
  	width: 200px; 
	z-index: 2; 
}

div#rightsidebarnight {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
  	width: 173px; 
  	z-index: 1; 
} 
 
div#rightsidebarshop div {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
  	width: 173px; 
  	z-index: 0; 
} 
 
div.newsitembox div{
	border: 1px solid #000000;
	background-color: #4D6DF5;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
/* fix the damn IE6 bug */
	height: 100%;
}

div#itembox {
	border: 1px solid #000000;
	background-color: #4D6DF5;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
/* fix the damn IE6 bug */
	height: 100%;
}

div#nightsbox {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin: 10px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
}

div#nightsgrid div {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin: 5px 0px 5px 10px;
	width: 170px;
	height: 240px;
	float: left;
}

div#divbox {
	border: 1px solid #000000;
	margin: 10px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
}

div#webbox {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

div#linkgrid div {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin: 5px 0px 5px 10px;
	padding: 10px 10px 5px 0px;
	width: 220px;
	float: left;
}

div#shopbox {
	border: 1px solid #000000;
	margin: 10px 10px 10px 10px;
	padding: 5px 0px 5px 0px;
}

div#shopgrid div {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	margin: 5px 0px 5px 10px;
	padding: 10px 10px 5px 0px;
	width: 342px;
	height: 177px;
	float: left;
}

div#flickrbox {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

div#footer {
	background-color: #4D6DF5;
	border: 1px solid #000000;
	position:relative;
	width: 460px; 
	left:160px;
}

div#venuebox {
	margin: 10px 10px 10px 10px;
	position:relative;
    float: left;
	width: 300px; 
}

img, a, div { 
	behavior:url("iepngfix.php");
}

img {
	border: 1px solid #000000;
}

img.pic_image_box_left {
	border: 1px solid #000000;
	margin: 12px 10px 10px 0px;
    float: left; 
}

img.pic_image_box_right {
	border: 1px solid #000000;
	margin: 12px 0px 10px 10px;
    float: right; 
}

img.pic_image_box_centre {
	border: 1px solid #000000;
	display: block;
	margin-top: 12px;
	margin-left: auto;   
	margin-right: auto;
	text-align: center;
}

img.news_image_box_left {
	border: 1px solid #000000;
	margin: 12px 10px 10px 0px;
    float: left; 
}

img.news_image_box_right {
	border: 1px solid #000000;
	margin: 12px 0px 10px 10px;
    float: right; 
}

img.news_image_box_centre {
	border: 1px solid #000000;
	display: block;
	margin-top: 12px;
	margin-left: auto;   
	margin-right: auto;
	text-align: center;
}

p {
	margin:0;
	padding: 10px 0px 0px 0px;
	font-size: 1.2em;
	text-align: justify; 
	text-justify: auto;
}

p.centre {
	margin:0;
	padding: 5px 0px 5px 0px;
	font-size: 1.2em;
	text-align: center; 
}

p.inline {
	margin:0;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	text-indent: 0px;
	text-align: justify; 
	text-justify: auto;
}

p.shop {
	margin:0;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	text-align: left; 
}

/* Date Header for news items */
p.main_date_header {
	margin:0;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	font-weight: normal; 
	text-indent: 0px;
	text-align: justify; 
	text-justify: auto;
}

/* Site Heading */
h1.h1header {
	padding: 0px 0px 0px 0px;
	margin:0;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size: 1.7em;
	font-weight: normal; 
	text-indent: 0px;
}

/* Main Page Heading eg News/About Us etc */
h2.h2header {
	margin:0;
	padding: 10px 10px 0px 10px;
	font-size: 2.4em;
	font-weight:bold; 
	text-indent: 10px;
}

/* Main Page sub heading eg news headline/location etc */
h3.h3header {
	margin:0;
	font-size: 1.8em;
	font-weight: normal; 
}

/* Sub heading for within Divs */
h3.h3divheader {
	padding: 0px 10px 10px 10px;
	font-size: 1.8em;
	font-weight: normal; 
	margin:0;
}

h4.h4header {
	margin:0;
	padding: 20px 0px 10px 0px;
	display: inline;
	font-size: 1.5em;
	font-weight: normal; 
}

a:link, a:visited, a:active, a:hover {
	color: yellow;
	text-decoration: none;
}

/* Main Navigation Style */
a.news:link, a.news:visited, a.news:hover, a.news:active {
	padding: 0px 0px 0px 0px;
	display: block;
	font-size: 1.2em;
	font-style: normal;
}

a.link_section:link, a.link_section:visited, a.link_section:hover, a.link_section:active {
	padding: 0px 0px 5px 10px;
	display: inline-block;
	font-size: 1.2em;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

a.head:link, a.head:visited, a.head:hover, a.head:active {
	padding: 0px 0px 0px 0px;
	display: inline-block;
	font-size: 1.6em;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold; 
	text-decoration: none;
	text-align: left;
}