/* style sheet for Michael Haag Law */

html {
	height: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 20px 0;
	font: 14px Georgia, serif;
	}
div#container {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}
/* begin style for top navigation bar */
div#topbanner {
	margin: 0 0 20px 0;
	background: #003366;
	}
div#topbanner h1 {
	margin: 0;
	padding: 10px 40px 5px 0;
	font-family: Georgia, Times, serif;
	font-size: 300%;
	font-weight: bold;
	font-stretch: ultra-expanded;
	text-align: right;
	color: #222;
	background: #e4e4e4;
	}
div#topbanner h2 {
	margin: 0;
	padding: 0 40px 8px 0;
	font-family: helvetica, verdana, arial;
	font-size: 110%;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	color: #333;
	background: #e4e4e4;
	}
div#topbanner ul {
	margin: 0;
	padding: 3px 40px 0 0;
	text-align: right;
	}
div#topbanner li {
	margin: 0;
	padding: 0 2px;
	list-style-type: none;
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: black;
	line-height: 1.0;
	}
div#topbanner a:link, div#topbanner a:visited {
	text-decoration: none;
	color: #dee6ef;
	}
div#topbanner a:hover {
	text-decoration: underline;
	color: white;
	}
div#topbanner a:active {
	text-decoration: none;
	color: yellow;
	}
/*container for leftcolumn, rightcolumn, and maincontent divs */
div#content {
	margin: 0;
	padding: 0;
	}
/* overall left column container */
div#leftcolumn {
	float: none;
	width: 165px;
	padding: 0;	
	margin: 0;
	}
/* main content column - text for site goes here */
div#maincolumn {
	float: right;
	width: 515px;
	padding: 0;
	margin: 0 0 0 20px;
	}
div#maincolumn h1 {
	font-size: 155%;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	color: #003366;
	margin: 0.2em 0 0.2em 0;
	}
div#maincolumn h2 {
	font-size: 120%;
	font-family: Georgia, Times, serif;
	font-weight: bold;
	color: #003366;
	margin: 0.2em 0 0.1em 0;
	}
div#maincolumn h3 {
	font-size: 140%;
	font-family: arial narrow, verdana, sans-serif;
	font-weight: bold;
	color: #003366;
	margin: 0.2em 0 0.1em 0;
	}

div#maincolumn a:link, div#maincolumn a:visited {
	text-decoration: none;
	color: blue;
	}
div#maincolumn a:hover {
	text-decoration: underline;
	color: #fc6;
	}
div#maincolumn a:active {
	text-decoration: none;
	color: yellow;
	}
/* maincolumn paragraph styles */
p {
	margin: 0 0 1.5em 0.5em;
	line-height: 1.75em;
	}
p.caption {
	font-size: 0.85em;
	text-align: right;
	line-height: 1.2;
	margin: 0 1px;
	}
p.footercaption {
	font-size: 0.85em;
	text-align: center;
	line-height: 1.2;
	margin: 0 1px;
	}
ul {
	margin: 0 0 1.5em 2em;
	padding: 0;
	}
li {
	margin: 0;
	padding: 2px 2px 2px 5px;
	list-style-type: square;
	line-height: 1.4;
	}
/* two-color link box */
div.twobox {
	width: 100%;
	margin: 0 0 15px 0;
	background: #e4e4e4;
	}
div.twobox h1 {
	font-family: arial, verdana;
	font-size: 100%;
	margin: 0;
	padding: 5px 0 2px 0;
	color: #e4e4e4;
	background: #003366;
	text-align: center;
	}
div.twobox h2 {
	font-family: arial, verdana;
	font-size: 98%;
	margin: 0;
	padding: 3px 0 0 3px;
	color: black;
	text-align: center;
	}
div.twobox ul {
	margin: 0;
	padding: 3px 0;
	}
div.twobox li {
	margin: 0;
	padding: 4px 2px;
	list-style-type: none;
	font-size: 0.98em;
	line-height: 1.0;
	text-align: center;
	}
div.twobox a:link, div.twobox a:visited {
	text-decoration: none;
	color: #111;
	}
div.twobox a:hover {
	text-decoration: underline;
	color: black;
	}
div.twobox a:active {
	text-decoration: none;
	color: yellow;
	}
	
/* left and right column photos */
div.photobox {
	width: 100%;
	margin: 0 0 15px 0;
	background: #003366;
	}
div.photobox img {
	margin: 4px 0;
	padding: 0;
	}
div.photobox h1 {
	font-family: arial, verdana;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #e4e4e4;
	background: #fc6;
	text-align: center;
	}
div.photobox ul {
	margin: 0;
	padding: 0;
	}
div.photobox li {
	margin: 0;
	padding: 2px 5px 2px 7px;
	list-style-type: none;
	font-size: 0.97em;
	line-height: 1.0;
	}
div.photobox a:link, div.photobox a:visited {
	text-decoration: none;
	color: white;
	}
div.photobox a:hover {
	text-decoration: underline;
	color: black;
	}
div.photobox a:active {
	text-decoration: none;
	color: yellow;
	}
	
/* float to the right */
div#floatright {
	float: right;
	}
	

/* footer begins here */
div#footer {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 8px 20px 4px 20px;
	background: #e4e4e4;
	}
div#footer p {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.9em;
	color: #333;
	text-align: center;
	line-height: 1.2;
	}

/* right float images */
div.imageright {
	float: right;
	border: 1px black solid;	
	margin: 5px 0 5px 5px;
	padding: 0;
	}
div.imageleft {
	float: left;
	border: 1px black solid;	
	margin: 5px 5px 5px 0;
	padding: 0;
	}
/* for captioned images - begin here */
div.capimage200 {
	width: 202px;
	margin: 5px 0 1px 10px;
	padding: 0;
	}
div.capimage200-right {
	width: 202px;
	float: right;
	margin: 5px 0 1px 10px;
	padding: 0;
	}
img.cap-image {
	margin:  0;
	border: 1px black solid;
	}
/* centered large (425 px) image */
div.mapimage {
	display: block;
	text-align: center;
	width: 425px;
	padding: 0;
	margin: 0 0 25px 40px;
	border: 1px black solid;
	}	

/* for recent project contact information */
div.contactbox {
	float: right;
	width: 350px;
	margin: 0 0 10px 10px;
	padding: 0;
	}
/* commentbox */
div.commentbox {
	float: right;
	width: 155px;
	margin: 0 0 10px 10px;
	padding: 0;
	background: #bbb;
	}
div.commentbox ul {
	margin: 0;
	padding: 0;
	}
div.commentbox li {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	font-size: 1.1em;
	font-family: courier, verdana;
	color: white;
	text-align: right;
	}
form {
	margin: 0;
	padding: 0;
	}

/* end style sheet */