/* CSS Document */
/*	mcinerney_dillon.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }

a { text-decoration: none; }
a:link { color: #666; }
a:visited { color: #666; }
a:hover { color: #2e5f2e; }
h1 { font-weight: bold; font-size: 120%; color: #2e5f2e; }
h3 { font-weight: bold; font-size: 110%; color: #2e5f2e; }
.bold {font-weight: bold; }
.firstletter { color: #2e5f2e;  font-size: 250%; }
.secondlettershift { margin-left: -10px; }
* html .firstletter { line-height: 28px; }
.imagecenter { text-align: center;  border: 0;}
div.pictureleft {float: left; margin: 10px 10px 10px 0px;}
div.pictureright {float: right; margin: 2px 2px;}
.alignright { text-align: right; }
.quote { font-style:italic; }
.cite { margin-left: 50px; }
.center { text-align: center; }
.indent { margin-left: 30px; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }
ol, ul { margin: 5px 0 5px 30px; text-align: left; }

html { font-size: 100.01%; }

body { background-color: #2e5f2e; font-family: Georgia, Times New Roman, Times, serif; color: #000; font-size:14px; }
/* the fullpage div has a specified width to keep the main information from collapsing when a window is shrunk
*/
div#fullpage { text-align: center; width: 650px; height: inherit; }

/*header is where the logo, address and the top line live*/

div#header { width: 650px; float: left; margin-top: 10px; }

/*	the logo div is where we put the logo and the address information beneath it
The margin-left is in the negative digits so that the images in the topspace div can overlap the logo div
 */
div#logo { height: 68px; width: 307px; text-align: center; float: left; margin-left: 210px; }
* html div#logo {  margin-left: 105px; }
div#address { width: 599px; height: 20px; float: left; text-align: center; margin-top: 2px; padding-left: 16px; }
div#address { margin-left: 6px; }
div#topline { width: 628px; height: 23px; margin-left: 8px; margin-top: 5px; clear: both; float: left; } 
* html div#topline { margin-left: 5px; } 


/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
div#navigation { line-height: 20px; float:left; width: 130px;  text-align: left; background-image: url(images/side_lines.gif); 
	background-position: 8px 0px;  background-repeat: no-repeat; height: 300px; height: 620px;  }
div#navigation a { display: block; margin: 20px 0 10px 5px; padding-left: 24px; }
div#navigation a:link { color: #fff; }
div#navigation a:visited { color: #fff; }
div#navigation a:hover { color: #ccc; background-image: url(images/nav_box.gif); 
	background-position: 4px 3px;  background-repeat: no-repeat; }


/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 455px; float: left; text-align: justify; padding: 0 20px 10px 20px; line-height: 18px; 
			background: #fff; margin-bottom: 20px; height: 100%; margin-top: 20px; }

div#sectiontitle { font-size: 140%;  text-align: center; margin-top: 30px;  }


/*bottom nav */
div#bottomnav { margin-left: 100px; clear:both; border-top: solid 1px #ccc; padding-top: 5px; }
div#bottomnav a { color: #fff; }
div#bottomnav a:link { color: #fff; }
div#bottomnav a:visited { color: #fff; }
div#bottomnav a:hover { color: #ccc; }

/* copyright */

div#copyright { font-size: 80%; margin-top: 20px; text-align: center; margin-left: 100px; }

div#trina { font-size: 80%; text-align: center;  margin-left: 100px; margin-top: 10px; }
div#trina a { color: #fff; }
div#trina a:link { color: #fff; }
div#trina a:visited { color: #fff; }
div#trina a:hover { color: #ccc; }

/*attorneys
This allows the attorneys names to be more spread out on the page
*/

div#attorney_names { line-height: 28px; font-weight:bold; margin-left: 20px; }