* { margin: 0; padding: 0; outline: 0; }
img { border: 0; }

body {
	background: url(../images/bg_grass.gif) repeat;
	margin-top: 30px;
	font-size: 11px;
	font-family: verdana;
	color: #fff;
	}
	
a { 
	color: #7de515;
	font-weight: bold;
	text-decoration: none;
	}
				
a:hover { color: #c6e7a6; text-decoration: underline; }

#wrapper {
	width: 998px;
	margin: 0 auto;
	}
	
	h1 a {
		width: 248px;
		height: 119px;
		text-indent: -9999px;
		display: block;
		background: url(../images/logo.jpg) no-repeat;
		float: left;
		}
	
	#banner728x90 {
		width: 750px;
		height: 119px;
		background: url(../images/bg-bigbanner.jpg) no-repeat;
		float: right;
		}
	
	#contentwrapper {
		clear: both;
		width: 985px;
		margin-left: 13px;
		background: #1d3b19;
		}
		
		#content {
			width: 985px;
			height: 464px;
			background: url(../images/bg-content.jpg) repeat-x;
			}
			
			#left-content {
				width: 348px;
				height: 464px;
				padding: 0 0 0 41px;
				float: left;
				background: url(../images/bg-left.gif) no-repeat top left;
				overflow: hidden;
				}
			
				#featuredcourse {
					width: 292px;
					height: 124px;
					background: url(../images/bg-featuredcourse.gif) no-repeat;
					margin-bottom: 17px;
					padding: 46px 10px 0 20px;
					color: #62b655;
					font-size: 10px;
					}
					
					#featuredcourse img { float: left; margin: 0 8px 15px 0;}
					#featuredcourse h2 { font-size: 12px; color: #fff; display: block; padding: 0 0 5px 0; }
					#featuredcourse p.description { line-height: 17px; }
					#featuredcourse p.clearleft { clear: left; }
					
				#welcome {
					width: 281px;
					height: 191px;
					background: url(../images/bg-welcome.jpg) no-repeat;
					color: #62b655;
					padding: 15px 40px 0 15px;
					}
					
					#welcome h2 {
						font-size: 13px;
						color: #fff;
						padding-bottom: 12px;
						}
					
					#welcome p { line-height: 21px; }
				
				#coursename {
					width: 290px;
					height: 61px;
					background: url(../images/icon-lilgolf.gif) no-repeat;
					padding: 10px 0 0 36px;
					}
					
					#coursename p.one { font-size: 16px; padding-bottom: 3px; }
					#coursename span { color: #7cc172; }
					#coursename a { font-weight: normal; }
					
				#highscores {
					width: 326px;
					height: 267px;
					}
					
					#highscores .top { 
						width: 326px;
						height: 54px;
						background: url(../images/bg-score-top.jpg) no-repeat;
						color: #fff;
						font-size: 13px;
						font-weight: bold;
						}
						
						#highscores .top p { padding: 20px 0 0 20px; }
					
					#highscores .score {
						width: 305px;
						height: 35px;
						padding: 0 0 0 21px;
						background: url(../images/bg-score.jpg) no-repeat;
						list-style-type: none;
						clear: left;
						}
						
						#highscores .score li { float: left; height: 26px; padding-top: 9px; }
						
						#highscores .score li.rank { 
							width: 19px;
							text-align: center;
							font-weight: bold;
							color: #7fe217;
							font-size: 11px;
							}
						
						#highscores .score li.username {
							width: 230px;
							color: #7cc172;
							padding: 10px 0 0 7px;
							height: 25px;
							}
						
						#highscores .score li.scorenum {
							width: 30px;
							text-align: center;
							font-size: 12px;
							font-weight: bold;
							color: #fff;
							}						
					
					#highscores .bottom {
						width: 305px;
						height: 38px;
						padding: 0 0 0 21px;
						background: url(../images/bg-score-bottom.jpg) no-repeat;
						list-style-type: none;
						}
						
						#highscores .bottom li { float: left; height: 29px; padding-top: 9px; }
				
						#highscores .bottom li.rank { 
							width: 19px;
							text-align: center;
							font-weight: bold;
							color: #7fe217;
							font-size: 11px;
							}
						
						#highscores .bottom li.username {
							width: 230px;
							color: #7cc172;
							padding: 10px 0 0 7px;
							height: 28px;
							}
						
						#highscores .bottom li.scorenum {
							width: 30px;
							text-align: center;
							font-size: 12px;
							font-weight: bold;
							color: #fff;
							}	
							
				p.recommend {
					margin: 20px 0 22px 0;
					padding-left: 5px;
					text-decoration: underline;
					color: #7de515;
					}
				
				* html p.recommend { margin: 20px 0 25px 0; }
					
				#playcreate {
					list-style-type: none;
					}
					
					#playcreate li { float: left; }
					
					#playcreate li span { display: none; }
					
					#playcreate li a.teeoff {
						width: 96px;
						height: 57px;
						display: block;
						background: url(../images/button-teeoff.jpg) no-repeat;
						}
					
					#playcreate li a.create {
						width: 226px;
						height: 57px;
						display: block;
						background: url(../images/button-create.jpg) no-repeat;
						}					
				
				#left-bottom {
					clear: left;
					width: 322px;
					height: 14px;
					background: url(../images/bg-left-bottom.jpg) no-repeat;
					}
					
			#right-content {
				width: 586px;
				height: 464px;
				float: right;
				background: url(../images/bg-right.gif) no-repeat top right;
				}
		
				#golfcourse { 
					width: 555px;
					height: 406px;
					}
					
				#fb_difficulty {
					list-style-type: none;
					width: 555px;
					height: 35px;
					}
					
					#fb_difficulty li { float: left; }
					
					#fb_difficulty li span { display: none; }
					
					#fb_difficulty li a.facebook { 
						width: 276px;
						height: 35px;
						background: url(../images/button-facebook.gif) no-repeat;
						display: block;
						}
					
					#fb_difficulty li.space { width: 14px; height: 35px; }
					
					#fb_difficulty li.difficultytxt { 
						width: 110px;
						height: 35px;
						background: url(../images/button-difficulty.gif) no-repeat;
						}
						
					#fb_difficulty li.difficulty { 
						width: 155px;
						height: 35px;
						background: url(../images/difficulty_3.gif) no-repeat;
						}
				
		#join {
			clear: both;
			float: left;
			width: 298px;
			height: 150px;
			background: url(../images/bg-join.jpg) no-repeat;
			padding: 65px 20px 0 35px;
			}
			
			#join p { line-height: 24px; }
		
			#join .buttons { 
				padding-top: 15px;
				list-style-type: none;
				}
				
				#join .buttons li { float: left; }
				
				#join .buttons li span { display: none; }
				
				#join .buttons li a.join2 {
					width: 132px;
					height: 29px;
					background: url(../images/button-join.gif) no-repeat;
					display: block;
					margin: 0 15px 0 0;
					}
				
				#join .buttons li a.moreinfo {
					width: 96px;
					height: 39px;
					background: url(../images/button-moreinfo.gif) no-repeat;
					display: block;
					}
										
		#choosecourse {
			float: right;
			width: 632px;
			height: 215px;
			background: url(../images/bg-choosecourse.jpg) no-repeat;
			}
		
		#mid-divider {
			width: 985px;
			height: 3px;
			background: url(../images/subpage-divider.gif) no-repeat;
			clear: both;
			overflow: hidden;
			}
		
		#lowercontent {
			width: 985px;
			}
			
			#left-edge {
				float: left;
				width: 6px;
				height: 591px;
				background: url(../images/bg-lower-leftedge.jpg) no-repeat;
				}
			
			#coursebrowser {
				float: left;
				width: 372px;
				height: 569px;
				padding: 22px 0 0 33px;
				background: url(../images/bg-bottom.gif) repeat-x;
				}
				
				#coursebrowser h2 { 
					width: 281px;
					height: 30px;
					background: url(../images/h2-chooseahole.jpg) no-repeat;
					display: block;
					text-indent: -10000px;
					margin-bottom: 30px;
					}
				
				#coursebrowser .thumbnails {
					clear: left;
					list-style-type: none;
					width: 348px;
					height: 80px;
					margin-bottom: 5px;					
					}
					
					#coursebrowser .thumbnails li { 
						float: left; 
						width: 111px;
						height: 80px;
						margin-right: 5px;
						background: url(../images/course-thumbnail.gif) no-repeat;
						display: block;
						}
					
				#ad320x240 {
					clear: both;
					width: 320px;
					height: 240px;
					margin-top: 15px;
					}
			
			#lowerdivider {
				float: left;
				width: 2px;
				height: 591px;
				background: url(../images/bottom-divider.gif) no-repeat;
				}
			
			#usercomments {
				float: left;
				width: 540px;
				height: 569px;
				padding: 22px 0 0 26px;
				background: url(../images/bg-bottom2.jpg) repeat-x;
				}
				
				#usercomments h2 {
					width: 344px;
					height: 30px;
					background: url(../images/h2-comment.jpg) no-repeat;
					display: block;
					text-indent: -10000px;
					margin-bottom: 30px;
					}
				
				#usercomments p.user { color: #7be01a; font-weight: bold; padding: 15px 0 5px 0; }
				
				#usercomments p.comment { color: #7cc172; }
				
				#usercomments .top {
					width: 468px;
					height: 70px;
					background: url(../images/bg-comments-top.jpg) no-repeat;
					padding: 0 25px;
					}
					
				#usercomments .ad {
					width: 518px;
					height: 82px;
					background: url(../images/bg-comments-ad.gif) repeat-x;
					text-align: center;
					padding: 17px 0 0 0;
					}
					
				#usercomments .comments {
					width: 468px;
					height: 75px;
					background: url(../images/bg-comments.jpg) no-repeat;
					padding: 0 25px;
					}
				
				
				#usercomments .bottom {
					width: 468px;
					height: 71px;
					background: url(../images/bg-comments-bottom.jpg) no-repeat;
					padding: 0 25px;
					}
					
			#comments-pagination {
				float: right; 
				padding: 25px 30px 0 0;
				list-style-type: none;
				font-size: 12px;
				}
				
				#comments-pagination li { 
					float: left; 
					width: 20px;
					height: 19px;
					padding-top: 4px;
					margin-right: 8px;
					text-align: center;
					background: url(../images/bg-comments-pagination.jpg) no-repeat;
					}
				
				#comments-pagination li a { color: #fff; text-decoration: underline; }
			
			#comment-field {
				clear: right; 
				list-style-type: none;
				padding-top: 28px;
				width: 514px;
				}
				
				#comment-field li { float: left; }
				
				#comment-field li.text {
					width: 85px;
					height: 23px;
					color: #7cc172;
					padding: 8px 0 0 0;
					font-weight: bold;
					}
				#comment-field li.input {
					width: 260px;
					height: 30px;
					}
					
					#comment-field .inputfield { 
						width: 240px;
						height: 21px;
						background: url(../images/bg-comment-input.jpg) no-repeat;
						border: 0;
						color: #fff;
						font-family: verdana;
						font-size: 11px;
						padding: 9px 10px 0 10px;
						}
				
				#comment-field li.space {
					width: 20px;
					height: 31px;
					display: block;
					}
					
				#comment-field li.submit {
					width: 149px;
					height: 30px;
					background: url(../images/button-submitcomment.jpg) no-repeat;
					}
					
					#comment-field .submitbutton {
						width: 149px;
						height: 30px;
						border: 0;
						display: block;
						}
					
			#right-edge {
				float: left;
				width: 6px;
				height: 591px;
				background: url(../images/bg-lower-rightedge.jpg) no-repeat;
				}
			
		#subpage-bottom {
			clear: left;
			width: 985px;
			height: 10px;
			background: url(../images/bg-subpage-bottom.jpg) no-repeat;
			overflow: hidden;
			}
			
		#footer {
			clear: both;
			padding: 40px 0;
			width: 985px;
			}
			
			#footer .logo {
				float: left;
				padding-left: 68px;
				}
			
			#footer .copyright {
				float: right;
				}
				
				#footer .copyright a { text-decoration: underline; }
			
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}