/* CSS */

body {
	margin: 0;
	padding: 0;
	background-color: #E2EBEC;
	background: #E2EBEC url(images/bg_bodygra.gif) top repeat-x;
	}

img {
	border: 0;
	}

.clearfloat {
	clear: both;
	height: 1px;
	}
	
.clearborder {
	background-color: #000;
	clear: both;
	height: 1px;
	}

#container {
	background: #FFFFFF;
	border-left: #BEC9CB 3px solid;
	border-right: #BEC9CB 3px solid;
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
	width: 678px;
}

#header {
	margin: 0px auto 0px auto;
	padding-bottom: 16px;
	width: 602px;
	}
	
#header img { clear: both; }
	
#logo {
	float: left;
	}
	
#toplinks {
	color: #000;
	display: compact;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}	

#toplinks a, #toplinks a:link, #toplinks a:active, #toplinks a:visited, #toplinks a:hover {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

#nav {
	background-color: #0099FF;
	border-bottom: #000 1px solid;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#nav li {
	display: inline;
	float: left;	
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content {
	color: #8A8D81;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 0px auto 28px auto;
	width: 610px;
	}
	
#sb {
	float: right;
	width: 268px;
	}	

.sidebar {
	background-color: #F2ECD5;
	float: right;
	margin-bottom: 15px;
	height: 88px;
	width: 248px;
	}
	
#sb-directions {
	background-image:url(images/bg_directions.gif);
	}	
	
/* Adjacent sibling selector, works in just about everything including IE 7 */
#content img + p {
	margin-top: .2em;
	}	
	
/* hack for IE 6 and below to implement previous style */	
#content img {
	_margin-bottom: -1em;
	}
	
#footer {
	clear: both;
	color: #8A8D81;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-top: 27px;
	text-align: center;
	width: 100%;
}