body {
	margin: 0;
	padding: 0;
	background: #9c3;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
p, h1, h2, h3, h4, h5, h6, td, form, input {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.125em;
	margin: 0;
	padding: 0;
}

p {
	margin: 1em 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

div.clear {		/* utility div to clear to margins */
	clear: both;
}

.last {		/* used during development, now obsolete */
	margin-bottom: 0;
}

#pagebody {		/* the outermost container for all pages' contents. stuck to the top and centered horizontally */
	margin: 0 auto;
	width: 775px;
	height: 524px;
}


#pagetop {		/* contains logo, tagline, searchbox, navbar, breadcrumbs and sidebar */
	position: relative;	/* this sets up the top div to handle absolute positioning for the sidebar */
	margin: 0 auto;
	width: 775px;
	height: 145px;
	background: url(/images/bg/bgtop_DM2.gif) no-repeat;
}

#searchbox {
	margin-left: 550px;
	padding-top: 18px;
	width: 195px;
	height: 25px;
	text-align: right;
}
#searchbox input {
	margin: 0;
	padding: 0;
}

#navbar {
	height: 27px;
	margin-top: 24px;
	margin-left: 187px;
}

/* the sidebar gets an absolute position, relative to its first positioned parent */
#sidebar {
	position: absolute;
	left: 16px;
	top: 128px;
	width: 140px;
	height: 280px;
	padding-top: 85px;
	padding-left: 16px;
}
/* now we apply the "Modified Simplified Box Model Hack (SBMH)" to accomodate IE5.x/WIN */
* html div#sidebar {	/* this is recognized by IE only, and has higher specificity than the normal rule above */
	height: 365px;		/* only for IE5.x/WIN */
	he\ight: 280px;		/* for other IE */
}
#sidebar img {
	display: block;
	margin-bottom: 15px;
}
#sidebar img.sub {
	margin-bottom: 2px;
}

#sidebarHeaderLink {
	width: 147px;
	height: 50px;
	position: absolute;
	left: 20px;
	top: 132px
}

#breadcrumbs {
	margin-top: 22px;
	margin-left: 185px;
}

#pagemid {		/* the "stretchy" div with repeating background image. contains div#midcontent */
	margin: 0 auto;
	width: 775px;
	background: url(/images/bg/bgmid_stack2.gif);  /* this gif is 18px in height, so in the file when tagging with this style, height must */
	                                               /* be set to a multiple of 18 so that it's transition to the footer graphic is seamless */
}
#midcontent {	/* container for the "guts" of the page. holds all content within the white rect */
	width: 500px;
	min-height: 270px;
	_height: 270px;	/* UNDERSCORE HACK: ie will read this as 'height', all others will ignore */
	margin-left: 212px;
	padding: 1.75em 0 1em;
}
#midcontent h1 {
	font-size: 18px;
}
#midcontent h2, #midcontent p, #midcontent li, #midcontent th, #midcontent td {
	color: #2c2780;
}
#midcontent p {
	line-height: 14px;
}

#pagebot {		/* contains the footer navigation and fineprint copyright line */
	margin: 0 auto;
	width: 775px;
	height: 81px;
	background: url(/images/bg/bgbottom.gif) no-repeat;
}

#footer {
	padding-top: 40px;
	text-align: center;
	color: #0d4811;
	font-weight: bold;
}
#footer a {
	color: #0d4811;
}
div.fineprint {
	margin-top: 6px;
	font-size: 10px;
	font-weight: normal;
}


div.testimonial {	/* used in accolades.html and developmentteam.html */
	border-bottom: 1px solid black;
}
div.testimonial p {
	font-style: italic;
}
div.testimonial p.source {
	font-weight: bold;
	font-style: normal;
}