/*
	City of Eau Claire Economic Development CSS
	Created by Ben Holmen - DiscoverNet, Inc. (webdev@discover-net.net)
	Copyright 2008 City of Eau Claire Economic Development Division
*/

/* HTML, BODY */

	html {
		background-color: rgb(0, 13, 88);
		background-image: url('images/bg-bottom.jpg');
		margin: 0px;
		padding: 0px;
	}
	body {
		margin: 0px;
		padding: 0px 0px 10px 0px;
		background-color: rgb(0, 13, 88);
		background-image: url('images/bg-subpage.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		text-align: center;
	}


/* Container Table */

	table#main {
		width: 980px;
		margin: auto;
		text-align: left;
	}


/* Dropshadow columns, left and right */

	td#ds-left {
		background-image: url('images/ds-left-bottom.jpg');
		vertical-align: top;
	}
	td#ds-right {
		background-image: url('images/ds-right-bottom.jpg');
		vertical-align: top;
	}


/* Vertical Navigation */

	#nav-vertical {
		vertical-align: top;
		background-color: rgb(233, 243, 221);
		background-image: url('images/bg-nav-vertical.jpg');

		font-family: Lucida Sans, lucida grande, Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	#nav-vertical img {
		margin-bottom: 3px;
	}
	#nav-vertical a {
		display: block;
		padding: 4px 0px 6px 20px;
	}
	#nav-vertical a:link {
		color: rgb(96, 96, 96);
		text-decoration: none;
	}
	#nav-vertical a:visited {
		color: rgb(126, 126, 126);
		text-decoration: none;
	}
	#nav-vertical a:hover {
		padding: 3px 0px 5px 20px;
		color: rgb(0, 95, 27);
		text-decoration: none;
		margin-left: 0px;
		border-top: 1px solid rgb(228, 240, 204);
		border-bottom: 1px solid rgb(218, 230, 194);
		background-color: white;
	}
	#nav-vertical a.current {
		padding: 3px 0px 5px 20px;
		color: rgb(0, 95, 27);
		text-decoration: none;
		margin-left: 0px;
		border-top: 1px solid rgb(228, 240, 204);
		border-bottom: 1px solid rgb(218, 230, 194);
		background-color: white;
	}


/* Horizontal Navigation */

	#nav-horizontal {
		height: 30px;
		background-color: rgb(233, 243, 221);
		background-image: url('images/bg-nav-horizontal.jpg');
		background-position: top left;

		font-family: Lucida Sans, lucida grande, Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	#nav-horizontal a:link, #nav-horizontal a:visited {
		margin: 0px 35px 0px 10px;
		padding: 0px 5px;
	}
	#nav-horizontal a:link {
		color: rgb(65, 96, 37);
		text-decoration: none;
	}
	#nav-horizontal a:visited {
		color: rgb(65, 96, 37);
		text-decoration: none;
	}
	#nav-horizontal a:hover {
		margin: 0px 33px 0px 12px;
		padding: 0px 5px;

		color: rgb(0, 13, 88);
		text-decoration: none;
	}
	#nav-horizontal a.current:link, #nav-horizontal a.current:visited {
		font-weight: bold;
		color: rgb(0, 13, 88);
	}


/* Main Content Area */

	#content {
		background-color: rgb(255, 255, 255);
		padding: 15px;
		width: 743px;
		vertical-align: top;

		font-family: Lucida Sans, lucida grande, Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	#content a:link {
		color: rgb(21, 37, 131);
		text-decoration: underline;
	}
	#content a:visited {
		color: rgb(59, 59, 59);
		text-decoration: underline;
	}
	#content a:hover {
		color: rgb(0, 95, 27);
		text-decoration: none;
	}

	h1, h2, h3 {
		color: rgb(0, 95, 27);
		font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
		padding: 0em;
		margin: 0em 0em 0.25em 0em;
	}
	h1 {
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 1.0em;
	}
	p {
		padding: 0em;
		margin: 0em 0em 1.5em 0em;
		line-height: 1.3em;
		color: rgb(59, 59, 59);
	}
	.floatRight {
		float: right;
		margin: 0px 0px 15px 15px;
	}
	#content td {
		font-size: 13px;
		color: rgb(59, 59, 59);
	}


/* Bottom Copyright Area */

	td#copyright {
		background-color: white;
		color: rgb(135, 166, 107);
		vertical-align: bottom;
		padding: 20px 0px 10px 15px;
		font-family: Lucida Sans, lucida grande, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	td#copyright a:link, td#copyright a:visited {
		color: rgb(135, 166, 107);
		text-decoration: none;
	}
	td#copyright a:hover {
		color: rgb(65, 96, 37);
		text-decoration: underline;
	}