body { margin: 0px; padding: 0px; text-align: center; /* ie5 center fix */ }
form { padding: 0px; margin: 0px; border: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 3px 0px; }
ul { margin: 0px; padding: 0px; }
table, input { margin: 0px; padding: 0px; }
/* ----- */

#container { width: 730px; margin: 0px auto; text-align: left;  }

#masthead, #footer { margin: 0px 1px; }

/* ----- min-height hack ----- */
#container { height: auto; }
/* for Internet Explorer \*/
* html #footer { margin: 0px 10px; }
/* ----- end min-height hack ----- */


/* ----- THIS IS THE MAIN CONTENT ** START ----- */
	/* ----- THIS IS THE HEADER ** START ----- */
	#masthead { width: 728px; height: 108px; }
		#masthead #logo { padding: 12px 0px 0px 10px; float: left; }
			#masthead #logo a { width: 233px; height: 44px; display: block; }
		
		#masthead #utility_nav { float: right; margin: 16px 12px 0px; }
			#masthead #utility_nav ul { }	
			#masthead #utility_nav ul li { float: left; }
			#masthead #utility_nav ul li a { padding: 0px 6px; }
			
			#masthead #top_nav { float: left; margin-top: 15px; width: 728px; }
				#masthead #top_nav ul {  }
					#masthead #top_nav ul li { float: left; }
					#masthead #top_nav ul li a { display: block; height: 37px; }
					
					
					#masthead #top_nav ul li.tn1 a { width: 103px; background-position: 0px 0px; }
					#masthead #top_nav ul li.tn2 a { width: 104px; background-position: -103px 0px; }
					#masthead #top_nav ul li.tn3 a { width: 104px; background-position: -207px 0px; }
					#masthead #top_nav ul li.tn4 a { width: 105px; background-position: -311px 0px; }
					#masthead #top_nav ul li.tn5 a { width: 104px; background-position: -416px 0px; }
					#masthead #top_nav ul li.tn6 a { width: 103px; background-position: -520px 0px; }
					#masthead #top_nav ul li.tn7 a { width: 105px; background-position: -623px 0px; }
					
					#masthead #top_nav ul li.tn1 a:hover { width: 103px; background-position: 0px -37px; }
					#masthead #top_nav ul li.tn2 a:hover { width: 104px; background-position: -103px -37px; }
					#masthead #top_nav ul li.tn3 a:hover { width: 104px; background-position: -207px -37px; }
					#masthead #top_nav ul li.tn4 a:hover { width: 105px; background-position: -311px -37px; }
					#masthead #top_nav ul li.tn5 a:hover { width: 104px; background-position: -416px -37px; }
					#masthead #top_nav ul li.tn6 a:hover { width: 103px; background-position: -520px -37px; }
					#masthead #top_nav ul li.tn7 a:hover { width: 105px; background-position: -623px -37px; }
	
	/* ----- THIS IS THE HEADER ** END ----- */
	
	/* ----- THIS IS THE CONTENT ** START ----- */
		/* ----- THIS IS THE CONTENT MAIN AREA ** START ----- */
		#content { margin: 10px 20px 20px 16px; }
			#content h1 { padding-bottom: .25em; }
			
			#content #main_content { width: 504px; float: left; padding-bottom: 10px; }
			#content #main_content #rate_note { width: 504px; float: left; padding-bottom: 10px; }
			#content #main_content #top_banner { margin-bottom: 15px; }
				#content #main_content #content_left { width: 308px; float: left; }
				#content #main_content #content_right { width: 173px; float: right; }
				
			#content #sponsor_links { width: 170px; float: right; }	
				#content #sponsor_links .spons_link { margin-bottom: 10px; }
				
			#content_main { width: 450px; float: left; }
				#weekly_rates, #monthly_rates, #rate_notes { margin: 4px 0px; }
					#weekly_rates h2, #monthly_rates h2 { width: 450px; }
				#weekly_rates p, #monthly_rates p { float: left; display: block; clear: both; width: 450px; }
				#weekly_rates b, #monthly_rates b { display: block; width: 170px; float: left; }

			#content #main_content #on_island_golf_course_title { margin-left: 155px; margin-bottom: 5px; }
				#content #main_content #on_island_golf_course_list { margin-left: 175px; }
					#content #main_content #on_island_golf_course_list li { margin-bottom: 5px;}
					#content #main_content #on_island_golf_course_list span { margin-left: 10px;}

			#content #main_content #off_island_golf_course_title { margin-left: 155px; margin-bottom: 5px; }
				#content #main_content #off_island_golf_course_list { margin-left: 175px; }
					#content #main_content #off_island_golf_course_list li { margin-bottom: 5px;}
					#content #main_content #off_island_golf_course_list span { margin-left: 10px;}

/* ----- THIS IS THE CONTENT MAIN AREA ** END ----- */
		
			/* ----- THIS IS THE CONTENT FORM AREA ** START ----- */	
			#content table#main_form { width: 425px; margin: 10px 0px; }	
				#content table#main_form td { padding: 0px 10px 8px 0px; white-space: nowrap; }
					#content table#main_form td input, #content table#main_form td select, #content table#main_form td textarea { width: 100%; }
					#content table#main_form td input.small { width: auto; }
					#content table#main_form td input.medium { width: 95px; }
					#content table#main_form td input.input_img { width: 16px; height: 16px; }
					#content table#main_form td label { margin-right: 10px; }
					#content table#main_form td select.state { width: 140px; }
					#content table#main_form td input.postalCode { width: 75px; }
/* ----- THIS IS THE CONTENT FORM AREA ** END ----- */	

	
	/* ----- THIS IS THE CONTENT ** END ----- */
	
	#footer { height: 25px; margin: 0px auto; width: 728px; text-align: left;   }
		#footer ul { padding: 6px 10px 0px 16px; }

	#news_content { margin-top: 10px; }
	#news_content #news_items #news_title { margin-bottom: 5px; }
	#news_content #news_items #news_description { margin-bottom: 12px; }
/* ----- THIS IS THE MAIN CONTENT ** END ----- */


/* AUTO CLEARING : http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after, #container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
	.clearfix, #container, #main, #content { display: inline-block; }
	
	/* Hides from IE-mac \*/
		* html .clearfix, * html #container {height: 1%;}
		.clearfix, #container  {display: block;}
	/* End hide from IE-mac */
/* AUTO CLEARING : END */

