/* reset styles */
@import "reset.css";

body {
	background: #164A77;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 130%;
}

#pagewrapper {
	margin: 0 auto;
	width: 859px;
}

#pagewidth {
	background: url(../img/bg-pagewidth.png) repeat-y;
	height: 100%;
	float: left;
	min-height: 500px;
}

	#header {
		background: url(../img/bg-header.png);
		height: 149px;
		width: 859px;
		text-indent: -999em;
		position: relative;
	}
	
		#header a {
			background: url(../img/logo.png);
			width: 180px;
			height: 183px;
			position: absolute;
			top: 0;
			left: 0;
		}
	
	#nav {
		width: 200px;
		height: 1035px;
		float: left;
	}

		h1 {
			color: #164A77;
			font-size: 26px;
			font-weight: bold;
			margin: 10px;
			text-align: center;
		}

		#nav h2 {
			color: #fc3;
			font-size: 20px;
			font-weight: bold;
			margin: 50px auto 0;
			text-align: center;
		}
		
		#nav h4 {
			font-size: 14px;
			color: #fff;
			text-align: center;
			font-weight: bold;
			margin: 10px auto;
		}

		.excellence {
			text-indent: -9999px;
			background: url("../img/excellence.png");
			width: 143px;
			height: 47px;
		}

		.krkLogo {
			text-indent: -9999px;
			background: url("../img/kidsrkids.png");
			width: 131px;
			height: 38px;
		}
	
	#body {
		background: #fff url("../img/bg-body.png") repeat-x;
		float: left;
		width:659px;
		margin: 0 0 10px 0;
	}

		#body h3 {
			font-size: 24px;
			color: #023A6C;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
		}
		
		#bg-map {
			background: url("../img/bg-map.png") no-repeat;
			width: 630px;
			height: 385px;
			margin: 10px auto;
		}
		
		#g_map {
			float: left;
			height: 360px;
			margin: 13px;
			width: 605px;
		}
		
		.map-locations {
			float: left;
			margin: 5px 0 0 21px;
		}
		
			.map-locations li {
				float: left;
				border-bottom: 1px solid #999;
			}
				
				.map-locations li a {
					color: #D7A957;
					font-size: 14px;
					font-weight: bold;
				}
				
				.address, .city, .phone {
					float: left;
					font-size: 15px;
					font-family: Arial, Helvetica, sans-serif;
				}
				
				.address {
					width: 225px;
				}
				
				.city {
					width: 120px;
				}
				
				.phone {
					width: 120px;
				}
				
				.map-locations li .no-website {
					color: #999;
					font-size: 14px;
					font-weight: bold;
				}
				
				.map-locations li .no-email {
					color: #999;
					font-size: 14px;
					font-weight: bold;
				}

			.map-locations .key {
				width: 40px;
				display: block;
				text-decoration: none;
				padding: 2px;
				float: left;
				line-height: 24px;
				text-align: center;
			}
			
			.no-email, .email {
				margin: 0 0 0 10px;
			}
			
			.seeMore {
				margin: 15px 10px 15px 0;
				float: right;
			}
			
				.seeMore a {
					text-decoration: none;
					color: #ccc;
					padding: 5px;
					background: #164A77;
				}
				
				.seeMore a:hover {
					background: #2D5C84;
					color: #fff;
				}