/*
everything related to the layout and appearance of typography should go in here.

only em should be used for fonts.

due to reset.css, 1.2 em = 12px, 1.5em = 15px, works all os' and all browsers.
*/

body, form, input, label, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

form, input, label, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

h1 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: bold;
	font-size: 1.6em;
}

h2 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.5em;
}

h3 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	font-size: 1.3em;
}

p {
	font-size: 1.2em;
}

h1, h2, h3, p {
	margin: 10px 10px 1em 10px;	/* using em for bottom margin so heading tags get more margin (its inherited from parent). */
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}	

	ul, ol {
		margin: 10px 10px 10px 30px;
		font-size: 1.2em;
	}

		ul li, ol li {
			margin: 0 0 0 30px;
		}

strong {
	font-weight: bold;
}

i {
	font-style: italic;
}

#headerMenu li a { font-size: 0.9em; }


#bodyText h2 { 
	color: #fff; 
	font-size: 2.6em;
	text-align: left;
	margin-top: 0;
	margin: 0 0 5px 50px;
	}
	
#bodyhomeText h2 { 
	color: #fff; 
	font-size: 2.6em;
	text-align: center;
	margin-top: 0;
	margin: 45px 0 5px -50px;
	}
	
	#bodyText p { 
		color: #fff; 
		font-size: 1.4em;
		text-align: left;
		margin: 0 0 10px 50px;
		}
		
#memberButton  { 
	padding-top: 35px;
	font-size: 1.5em;
	
	}

#memberButton p { margin: 0; padding: 0;font-weight: normal; font-size: 1em; }

#memberButton a { 
	text-decoration: none;
	color: #fff;
	}
#memberButton  a:hover { 
	text-decoration: underline;
	color: #fff;
	}

#memberBody h3{
	 color: #fff; 
	 text-align: left; 
	 margin-left:0;
	 }
	 
#memberText h2, #fullColumn h2, #contactColumn h2{ 
	font-size: 2.6em; 
	font-style: italic; 
	font-weight: normal; 
	text-align: left; 
	color: #fff; 
	margin-left: 0;
	margin-bottom: 10px;
	}
	
#memberText h3, #fullColumn h3, #contactColumn h3 { 
	font-size: 1.6em; 
	font-weight: normal; 
	text-align: left; 
	color: #fff; 
	margin-left: 0;
	}
	
#memberText p, #fullColumn, #contactColumn  p{ 
	color: #fff; 
	text-align: left;
	margin-left: 0;
	line-height: 1.5em;
	}
	
#memberText a, #fullColumn a, #contactColumn a {
	text-decoration: none; 
	color:#fff;
	}
	
	#memberText a:hover, #fullColumn a:hover, #contactColumn a:hover{
		text-decoration: underline;
		font-weight: bold;
		}

.quoteBox h2 { 
	font-size: 1.5em; 
	font-style: italic; 
	font-weight: normal; 
	text-align: left; 
	color: #fff; 
	padding: 10px 5px 5px 5px; 
	}

.eventBox h3 { 
	font-size: 1.5em; 
	font-weight: normal; 
	text-align: left; 
	color: #fff; 
	padding: 10px 5px 10px 0; 
	}
	
.sideMenu h2 { 
	font-size: 2em; 
	font-style: italic; 
	font-weight: normal; 
	text-align: left; 
	color: #fff; 
	padding: 0 5px 0 5px; 
	}

.sideMenu h3 a { 
	font-size: 1.1em; 
	font-style: italic; 
	font-weight: normal; 
	text-align: left; 
	color: #fff; 
	padding: 0 5px 0 10px; 
	text-decoration: none;
	}
	
	.sideMenu h3 a:hover{ 
		text-decoration: underline;
		}

.recpList a{
		text-decoration: none;
		color:#fff;
		}
		
	.recpList a:hover{
		text-decoration: underline;
		}

#newsWrapper div p { 
	margin-left:0;
	}
	
#eventWrapper div p { 
	margin:0 0 10px 0;
	}
	
#contactList p { 
	font-size: 1.3em;
	}
	#contactList h3{ 
		font-size: 1.8em;
		}
	
#golfList p { 
	font-size: 1.5em;
	}
	
	#golfList h3 { 
		font-size: 2.3em;
		}