BODY {
	background: #FFFFFF url(../graphics/body_background.gif) repeat-y center top;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border-style: inherit;
}

html {
	scrollbar-arrow-color : #dddddd;
	scrollbar-base-color : #FFFFFF;
	scrollbar-highlight-color : #dddddd;
	scrollbar-shadow-color : #dddddd;
	scrollbar-darkshadow-color : #EDEAD2;
	scrollbar-track-color : #FFFFFF;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#TopTextWrap {
	CLEAR: both;
	width: 780px;
	text-align: left;
	height: 80px;
	vertical-align: bottom;
	padding: 0px 10px;
	margin: 0px auto;
}

#TopTextWrap H1{
	font: bold normal 10px/150% Arial, Helvetica, sans-serif;
	color: #999999;
	background: url(none);
	margin: 0px;
	padding: 5px 0px;
	text-transform: none;
	text-align: right;
	letter-spacing: 1px;
}


#FullBodyWrap {
	MARGIN: 5px auto 0px;
	text-align: center;
	width: 820px;
	padding: 0px;
	voice-family: inherit;
	/*background: url(../graphics/background.jpg);*/
}


#FullBody {
	MARGIN: 0px auto;
	WIDTH: 800px;
	voice-family: inherit;
	padding: 0px;
}

#HorzNavigationWrap {
	POSITION: relative;
	z-index: 50;
	padding: 0px;
	margin: 0px;
	width: 800px;
	visibility: visible;
}

#HorzNavigation {
	LEFT: 0px;
	TOP: 0px;
	POSITION: absolute;
	WIDTH: 800px;
	z-index: 50;
	text-align: right;
	visibility: visible;
}

/*#MainRegionNavigation a{
	font: normal 15px/150% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#MainRegionNavigation a:hover{
	color: #F3D93C;
}
*/

#NavigationTopImage {
	CLEAR: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#NavigationTopImage {
	CLEAR: both;
	width: 800px;
}

#GreyLogoWrap {
	POSITION: relative;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	width: 155px;
	float: right;
}

#GreyLogo {
	LEFT: -635px;
	TOP: -91px;
	POSITION: absolute;
	width: 155px;
	z-index: 100;
	text-align: right;
	/*visibility: visible;
	height: 130px;
	float: left;
	width: 115px;
	margin-left: 20px;
	margin-top: 0px;*/
}

.replace{
	position:relative;
	margin:0px;
	padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden;
	color: #transparent;
	font-size: 0px;
} 

.replace span{
	display:block;
	position:absolute;
	top:-1px;
	left:-605px;
	z-index:5; /*for Opera 5 and 6*/
	margin: 0px;
	padding: 0px;
} 


#logohead, #logohead span{
	height:133px;
	width: 155px;
	background-image: url(http://www.greydistrict.co.nz/graphics/grey_logo.jpg);
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	font-size: 0px;
	cursor: hand;
} 



/*#GreyLogo {
	LEFT: -607px;
	TOP: 63px;
	POSITION: absolute;
	WIDTH: 190px;
	z-index: 100;
	text-align: right;
	visibility: visible;
}
*/
#SectionHeadWrap {
	POSITION: relative;
	z-index: 5;
	padding: 0px;
	margin: 0px;
	float: right;
	width: 800px;
}

#SectionHead {
	TOP: 174px;
	POSITION: absolute;
	z-index: 5;
	text-align: right;
	float: right;
	left: 2px;
	width: 790px;
	padding-right: 10px;
}

#SectionHead H1{
	FONT-FAMILY: "century gothic", arial, sans-serif;
	/*font: normal 35px Geneva, Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: right;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 150%;
	font-weight: normal;
	font-style: normal;
	background: url(none);
}

#DateTimeWrap {
	POSITION: relative;
	z-index: 5;
	padding: 0px;
	margin: 0px;
	float: right;
	width: 350px;
}

#DateTime {
	LEFT: -3px;
	TOP: 79px;
	POSITION: absolute;
	z-index: 5;
	width: 350px;
	text-align: right;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	visibility: visible;
}

#MainBodyWrap {
	CLEAR: both;
	width: 800px;
	/*border-bottom: 1px solid #999999;*/
	padding-bottom: 50px;
}

#home #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/about_solid.jpg) repeat-y left top;
}

#about #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/about_solid.jpg) repeat-y left top;
}

#business_directory #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/business_directory_solid.jpg) repeat-y left top;
}

#accommodation #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/accommodation_solid.jpg) repeat-y left top;
}

#events #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/events_solid.jpg) repeat-y left top;
}

#visitor_information #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/visitor_information_solid.jpg) repeat-y left top;
}

#things_to_do #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/things_to_do_solid.jpg) repeat-y left top;
}

#restaurants_cafes #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/restaurants_cafes_solid.jpg) repeat-y left top;
}

#transport #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/transport_solid.jpg) repeat-y left top;
}

#blackball #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/blackball_solid.jpg) repeat-y left top;
}

#lake_brunner #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/lake_brunner_solid.jpg) repeat-y left top;
}

#greymouth #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/greymouth_solid.jpg) repeat-y left top;
}

#live #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/business_directory_solid.jpg) repeat-y left top;
}

#explore #MainBodyWrap  {
	background: url(../graphics/navigation_backgrounds/business_directory_solid.jpg) repeat-y left top;
}

#MainBodyLeft  {
	POSITION: relative;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 200px;
	height: 100%;
}

#VerticalMenuWrap {
	CLEAR: both;
	width: 200px;
	padding: 0px;
	margin-bottom: 20px;
}

#VerticalMenu .ImageWrap {
	width: 200px;
	padding: 0px;
	margin: 25px 0px 0px;
	background: #666666;
	border-top: 1px dotted #FFFFFF;
	left: 0px;
	top: 0px;
}


#VerticalMenu .ImageWrap p{
	padding: 5px 10px 10px;
	margin: 0px;
	border-bottom: 1px dotted #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}


#MainBodyRight {
	float: left;
	clear: right;
	height: 100%;
}

#CentreText {
	width: 580px;
	float: left;
	clear: right;
	text-align: left;
	margin: 0px;
	padding: 10px;
}


#CentreText .ImageWrap{
	margin: 5px;
	padding: 5px;
	border: 1px solid #ECE9D8;
	float: right;
	width: 200px;
}

#CentreText .img{
	margin: 5px;
	padding: 5px;
	border: 1px solid #ECE9D8;
}

#MainTable {
	margin: 19px 0px 0px;
	padding: 0px;
	width: 575px;
}

#MainTable .left{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	width: 50%;
}

#MainTable .right{
	padding: 0px 0px 0px 15px;
	width: 50%;
	background: url(../graphics/dot_line_vert.gif) repeat-y left;
}

#MainTable ul {
	padding: 5px 0 0 12px;
	margin: 0px;
}

#MainTable li {
	padding: 4px 5px 4px 15px;
	margin: 0px;
	color: #666666;
	list-style: none;
	background: url(../graphics/red_arrow.gif) no-repeat left 7px;
}

.HighlightTableWrap {
	width: 95%;
	clear: both;
	background: #F5F8FA;
	padding: 5px;
	border: 1px solid #E1E1E1;
	margin: 5px 0px 0px;
	/*border: 1px solid #EBEFF3;*/
}

.HighlightTable {
	text-align: left;
	line-height: 150%;
	padding: 5px;
	border: 1px solid #EBEFF3;
	clear: both;
	color: #005BAF;
	background: #F1F5F8;
}

#BrowseByTable {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background: #FAF9F5;
	padding: 0px;
	border: 1px solid #ECE9D8;
}


#BrowseByTable .browseleft{
	margin: 0px;
	padding: 7px 5px 0px;
	/*width: 30%;*/
	color: #666666;
	background: url(../graphics/dot_line_light.gif) no-repeat top;
}

#BrowseByTable .browseright{
	padding: 0px 0px 5px;
	/*width: 70%;*/
	background: url(../graphics/dot_line_light.gif) no-repeat top;
	margin: 0px;
}

#BrowseByTable .right a{
}

#BrowseByTable .right a:hover{
	background: #ECE9D8;
}


#EventTable {
	margin: 19px 0px 0px;
	padding: 0px;
	width: 575px;
}

#EventTable .left{
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../graphics/dot_line_vert.gif) repeat-y right;
	width: 60%;
}

#EventTable .right{
	padding: 0px;
	width: 40%;
	float: right;
}

#EventTable ul {
	padding: 5px 0 0 12px;
	margin: 0px;
}

#EventTable li {
	padding: 4px 5px 4px 15px;
	margin: 0px;
	color: #666666;
	list-style: none;
	background: url(../graphics/red_arrow.gif) no-repeat left 7px;
}

.Top_Of_Page {
	text-align: right;
	margin: 0px 5px 0px 0px;
	padding: 20px 0px 10px;
	clear: both;
	float: right;
}


#ListingWrap {
	width: 550px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 5px;
}

#ListingWrap .ListingDetail{
	width: 550px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url(../graphics/dot_line.gif) repeat-x bottom;
	clear: both;
}

#ListingWrap .img{
	padding: 5px;
	border: 1px solid #ECE9D8;
	margin: 0px 5px 0px 0px;
}


#ListingWrap .Left {
	float: left;
	text-align: left;
	width: 25%;
	margin: 2px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#ListingWrap .Right {
	float: left;
	text-align: left;
	width: 70%;
	margin: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#ListingWrap .Right a{
}

#ListingWrap .Right a:hover{
	background: #ECE9D8;
}

#ListingWrap .Text {
	width: 540px;
	float: left;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#EventDetailWrap {
	float: left;
}


#EventDetailWrap .EventDetail {
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url(../graphics/dot_line.gif) repeat-x bottom;
	clear: both;
	width: 345px;
}

#EventDetailWrap .Left {
	float: left;
	text-align: left;
	width: 25%;
	margin: 2px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#EventDetailWrap .Right {
	float: left;
	text-align: left;
	width: 70%;
	margin: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#EventDetailWrap .Right a{
}

#EventDetailWrap .Right a:hover{
	background: #ECE9D8;
}


#SubmitEventTable table{
	margin: 0px auto;
	width: 90%;
	padding: 0px;
	border: 1px solid #ECE9D8;
}

#SubmitEventTable .left{
	margin: 0px;
	padding: 4px 5px 2px;
	background: url(../graphics/dot_line_light.gif) repeat-x bottom;
	color: #999999;
}

#SubmitEventTable .right{
	margin: 0px;
	padding: 4px 5px 2px;
	background: url(../graphics/dot_line_light.gif) repeat-x bottom;
	font-size: 11px;
	color: #999999;
}


#SubmitEventTable .heading{
	margin: 0px;
	padding: 5px;
	background: #F1F5F8;
}


#DisclaimerText{
	padding-top: 40px;
	color: #999999;
	font-size: 10px;
	padding-right: 200px;
	padding-left: 10px;
}

#SouthernAlpsWrap{
	float: right;
	clear: both;
	margin: 60px 50px 10px 0px;
}


#BottomColourWrap {
	POSITION: relative;
	z-index: 5;
	CLEAR: both;
	width: 800px;
}

#BottomColour {
	LEFT: 0px;
	TOP: -31px;
	POSITION: absolute;
	z-index: 5;
	width: 800px;
	background: /*#777777*/ url(../graphics/bottom.png) no-repeat left;
	height: 35px;
}


#BottomBodyWrap {
	CLEAR: both;
	width: 800px;
	margin: 4px 0px 0px;
	padding: 0px;
	background: #666666;
}

#BottomBody {
	width: 780px;
	padding: 10px;
	text-align: left;
}

#BottomBody p {
	line-height: 150%;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
}

#BottomBody a {
	color: #FFFFFF;
}

#BottomBody a:hover {
	color: #000000;
}