/* THE DUNES - MATARANGI */
/* Phosphor Essence Ltd */


/* BROWSER WRANGLING */

/* mac hide\*/
html, body {
	width: 100%;
}
/* end hide */
html, body, #container {  /* Customised scrollbar styles */
	/*
	scrollbar-face-color: #333333;
	scrollbar-base-color: #999999;
	scrollbar-highlight-color: #E2E2E2;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #333333;
	*/
}

/*************************************************************************** 
* The "height" above is a hack for IE5+/Win. Below it's adjusted using 
* the child selector to hide from IE5+/Win. 
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54 
* cover everything with the footer when the viewport gets too small. 
***************************************************************************/ 

html >body #minHeight {
	float: left;
	width: 0px;
	height: 100%;
	margin-bottom: 0px;
} /*safari wrapper */

html,body {
	padding: 0px;
	margin: 0px;
}

/*
html>body #container {
	height: auto;
	width: auto; 
} */

body {
	text-align: left; /* keeps main container centered */
	min-width: 760px; /* for mozilla */
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}

div,p {
	margin-top: 0px;
} /*clear top margin for mozilla*/



/* PAGE STRUCTURE DIVS */

#container {
	color: #000000;
	text-align: left;
	margin: auto;
	margin-top: 20px;
	margin-left: 25px;
	position: relative;
}

#top { 
	top: 0px;
	left: 0px;
	width: 710px;
	height: 70px;
	position: absolute;
}

#logo {
	float: left;
	position: relative;
} /* height=45px */

#tagline {
	margin-top: 45px;
	float: right;
	position: relative;
}

#banner {
	padding-top: 5px;
	top: 90px;
	left: 220px;
	width: 490px;
	height: 153px;
	position: absolute;
}

#banner-noimage {
	margin-top: 5px;
	top: 90px;
	left: 220px;
	width: 490px;
	position: absolute;
}

/*
#banner-default, #banner-course, #banner-course02, #banner-shop, #banner-shop02, #banner-omara, #banner-events, #banner-accommodation, #banner-request, #banner-contact {
	padding-top: 5px;
	top: 65px;
	left: 220px;
	width: 490px;
	height: 155px;
	position: absolute;
}
#banner-default {
	background-image:  url("../imgfiles/def/img-header.jpg");
}
#banner-course {
	background-image:  url("../imgfiles/cou/img-header.jpg");
}
#banner-course02 {
	background-image:  url("../imgfiles/cou/img-header02.jpg");
}
#banner-shop {
	background-image:  url("../imgfiles/sho/img-header.jpg");
}
#banner-shop02 {
	background-image:  url("../imgfiles/sho/img-header02.jpg");
}
#banner-omara {
	background-image:  url("../imgfiles/oma/img-header.jpg");
}
#banner-events {
	background-image:  url("../imgfiles/eve/img-header.jpg");
}
#banner-accommodation {
	background-image:  url("../imgfiles/acc/img-header.jpg");
}
#banner-request {
	background-image:   url("../imgfiles/req/img-header.jpg");
}
#banner-contact {
	background-image:  url("../imgfiles/cont/img-header.jpg");
}
*/

#header {
	left: 0px;
	position: relative;
}

#hori-list {
	margin-left: 7px;
	left: 0px;
	position: relative;
}

#hori-list ul { 
	list-style-type: none;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#hori-list li {
	color: #000000;
	font-size: 0.85em;
	font-weight: none;
	text-transform: uppercase;
	margin: 0px;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	line-height: 1.3em;
	text-align: center;
}
#hori-list a {
	padding-left: 4px;
	padding-right: 4px;
}
#hori-list a:link, #nav a:active, #nav a:visited { 
	color: #000000;
	padding-left: 4px;
	padding-right: 4px;
}
#hori-list a:hover {
	color: #000000;
	font-weight: bold;
	background-color: #EFECC1;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
}




#nav-column {
	top: 90px;
	left: 0px;
	width: 200px;
	position: absolute;
}

#nav {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EFECC1;
	clear: both;
	position: relative;
}
#nav-imglinks {
	margin: 0px;
	padding: 0px;
	padding-top: 13px;
	padding-bottom: 5px;
	width: 115px;
	text-align: left;
	float: left;
	position: relative;
}
#nav-imglinks-wide {
	margin: 0px;
	padding: 0px;
	padding-top: 13px;
	padding-bottom: 5px;
	width: 200px;
	text-align: right;
	float: right;
	position: relative;
}
#footer {
	width: 490px;
	margin-bottom: 20px;
	padding: 0px;
	padding-top: 50px;
	color: #000000;
	text-align: left;
	clear: both;
	float: left;
	position: relative;
}

#copyright {
	float: right;
	position: relative;
}

#topofpage-link {
	float: left;
	position: relative;
}



/* CONTENT DIV's */

#content {
	width: 490px;
	left: 220px;
	top: 265px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#content-high {
	width: 490px;
	left: 218px;
	top: 195px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#leftcol-1 p, #midcol-1 p, #rightcol-1 p, #leftcol-2 p, #rightcol-2 p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 14px;
}
#leftcol-1 {
	width: 255px;
	left: 0px;
	top: 0px;
	margin:0px;
	padding:0px;
	float: left;
	position: relative; /*ie needs this to show float */
}
#rightcol-1 {
	width: 215px;
	left: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative; /*ie needs this to show float */
}

#leftcol-2 {
	width: 270px;
	left: 0px;
	float: left;
	position: relative; /*ie needs this to show float */
}
#midcol-2 {
	width: 58px;
	left: 2px;
	float: left;
	position: relative; /*ie needs this to show float */
}
#rightcol-2 {
	width: 140px;
	left: 20px;
	float: left;
	position: relative; /*ie needs this to show float */
}

#leftcol-2wide {
	width: 270px;
	left: 0px;
	float: left;
	position: relative; /*ie needs this to show float */
}
#rightcol-2nrw {
	width: 200px;
	left: 20px;
	float: left;
	position: relative; /*ie needs this to show float */
}

#leftcol-2wider {
	width: 320px;
	left: 0px;
	float: left;
	position: relative; /*ie needs this to show float */
}
#rightcol-2nrwr {
	width: 150px;
	left: 20px;
	float: left;
	position: relative; /*ie needs this to show float */
}
#rightcol-2nrwr-btm {
	width: 150px;
	left: 0px;
	top: 55px;
	float: right;
	position: relative; 
	z-index: 400;
}


#leftcol-3 {
	width: 490px;
	left: 0px;
	float: left;
	position: relative; /*ie needs this to show float */
}

#spacer {
    height: 5px;
	width: 20px;
	padding: 0px;
	margin: 0px;
	line-height:5px;

}


/* NIFTY CORNERS STYLES */

div#nifty {
	background-color: #EFECC1;
}

div#nifty-boxwelcome {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #94944C;
}
div#nifty-boxwelcome p {
	padding-top: 8px;
	padding-left: 17px;
	padding-right: 17px;
	margin-bottom: 2px;
}

div#nifty-box {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #999900;
}
div#nifty-box p {
	padding-top: 8px;
	padding-left: 17px;
	padding-right: 17px;
	margin-bottom: 2px;
}


/* NARROW BOX COLUMNS - i.e. used in the Golf Shop - Green Fees & Cart Hire page */

div#nifty-boxlight-1nrw, div#nifty-boxlight-3nrw, div#nifty-boxlight-5nrw {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #EFECC1;
}
div#nifty-boxlight-2nrw,  div#nifty-boxlight-4nrw {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #F6F5DC;
}


/* DARKER BOXES (#EFECC1) - i.e. used in Hole Desciption page (one for each course map box), Green fees & Events pages */

div#nifty-boxlight-1, div#nifty-boxlight-3, div#nifty-boxlight-5, div#nifty-boxlight-7, div#nifty-boxlight-9, div#nifty-boxlight-11,
div#nifty-boxlight-13, div#nifty-boxlight-15, div#nifty-boxlight-17, div#nifty-boxlight-19, div#nifty-boxlight-21, div#nifty-boxlight-23,
div#nifty-boxlight-25, div#nifty-boxlight-27, div#nifty-boxlight-29, div#nifty-boxlight-31, div#nifty-boxlight-33, div#nifty-boxlight-35,
div#nifty-boxlight-37 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #EFECC1;
}

/* LIGHTER BOXES (#F6F5DC) - i.e. used in Hole Desciption page (one for each course map box), Green fees & Events pages */

div#nifty-boxlight-2, div#nifty-boxlight-4, div#nifty-boxlight-6, div#nifty-boxlight-8, div#nifty-boxlight-10, 
div#nifty-boxlight-12, div#nifty-boxlight-14, div#nifty-boxlight-16 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #F6F5DC;
}


/* PARAGRAPH/HEADING STYLES FOR DARK/LIGHT-REG/NRW BOXES - i.e. all nifty corner boxes */

div#nifty-boxlight-1 p, div#nifty-boxlight-1 h3, div#nifty-boxlight-1nrw p, div#nifty-boxlight-1nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-2 p, div#nifty-boxlight-2 h3, div#nifty-boxlight-2nrw p, div#nifty-boxlight-2nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-3 p, div#nifty-boxlight-3 h3, div#nifty-boxlight-3nrw p, div#nifty-boxlight-3nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-4 p, div#nifty-boxlight-4 h3, div#nifty-boxlight-4nrw p, div#nifty-boxlight-4nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-5 p, div#nifty-boxlight-5 h3, div#nifty-boxlight-5nrw p, div#nifty-boxlight-5nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-6 p, div#nifty-boxlight-6 h3, div#nifty-boxlight-6nrw p, div#nifty-boxlight-6nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-7 p, div#nifty-boxlight-7 h3, div#nifty-boxlight-7nrw p, div#nifty-boxlight-7nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-8 p, div#nifty-boxlight-8 h3, div#nifty-boxlight-8nrw p, div#nifty-boxlight-8nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-9 p, div#nifty-boxlight-9 h3, div#nifty-boxlight-9nrw p, div#nifty-boxlight-9nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-10 p, div#nifty-boxlight-10 h3, div#nifty-boxlight-10nrw p, div#nifty-boxlight-10nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-11 p, div#nifty-boxlight-11 h3, div#nifty-boxlight-11nrw p, div#nifty-boxlight-11nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-12 p, div#nifty-boxlight-12 h3, div#nifty-boxlight-12nrw p, div#nifty-boxlight-12nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-13 p, div#nifty-boxlight-13 h3, div#nifty-boxlight-13nrw p, div#nifty-boxlight-13nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-14 p, div#nifty-boxlight-14 h3, div#nifty-boxlight-14nrw p, div#nifty-boxlight-14nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-15 p, div#nifty-boxlight-15 h3, div#nifty-boxlight-15nrw p, div#nifty-boxlight-15nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-16 p, div#nifty-boxlight-16 h3, div#nifty-boxlight-16nrw p, div#nifty-boxlight-16nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-17 p, div#nifty-boxlight-17 h3, div#nifty-boxlight-17nrw p, div#nifty-boxlight-17nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}
div#nifty-boxlight-18 p, div#nifty-boxlight-18 h3, div#nifty-boxlight-18nrw p, div#nifty-boxlight-18nrw h3 {
	padding-left: 5px;
	margin-bottom: 2px;
}


/* NEWSLETTER DIV's */

#content-newsletter {
	width: 490px;
	left: 0px;
	top: 90px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div#nifty-newsletter {
	width: 500px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 8px;
	background-color: #F6F5DC;
}


div#image-1 {
	background-color: transparent;
	margin-bottom: 25px;
}
div#image-1 p {
}

div#image-2 {
	background-color: transparent;
	margin-top: -21px;
	margin-bottom: 25px;
}

div#imagetn-1 {
	background-color: transparent;
	margin-bottom: 5px;
}

div#imagetn-2 {
	background-color: transparent;
	margin-bottom: 5px;
}

div#imagetn-3 {
	background-color: transparent;
	margin-bottom: 5px;
}
#pdf_download a {
	font-size: 11px;
	text-decoration: none;
}
#pdf_download img {
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 3px;
}

#pdf_download {
	text-decoration: none;
}