.body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #669966 url(../images/background_grad4.jpg) repeat-x left top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.body #container { 
	position:relative;
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;/*#cccc99;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #003366;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.body #header { 
	background: #99cc99; 
	padding: 20px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom:5px solid #660000;
} 
/*  Use the following h1 for business name if graphic is not used for business name
.body #header h1 {
	margin: 0;
	padding: 10px 0 0px 0;
	color:#cccc99;
	font-family:AmericanGotURWTLig;
	text-transform:uppercase;
	font-size:200%;
	letter-spacing:0.3em;
}
.body #header h1 span.initial {
	font-size:140%;
	color:#cccc99;
}
*/
.body #header h1 {
	margin: 0;
	padding:0 0 1em 0;
	color:#660000;
	font-family:AmericanGotURWTLig, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:80%;
	letter-spacing:0.33em;
}
.body #topNav {
	background: #224422 url(../images/gavel_scales2.png) no-repeat bottom right;
	margin: 10px 205px 0 0;
	padding: 0;
	border-bottom:4px solid #81A594;
}
.body #topNav h4 {
	margin:0;
	padding:3em 1em;
	width:200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:italic;
	color:#fff;
}

.body #topNav #runner {
	margin:0 0 1em 0;
	background:#ccffcc;
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
}
.body #topNav #runner h5 {
	margin:0;
	padding:5px 1em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	font-style:normal;
	color:#660000;
	text-align:left;
}

.body #sidebar1 {
	float: right; /*since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0;
	margin:0;
}
.body #sidebar1 h3 {
	font-size:80%;
	font-weight:normal;
	margin:0 0 0.5em 0;
}
.body #sidebar1 h3 span.bold {
	font-size:110%;
	font-weight:bold;
	color:#660000;
}
.body #sidebar1 #contact_form {
	background:transparent;
}
.body #sidebar1 #contact_form .instructions {
	text-align: left;
	color:#655244;
	font-size:60%;
	font-style:italic;
	margin: 0 0.5em;
	line-height:normal;
}
.body #sidebar1 form p {
	margin:0 0 0.5em 0;
}
.body #sidebar1 form p.submit {
	margin:0.5em 0;
	padding:0.5 0;
}
.body #sidebar1 form label {
	display:block;
	font-size:60%;
}
.body #sidebar1 form input, .body #sidebar1 form select {
	width:11em;
	font-size:60%;
}
.body #sidebar1 form textarea {
	width:13em;
	font: 60% Verdana, Arial, Helvetica, sans-serif;
}
.body #sidebar1 p.basic {
	margin:0;
	padding:1em 0em 1em 1em;
	font-size:70%;
	color:#000;
	text-align:left;
	width:180px;
}
.body #sidebar1 p.basic span.emphasis {
	font-size:100%;
	color:#660000;
	font-weight:bold;
}
.body #sidebar1 p.bold {
	margin:0;
	padding:0 1em 1em 1em;
	font-size:60%;
	color:#660000;
	font-weight:bold;
	text-align:center;
}
.body #sidebar1 p.bright {
	color:#fff;
}
.body #sidebar1 #contact_form p.error {
	font-size:70%;
	color:#660000;
	margin:0.5em 0;
}
.body #sidebar1 #contact_form span.req {
	color:#660000;
}
.body #sidebar1 #contact_form #errorList {
	font-size:70%;
	color:#660000;
	list-style-type:disc;
	margin:0.5em 0 1em 0;
	padding:0;
}
.body #sidebar1 #starBorder {
	border:0;
	width:142px;
	margin:0.5em 29px;
}

.body #sidebar2 {
	float: left; /*since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0;
	margin:0 0 20px 0;
}
.body #sidebar2 h3 {
	margin:5px 0 0 0;
	padding: 5px 5px 5px 15px;
	font-size:70%;
	font-weight:normal;
	background:#224422;
	color:#eee;
	width:180px;
	font-family:AmericanGotURWTLig, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
}
.body #sidebar2 h3 a {
	color:#eee;
	text-decoration:none;
}
.body #sidebar2 h3 a:hover {
	color:#fff;
}
.body #sidebar2 address {
	margin:2em 0 1em 1em;
	font-size:55%;
	color:#666;
}
.body #sidebar2 address a {
	color:#666;
	text-decoration:none;
}
.body #sidebar2 address a:hover {
	color:#000;
	text-decoration:underline;
}

.body #mainContent { 
	margin: 0 205px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:20px 20px 20px 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#fff url(http://rippyhendersontaylor.com/images/background_grad6.jpg) repeat-x bottom right;
	min-height:480px; /* Equals 32 x # of left nav elements.  Ensures mainContent always contains the left nav. */
} 

.body #mainContent h1 {
	font-size:120%;
	margin:0;
}
.body #mainContent #rightContent h2 {
	font-size:90%;
	margin:0.25em 0 0 0;
	color:#224422;
}
.body #mainContent #rightContent h3 {
	font-size:80%;
	margin:1em 0 0 0;
	color:#666;
	letter-spacing:0.2em;
}
.body #mainContent #rightContent h4 {
	font-size:60%;
	margin:0.25em 0 0 0;
	background:#cccc99;
	color:#003366;
	padding:0.5em;
	letter-spacing:0.1em;
	text-align:center;
}
.body #mainContent #rightContent img.fltRight {
	border:1px solid #000;
	margin: 0;
	padding:0;
}

.body #mainContent p {
	font-size: 70%;
	text-align:justify;
	line-height:1.5em;
}
.body #mainContent #rightContent {
	margin:0 0 0 215px;
}
.body #mainContent #rightContent .main-contents {
/*	font-size:70%;*/
}
.body #mainContent #rightContent #bioHeader h3 {
	font-size:70%;
	letter-spacing:normal;
	margin:0;
}
.body #mainContent #rightContent #bioHeader h4 {
	background:none;
	color:#000000;
	margin:0;
	padding:0 0 0.5em;
	text-align:left;
}
.body #mainContent #rightContent img.bio {
	border:1px solid #000000;
	float:right;
	margin:0 0 1em 1em;
	width:162px;
}
.body #mainContent #rightContent #bioHeader {
	border-bottom:1px solid #000000;
	margin:0.5em 0em 0 0;
	padding:0 0 0.5em;
}
.body #mainContent #rightContent #profileContact {
	font-size:70%;
	margin:0;
}
.body #mainContent #rightContent dd {
	color:#000000;
	font-size:70%;
	margin:0 0 0 2em;
}
.body #mainContent #rightContent dt.header {
	color:#666666;
	font-size:80%;
	font-weight:bold;
}
.body #mainContent #rightContent .fnt {
	font-size:65%;
	font-style:italic;
	color:#666666;
}
.body #mainContent #rightContent li {
	font-size: 10px;
}
.body #mainContent #rightContent a {
	color: #0066CC;
	text-decoration:none;
}
.body #mainContent #rightContent a:hover {
	color:#339999;
	text-decoration:underline;
}
.body #mainContent #rightContent a.focusArea {
	font-weight:bold;
}

.body #footer { 
	margin: 0 205px 0 0;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CCCC99;/*#003366; */
	border-top:1px solid #81A594;
	border-bottom:1px solid #81A594;
} 
.body #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font-size: 55%;
	color:#224422;
}
.body #footer a {
	text-decoration:none;
	color:#224422;
}
.body #footer a:hover {
	text-decoration:underline;
	color:#003333;
}
.body #author { 
	background:transparent;
	text-align:center;
	padding:5px 20em 10px 0;
	font-size:55%;
}
.body #author a {
	text-decoration:none;
	color:#336633;
}
.body #author a:hover {
	text-decoration:underline;
	color:#99cc99;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#signature span {
	display:block;
}
#signature #name { 
	font-size: 120%;
	font-weight:bold; 
}

/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.custom-form .pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.custom-form .form-label {
	width:30%;
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;}
  
.custom-form .form-pct {
	width:65%;
	font:12px Verdana, Arial, Helvetica, sans-serif;}
	
.custom-form .msg-pct {
	width:95%;
	height:70px;
	overflow:auto;
	font:12px Verdana, Arial, Helvetica, sans-serif;}

.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}
		
	.custom-form li {
		list-style:none;
	}
		

/*  <![ Disclaimer alert [ ----------------------------------------------------*/

#overlay_div{
	position:relative;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	border-top:1px solid #0a3150;
	padding-top:6px;}
	
#iagree{
	position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:415px;
	margin:4px 0 0 0;}

#overlay_div h3{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit{
	padding:4px;
	margin:0 6px 0 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#fff;
	border:1px solid #999;
	float:right;}
	
#iagree .checkbox{
	float:left;
	height:22px;
	display:block;
                width:280px;
}

#iagree input#Agreement{
	position:relative;
	top:3px;
	border:none;
}

/* Directions Page Styles (Google Maps Default)

/* [ Outer div ] -----------> */
#directionsForm{
	}

/* div that wraps form */
#directionsInput {
	padding:10px 0px;}

#fromAddress{
	width:350px;}

#directionsLocale{
	padding:10px 0px;}

#locale{
	}

#directionsSubmit{
	padding:10px 0px;}

#map{
	border:1px solid #000;
	color:#000;}

#addressNotFound{
	}

#directions{
	}

/*  <![ LN Disclaimer [ ----------------------------------------------------------*/

.ln-disclaimer {
	margin:0 205px 0 0;
	padding: 0 20px 0 20px;
	text-align:center;
}

.logo {
	padding:5px 0px;
}

.disclaimer {
	font-size:9px;
	color:#000;
	padding:3px 0px;
}

.disclaimer a {
	color:#000;
	font-size:9px;
}

#rightContent address {
	font-size:70%;
	font-style:normal;
	margin:0 0 2em;
}

#rightContent .contactInfo {
	font-size:70%;
}

#rightContent .contactInfo .left {
	color:#666;
	float:left;
	font-weight:bold;
	width:4em;
}

#rightContent .contactInfo .right {
	margin-left:1em;
}

/*]()[*/
.phone { color:#fff; font-size:18px; margin:-30px 0 0 14px; }
.phone2 { color:#224422; font:bold 18px "Times New Roman", Times, serif; text-align:center; }
.phone2 span { font-size:16px; }
.posadj01 { position:relative;top:-14px; }