﻿@charset "utf-8";

/* override main.css for narrower content area */
#wrap {
	width: 727px;
	}

#head {
	margin: 0 0 25px 0;
	}

* html #head {
	margin: 0 0 15px 0;
	}

#head h1 {
	margin: 0 0 0 -8px;
	}

#head ul {
	margin-left: 173px;
	}

#main {
	margin-bottom: 10px;
	padding-left: 0;
	padding-top: 10px;
	text-align: center;
	}
html>body #main {
	padding-top: 25px;
	}

#foot {
	padding: 0;
	background-image: none;
	}


/* horizontal bumps; VERY similar to nav stuff, but different widths, float, etc. mean best to rewrite completely */
#hBumps {
	float: left;
	width: 727px;
	w\idth: 717px;
	margin: 0 0 10px 0;
	padding: 0;
	border-color: #d6dfe0;
	border-width: 10px 10px 10px 0;
	border-style: solid solid solid none;
	background-image: url(../img/home_bumps_bg.gif);
	list-style-type: none;
	font-size: 0.9em;
	}

#hBumps li {
	float: left;
	width: 169px;
	height: 94px;
	margin: 0 5px;
	padding: 0;
	background: 81px 5px no-repeat;
	}
html>body #hBumps li {
	height: auto;
	margin: 0 0 0 10px;
	}

#hBumps li img {
	display: block;
	float: right;
	margin-left: 3px;
	}

#hBumps li a:link, #hBumps li a:visited {
	float: left;
	display: block;
	padding: 5px 5px 0 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	}

#hBumps li a:hover {
	color: #f26638;
	}

#hBumps li a span {
	display: block;
	color: #b9c7c9;
	}

#hBumps #four {
	margin-right: 0;
	}


/* NEWS BLURB */

#news {
	text-align: left;
	background-color: #d6dfe0;
	padding: 10px;
	margin: 0 0 8px 0;
	font-size: 1.15em;
	}