* {
	margin: 0;
	padding: 0;
}

body 
{
	font-size: 12px;
	text-align: center;
	font-family: Verdana, sans-serif;
	background: #1b6ab2 url(images/sandia-bg-large.jpg) center center no-repeat;
	background-attachment: fixed;
	padding-bottom: 3em;
}

a, a:visited, a:link 
{
color: #b14c00;
text-decoration: none;
font-weight: normal;
}

a:hover, a:active {
	background-color: #b14c00;
	color: #fff;
}

a img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #c36232;
}

h1 {
	font-size: 22px;
}





h1.logo
{
	position: relative;
	width: 640px;
	height: 125px;
	overflow: hidden;
}

.homepage h1.logo
{
	height: 327px;
}

h1.logo a
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0; left: 0;
	font-size: 48px;
	font-family: Optima, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 0;
	background-color: #ffdfa8;
	cursor: pointer;
}

h1.logo a span.ir
{
	position: absolute;
	width: 100%;
	height: 100%;	
	top: 0; left: 0;		
	background-image: url(images/golfnm_header.jpg);	
}

/* KLUDGE: IE6 was shrinking this on hover */
#IEroot h1.logo a span.ir
{
	height: 140px;
}

#IEroot .homepage h1.logo a span.ir
{
	height: 327px;
}

h1.logo a span.subhead
{
	text-transform: none;
	font-size: 21px;
	
}

#content 
{
width: 640px;
border: 1px solid #065b38; 
/*border: 1px solid #1B6AB2; */
background-color: #fae5c2;
overflow: visible;
text-align: left;
position: relative;
top: -5px;
left: -5px;
}

#content-inner
{
	width: 565px;
	background-color: #f9f1c9;
	border: 1px solid #065b38;
}

#content p.about
{
	margin: 5px 20px;
	font-style: italic;
}

#header
{
	position: relative;
}

#nav
{
	width: 640px;
	background: url(images/navlink-bg.gif) center center repeat-x;
	margin: 0 auto;	
	border-bottom: 1px solid #666;
}

#nav ul
{
	margin: 0;
	list-style: none;
	float: left;
	text-align: center;
}

#nav ul li
{
float: left;
	margin: 0;
	padding: 0;
}

#nav ul a
{
	display: block;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 2px 4px 5px;
	text-align: center;
/*	border-right: 1px solid #b14c00; */
	margin: 0;
	background: url(images/navdivider.gif) left center no-repeat;
}

#nav ul a:hover
{
	background: #b14c00 url(images/navlink-bg-on.gif) center center repeat-x!important;
	color: #ffdfa8;
}

#nav ul li.first a
{
	padding-left: 13px;
	background-image: none;
}

#nav ul li.last a
{
	border-right: none;
	padding-right: 12px;
}


#nav ul a.menuselected, #nav ul li.first a.menuselected
{
	background: #b14c00 url(images/navlink-bg-on.gif) center center repeat-x;
 	color: #ffdfa8;
	text-decoration: underline;
}

#topimage 
{
width: 399px;
float: right;
overflow: hidden;
}

#topicarea h2 
{
	background-color: #065b38;
	color: #fff;
	font-size: 7pt;
	font-weight: normal;
	padding: 0 5px 2px 5px;
}

#topicarea h1
{
/*	display: inline; */
/*	width: 640px; */
	display: inline-block;
	line-height: 53px;
	color: #c36232;
	background: url(images/zia-new.gif) left center no-repeat;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 17pt;
	padding-left: 60px;
	margin: 5px 15px;
}


#topicarea div.h1
{
	display: inline;
	line-height: 53px;
	color: #c36232;
	background: url(images/zia-new.gif) left center no-repeat;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 17pt;
	padding-left: 60px;
	margin: 5px 15px;
}

#IE6 #topicarea, #IE6 #nav *
{
	/* border: 1px solid green; */
}

#IE6 #topicarea h2, #IE5_5 #topicarea h2, #IE5_01 #topicarea h2
{
	/* for some reason IE <= 6 is not showing the bg color so I'm just making the text black */
	color: black;
	border-bottom: 1px solid black;
}

#IE6 #topicarea h1
{
/*
	background-image: none;
	padding-left: 0;
	*/
}

#topicarea p
{
	text-align: left;
	margin-right: 15px;
	margin-left: 15px;
}

p, #topicarea p, address, #mainContent h1, .featured_course h2, #courseInformation p, #table td
{
	color: #3a462b
}

#weather {
	width: 150px;
	height: 448px;
	float: left;
	margin: 0;
	background: url(images/weather-tmp.jpg) top center no-repeat;
	padding: 140px 0 0 0; 
	text-align: center;
	}

#mainContent 
{
	width: 90%;
	margin-left: 5%;
	clear: both;
	margin-bottom: 20px;
}

#mainContent h1 
{
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 16pt;
	color: #767f57;
	border-bottom: 1px solid #c36232;
	margin-top: 1em;
	margin-bottom: 0.25em;
	clear: both;
}

#mainContent img.noborder
{
	border: 1px solid #065b38;
	margin: -1px;
}

#mainContent img.single
{
	display: block;
	margin: 5px auto;
}

#mainContent li
{
	margin: 0.5em 0;
}

p
{
	margin: 1.5em 0;
	line-height: 1.5em;
	text-align: justify;
}

#mainContent p 
{
/*	text-indent: 15px; */
}
#topicarea p 
{
	margin-right: 15px;
	margin-left: 15px;
}

#mainContent h4 {
font-size: 11pt;
font-weight: normal;
font-family: Verdana, sans-serif;
color: #555;
margin-bottom: 12px;
}

#mainContent h3 {
font-size: 11pt;
font-weight: normal;
font-family: Georgia, serif;
color: #FFF;
background-color: #065b38;
padding: 3px 0 3px 10px;
margin: 18px 0 5px 0;
}

#mainContent ul 
{
list-style: none;
margin-left: 40px;
margin-bottom: 20px;
}

#homepage #buyMagazine 
{
	float: none;
	padding-right: 150px;
}

#homepage #buyMagazine #magazine_container
{
	width: 395px;
	margin: 0 auto;
}

#magazine_container img
{
	float: left;
}

#magazine_container #buylink_container
{
	float: right;
	width: 163px;
	position: relative;
	margin: 0; padding: 0;
}


a#order_mag:hover
{
	background-color: transparent;
}

a#order_mag span.ir
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/order_mag.gif);
}

a#order_mag:hover span.ir
{
		background: url(images/order_mag_h.gif);
}

#buyMagazine h3
{
	text-align: center;
	color: #b14c00;
	font: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	padding-top: 15px;
}

#buyMagazine2
{
	float: right;
	text-align: center;
	margin-right: 16px;
	margin-top: 16px;
}

#buyMagaizine2 #magazine_container
{
	float: right;
}

#buyMagazine2 form
{
	float: left;
	margin-top: 15px;
}


/* KLUDGE: IE6 was not centering, and when I tried to add left padding to the div, would add 100px extra space at the top */
/*
#IE6 #buyMagazine *
{
	position: relative;
	top: -25px;
	margin-bottom: -50px;
}
*/
/*
#IE6 #buyMagazine img
{
	text-align: center;
	margin: 0;
	padding-left: 170px;
}
*/

#leftStuff 
{
	width: 158px;
	height: 448px;
	margin-bottom: 1em;
	margin-top: 2em;
/*	height: 300px; */
	float: right;
	margin-left: 10px;
	border: 0;
	text-align: left;
}



#featuredarticle 
{
float: left;
margin-bottom: 15px;
}

#featuredarticle h1 
{
text-align: right;
font-size: 12pt;
font-weight: bold;
background-color: #065b38;
color: #FFF;
border: 0;
margin: 0;
padding: 3px 10px 3px 0;
}
	
	#featuredarticle p {
	margin-top: 10px;
	line-height: 13pt;
	}

#featuredarticle img 
{
	float: left;
	border: 1px solid #b14c00;
	border-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.featureText p
{
	line-height: 1.75em;
}

div.featureText div.callout
{
	background: #b14c00;
	color: #edd6af;
	padding: 10px;
	margin: 10px;
}

div#article1_callout
{
	margin-top: 0;
	margin-right: 0;
	width: 325px;
	float: right; 
}

div.callout h2
{
	font-size: 16px;
	font-weight: bold!important;
	margin-bottom: 10px!important;
	text-decoration: underline!important;
}

div.callout ul
{
	list-style-type: circle!important;
/*	list-style-position: inside!important; */
	margin-bottom: 10px!important;
	margin-left: 15px!important;
}

div.callout li
{
	margin: 5px 0!important;
	margin-left: 5px;
/*	text-indent: -10px; */
}

div.callout a
{
	color: #edd6af;
	text-decoration: underline;
}

div.callout a:hover
{
	background: #edd6af;
	color: #b14c00;
}

#orderForm {
float: left;
width: 520px;
margin-bottom: 15px;
}

	#orderForm h1 {
	text-align: right;
	font-size: 12pt;
	background-color: #b14c00;
	color: #FFF;
	border: 0;
	margin: 0 0 10px 0;
	padding: 3px 10px 3px 0;
	}

p.gap {
	display: block;
	margin-bottom: 15px;
	}

#visitorInfo p
{
	margin: 0 0 0.5em 2em;
}

#visitorInfo h4
{
	margin: 0.5em 0 0.25em 0;
}


#courseInformation 
{
	width: 100%;
	border-top: 2px solid #566543;
	padding: 40px 0 15px 0;
	background: url(images/Course-Information.gif) top left no-repeat;
}

#courseInformation p 
{
	text-indent: 0;
	margin: 5px 10px 5px 10px;
}

#courseInformation p b, #table b 
{
	font-family: Georgia, serif;
	color: #065b38;
}
	
#table 
{
	border-top: 2px solid #566543;
	background: url(images/stats.gif) top left no-repeat;
	text-align: left;
	padding-top: 40px;
	padding-left: 15px;
	clear: both;
}

#table td
{
	border-bottom: 1px dotted #999;
}

#footer 
{
	height: 78px;
	background: url(images/footer-golfer.gif) bottom right no-repeat;
	clear: both;
	position: relative;
}

#footer p 
{
font-size: 10px;
color: #fff;
text-align: right;
/* margin-top: 62px; */
margin-right: 10px;
position: absolute;
bottom: 0; right: 0;
margin-bottom: 0;
background-color: #065b38;
}

.clear {
	clear: both;
	}

img.floatLeft {
	float: left;
	margin-right: 10px;
	border: 1px solid #065b38;
	}

span.grey {
	color: #777;
	}

p.featureText {
	line-height: 13pt;
	}

img.orderButton {
	margin-left: 16px;
	}

div.featured_course
{
	font-family: Georgia, "Times New Roman", serif;
	float: right;
	width: 280px;
	text-align: center;
}

.featured_course h2
{
	font-size: 18px;
	text-align: center;
	margin-bottom: 0;
}

.featured_course a#sandia
{
	width: 190px;
	height: 108px;
	display: block;
	position: relative;
	margin-left: 50px;	
	margin-top: -20px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	line-height: 54px;
}

.featured_course a#sandia:hover
{
	background-color: transparent;
	color: #b14c00;
	text-decoration: underline;
	cursor: pointer;
}

.featured_course a#sandia span.ir
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/sandia-golf-logo.gif) no-repeat;
}


.featured_course img
{
 margin-top: 5px;
 border: none;
}

.featured_course a#isleta
{
 border: 1px solid #fae5c2;
}

.featured_course a#isleta:hover
{
 border: 1px dotted #b14c00;
}




ul.floatLeft {
	float: left;
	}

img.transparentLink {
	border: none;
	margin: 33px 0 0 45px;
	}

a.noHover, a.noHover:hover, a.noHover:active {
	background-color: transparent!important;
	}

div.gallerya, div.galleryb, div.galleryc {
	float: left;
	text-align: center;
	}

div.gallerya p, div.galleryb p, div.galleryc p {
	margin: 0!important;
	text-indent: 0!important;
	}

div.galleryb {
	padding: 0 2px;
	}
	
	p#shootout
	{
		text-align: center;
	}
	
	p#shootout a#shootout_2007
	{
		position: relative;
		width: 300px;
		height: 143px;
		display: block;
		cursor: pointer;
		margin-left: 100px;
	}
	
	#IEroot p#shootout a#shootout_2007
	{
		margin-left: 50px;
	}

 p#shootout a#shootout_2007 span.ir
	{
		position: absolute;
		width: 100%; height: 100%;
		left: 0; top: 0;
		background: url(images/shootoutlogo.gif) #fae5c2;
	}
	
address
{
	text-align: left;
	font-style: normal;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.two_pics
{
	text-align: center;
/*
	margin: 0 auto;
	display: block;
	width: 485px; */
}


div.two_pics img
{
	margin: 0 2px!important;
}

div.shadow
{
	margin: 1em auto;
	width: 640px;
	background: url(images/shadow_640-2000.png) bottom right no-repeat;
}


#IE6 div.shadow, #IE5_5 div.shadow
{
 background-image: none;
 background-color: #444;
/*
	background: url(images/transp-dith.gif) repeat;
	*/
}




