body, H1, H2, H3, H4, H5, span { font-family: arial; }
body {  background-color: #d0d0d0;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div {  text-align: left;  }
.radeditor { background-color: White; }
hr { background-color: White; }
td { text-align: left; vertical-align:top;}
/* common colors in this design:
	dark red/maroon background-menus color: #3d0a03
	white
	black
	lighter red for borders and such: #8e2311
	loginarea background: #8f746c
	left column background: #e2dee5

Common sizes in px
	W of design: 900
	W of searchbox: 245
	H of searchbox: 52
	H of header area: 124
	Indent of text and nav items: 30
	H of Navbar: 30
	W of leftnav, before padding: 324
	
This site was designed on a mac.

Headers:  Times Bold 31pt (Title Case)
Body:  Arial Regular 12pt (Sentence case)
Top menu:  Arial Regular 13pt (Title Case)
Side menu:  Arial Bold 13pt (Title Case) *I just noticed a couple aren’t Title Case.
Clermont County Court of Common Pleas: Times Roman
Division of Domestic Relations Batavia, Ohio:  Arial Regular
		

*/
#MainBody { background-color: white; width: 900px; font-family: Arial; font-size: 13px;  background-image: url(./images/widecolumns.png);}
#header{ width: 900px; height: 124px; background-image: url(./images/TopGradient.png); padding: 0px 0px 0px 0px; }
#searchRow { height: 52px; width: 900px; padding: 0px 0px 0px 0px;  }
#searchBox {    float:right; background-color: #3d0a03; width: 245px; height: 35px; color: White; padding: 17px 0px 0px 32px;  vertical-align:top;  }
#headerTxt { padding: 0px 0px 0px 30px; font-size: 28px;  color  : White; font-weight:bold; font-family: Times New Roman;  }
#headerSubTxt { font-weight:normal; font-family : Arial; font-size:21px; color:White }
#navbar { width: 870px; height: 30px; background-color: #3d0a03; padding: 0px 0px 0px 30px; border-bottom: solid 3px White; }
.blackLink { color:Black;}
.blackLink:hover { color: #8e2311; }


.navItem { font-size: 13px; font-family: arial; display:inline-block; float: left; height: 24px; padding:  6px 13px 0px 13px; border-left: solid 1px #8e2311; color: White; }
.navItem > A { font-size: 13px; font-family: arial; color: White; text-decoration: none; }
.nounder { text-decoration: none; color:White; }  /* for ie 6 */
.nounder:hover { color: #8e2311; } 
.navItem > A:hover { color: #8e2311; } 
.navItem:hover { color: #8e2311; } 
.navItemLast { border-right: solid 1px #8e2311; }
.navItem { display: inline; } /* for IE6 */ 
#navbar > div { display: inline-block;}
div.navItem {display: inline-block; }
#bodyBar { width: 900px; padding: 0px 0px 0px 0px; min-height: 600px; background-image: url(./images/widecolumns.png); }
#leftcolumn { display:inline-block; width: 324px;  vertical-align:top; float: left;  background-image: url(./images/widecolumns.png); }
#leftcolumn {display: inline; }
#bodyBar>#leftcolumn{ display:inline-block;}
#navWrap { border-bottom: solid 3px #8e2311; width: 324px;; }
.lnItem { font-size: 14px; font-family: arial; font-weight: bold; width: 294px; height: 31px;  padding: 13px 0px 0px 30px; color: White; }
.lnItem>A{font-size: 14px; font-family: arial; font-weight: bold;color: White;  text-decoration: none; }

.lnItem:hover { color: #8e2311; }
.lnItem>A:hover { color: #8e2311; }
#leftNav1 { background-image: url(./images/lNavRow1b.png); }
#leftNav2 { background-image: url(./images/lNavRow2b.png); }
#leftNav3 { background-image: url(./images/lNavRow3b.png); }
#leftNav4 { background-image: url(./images/lNavRow4b.png); }
#leftNav5 { background-image: url(./images/lNavRow5b.png); }
#leftNav6 { background-image: url(./images/lNavRow6_200hb.png); height: 187px; }
#loginBox { line-height: 20px; font-family: arial; font-size: 14px; width: 294px; padding: 8px 0px 0px 30px;  background-color: #8f746c; }
#contentBody { width: 516px; padding:  10px 20px 10px 30px; display: inline-block;   vertical-align: top; }
#contentBody { display: inline; float: right; } 
#wide_contentBody { width: 840px; padding:  10px 20px 10px 30px; display: block;   vertical-align: top; min-height: 200px; }

#bodyBar>div{display:inline-block;}
/* so vs designer quits wonking on the content placeholder display */
#wide_contentBody { display: block;  }
#wide_contentBody>div { display: block; }
#redFooter { width: 870px; height: 110px; padding: 0px 0px 0px 30px; background-image: url(./images/bottomGradient.png); clear: both; }
#smallNav {  text-align:center;  padding: 25px 10px 10px 10px; font-size:11px; color: White; }
#whiteFooter { font-size: 11px; width:860px; padding: 10px 10px 10px 30px; text-align: center; background-color: White; color: #777777; }