@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

body{
	background:#efd89b url(images/bg.jpg) repeat-x;
}

a:link, a:visited{
	color:#3e8a9d;
	text-decoration:none;
}

a:active, a:hover{
	color:#000;
	text-decoration:none;
}

h2{
	color:#3e8a9d;
	font-weight:normal;
	font-size:26px;
}

h3{
	color:#3e8a9d;
	font-weight:normal;
	font-size:18px;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#container{
	width:900px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
}

#homelink{
	display:block;
	background:url(images/logo.jpg) no-repeat;
	width:307px;
	height:115px;
	float:left;
}

#nav{
	padding:54px 0px 0px 0px;
	margin:0px 0px 0px 481px;
}

#nav li{
	float:left;
	list-style-type:none;
	margin-left:20px;
}

#leftcol{
	width:634px;
	float:left;
	background-color:#FFFFFF;
	margin-top:16px;
}

	#banner-contain{
		border:1px solid #d2d2d2;
	}
	
	#banner{
		border:13px solid #e6e6e6;
	}
	
	body#services-body #services-banner{
		background:url(images/inside-banner-3.jpg) no-repeat;
		width:607px;
		height:224px;
	}
	
	body#fees-body #services-banner{
		background:url(images/inside-banner-5.jpg) no-repeat;
		width:607px;
		height:224px;
	}
	
	body#activities-body #services-banner{
		background:url(images/inside-banner-2.jpg) no-repeat;
		width:607px;
		height:224px;
	}
	
	body#news-body #services-banner{
		background:url(images/inside-banner-1.jpg) no-repeat;
		width:607px;
		height:224px;
	}
	
	body#contact-body #services-banner{
		background:url(images/inside-banner-4.jpg) no-repeat;
		width:607px;
		height:224px;
	}

#rightcol{
	width:266px;
	float:left;
	margin-top:16px;
}

	#services-contain{
		border:1px solid #d2d2d2;
		margin-left:16px;
		background:#FFF;
		font-size:14px;
	}
	
	#services{
		border:13px solid #e6e6e6;
	}
	
	#services h2{
		margin:16px 0px 10px 16px;
		font-size:28px;
	}

	#services ul{
		margin:0px 0px 10px 31px;
	}

	#services ul li{
		margin:0px 15px 12px 0px;
	}
	
	#contact-contain{
		border:1px solid #d2d2d2;
		margin-left:16px;
		background:#FFF;
		margin-top:16px;
	}
	
		#contact{
			border:13px solid #e6e6e6;
		}
		
		#contact-link{
			display:block;
			background:url(images/index-contact-btn.jpg) no-repeat;
			width:222px;
			height:74px;
		}

		#contact-link-inside{
			display:block;
			background:url(images/inside-contact-btn.jpg) no-repeat;
			width:217px;
			height:72px;
			margin:0px 0px 4px 5px;
		}
		
	#info-box-contain{
		border:1px solid #d2d2d2;
		margin:0px 0px 0px 16px;
		background:#FFF;
		font-size:14px;
	}
	
		#info-box{
			border:13px solid #e6e6e6;
		}

	#info-box h2{
		margin:16px 0px 10px 16px;
		font-size:28px;
	}

	#info-box p{
		margin:15px 0px 16px 16px;
		line-height:22px;
	}

	#content-contain{
		border:1px solid #d2d2d2;
		background:#FFF;
		font-size:13px;
		margin-top:16px;
	}
	
	#content{
		border:13px solid #e6e6e6;
	}
	
	#content h2{
		margin:16px 0px 15px 16px;
		font-size:28px;
	}
	
	#content h3{
		margin:16px 0px 15px 16px;
	}

	#content p{
		margin:16px 16px 15px 16px;
		font-size:16px;
		line-height:22px;
	}
	
	#content ul{
		margin:0px 0px 15px 31px;
	}

	#content ul li{
		margin:0px 15px 15px 0px;
		font-size:14px;
	}
	
	#index-photo{
		margin:16px 16px 0px 0px;
		border:1px solid #c2c2c2;
	}	
	
#sidebar{
	float:right;
	width:321px;
	margin:0px 16px;
}

	#sidebar-content{
		background:#3e8a9d url(images/sidebar-content-top.jpg) repeat-x;
		padding:1px 0px;
		margin:10px 0px;
		color:#FFF;
	}
	
	#sidebar-content h2{
		color:#FFF;	
	}
		
	#sidebar a:link, #sidebar a:visited{
	color:#000;
	text-decoration:underline;
	}
	
	#sidebar a:active, #sidebar a:hover{
		color:#000;
		text-decoration:none;
	}

		
#clear, .clear{
	clear:both; /*** this stops the floating ***/
}

#footer{
	background-color:#FFF;
	margin-top:16px;
	padding:18px 0px;
}

#footer p{
	width:900px;
	margin:0px auto;
	font-size:12px;
}