/*::::::::::::::	Cascading Style Sheet for SBW Consulting web site
::::::::::::::::	PRINTED OUTPUT
::::::::::::::::	www.sbwconsulting.com
::::::::::::::::	by Jeff Jansen, Modest Systems
::::::::::::::::
::::::::::::::*/

/*:::::::::MK050	Layout div definitions
::::::::::::::::
::::::::::::::::
::::::::::::::::
::::::::::::::*/

/* PAGE : wrapper just inside the body tag */
#page {
	width: 100%;
	padding-bottom: 0;
	background-image: none;
	margin-bottom: 0;
}

/* LOGO : logo in upper left */
#logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 1em 0;
}
#logo img {
	display: none;
}

/*	p: text = SBW Consulting - present for search engines, hidden for display */
#logo p {
	font-size: 100%;
	font-weight: bold;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-right: 0;
	visibility: visible;
}




/* HEADER : top of page - included navutil, tag line, and navsite */
#header {
	display: none;
}

/* NAVBRANCH : navigation for current branch of site */
#navbranch {
	display: none;
	}

/* CONTENT : main page content */
#content {
	position: absolute;
	left: 0;
	top: 0.5in;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0;
	color: rgb(000,000,000);
}

/* FOOTER : footer at the bottom of every page */
#footer {
	display: block;
	position: fixed;
	left: auto;
	bottom: 0;
	top: auto;
	width: 100%;
	margin-top: 1em;
	background: none;
}
#footer p {
	text-align: left;
	padding: 0;
}



/*:::::::::MK110	CONTENT id div
::::::::::::::::	main page content
::::::::::::::::
::::::::::::::::	These are defined without the div ID since this is the "main" div.
::::::::::::::*/

/*::::::::::MK130	Headings
:::::::::::::::::
:::::::::::::::*/

/*	H1: main title of an individual page */
h1 {
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
	color: rgb(000,105,166); /* blue heading */
	height: auto;
	width: auto;
	border: thin solid #666;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0.5em;
	line-height: normal;
}

/*:::::::::MK180	p.linktotop
::::::::::::::::	for "Back to top" of page links
::::::::::::::::
::::::::::::::*/

p.linktotop {
	display: none;
}

/*:::::::::MK190	SIDEBAR class div
::::::::::::::::	sidebars within content div
::::::::::::::::
::::::::::::::*/

.sidebar {
	width: 33%;
	float: right;
	margin: 0 0 1em 1em; /* set apart from surrounding text */
	padding: 1em;
	border: thin solid #ccc;
}

/*	main heading for sidebar	*/
.sidebar h2 {
	margin: -1em -1em 0.5em -1em;
}

/*:::::::::MK200	FIGURE class div
::::::::::::::::	figure sidebars within content div
::::::::::::::::
::::::::::::::*/

.figure {
	width: 100%;
	margin: 1em 0 1em 0;
}

.figure a {
	display: table-cell;
	padding-bottom: 1em;
	background-image: none;
	width: auto;
}

.figure a:hover {
	background-image: none;
}

.figure img + p {
	/* replace <a> padding when there is no <a> (<p> will follow <img>); 
	make this the same as <a> padding-bottom */
	margin-top: 1em;
}

/*::::::::::::::	ADD 'side' class to 'figure' to make it a floated sidebar
*/
/*	desired visible width = 300px	*/
.figure.side {
	width: 33%;
	float: right;
	margin: 0 0 1em 1em;
}