body { margin: 10px 0; background: #f0f0f0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#wrapper { width: 778px; margin: 0 auto; border: solid 1px #B3945C; background: #fff; }
#header, #inner, #footer { width: 100%; }
#header { height: 122px; background: url('../images/header/logo.jpg') no-repeat; border-bottom: solid 1px #B3945C; }
#inner { padding: 0 10px; clear: both; }
#footer { text-align: center; color: #AE7C27; padding: 10px; }

h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #AE7C27; }
h1 { font-size: 20px; }
h4 { font-size: 12px; }
h4.underline { text-decoration: underline; margin-bottom: 0; }

.inline { display: inline; }
.close { margin: 0; }

td { vertical-align: top; }
form { margin: 0; }
fieldset { border: none; margin: 0; padding: 0; }
h3 { font-size: 15px; }

/*a { color: #454545; }
a:hover { color: #000; }*/

em { color: #DEA844; font-weight: bold; }

.center { margin: inherit auto; text-align: center; }
.smaller { font-size: 92%; }
.smallest { font-size: 85%; }
.bigger { font-size: 150%; }
.right { float: right; font-size: 200%; }
.x-offset { margin: 0 20px; }
.green { color: #006600; }
span.line { display: block; }

#inner .layout .col1,
#inner .layout .col2 { padding: 12px 10px; }
#inner .layout .col2 { width: 513px; padding-left: 12px; }
#inner .layout .col1 { width: 203px; }

#inner .layout .col1 ._fixer { height: 325px; }

#footer a { color: #AE7C27; text-decoration: none; }
#footer a:hover { color: #BC944E; text-decoration: underline; }

#footer-beyond { font-size: 11px; width: 778px; margin: 5px auto; }

span.col1_header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #AE7C27;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 5px; }

#sideContactForm {
	width: 183px;
	background: url('../images/col1/form.gif') right repeat-y #BBCF90;
	padding: 10px;
	border: solid 1px #A68140;
	border-left: none;
	border-right: none;
	clear: left;
	display: block; }

#sideContactForm span.required { color: #fff; font-size: 11px; }
#sideContactForm fieldset { color: #704F15; margin-top: 7px; }
#sideContactForm input { width: 175px; height: 13px; font-size: 11px; background: #fff; }
#sideContactForm .firstname { margin-top: 7px; }
#sideContactForm fieldset.preference label { float: left; }
#sideContactForm fieldset.preference input { width: auto; background: none; margin-top: 5px; }
#sideContactForm  button { border: solid 1px #B3945C; color: #704F15; padding: 0 3px; font-size: 11px; background: #fff; font-weight: bold; margin-top: 10px; cursor: hand; cursor: pointer; }

#sitePal { width: 100%; border: solid 1px #9D8644; border-left: none; border-right: none; padding: 0; }

#evaluation { display: block; width: 100%; text-align: center; padding: 20px 0; }

p.states { width: 450px; margin: 0 auto; margin-bottom: 20px; }

p.home { text-indent: 1em; line-height: 20px; font-size: 16px; margin: 20px 0; }
p.home { font-size: 18px; margin-top: 20px; }
p.home em { font-size: 21px; letter-spacing: 1px; line-height: 25px; }

img.home { border: solid 1px #DEA844; }

.slogan {
	display: block;
	width: 420px;
	margin: 50px auto;
	margin-bottom: 35px;
	padding: 10px 0;
}

.slogan span {
	display: block;
	color: #05422C;
	font-weight: bold;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
}

.slogan .punchline {
	width: 100%;
	text-align: right;
	font-size: 24px;
}


/* ------- [templates] -------- */

.straightcorner img { border: solid 4px #EFA731;/*DEA742*/ width: 100px; height: 100px; }

.T-boxes { width: auto; margin: 10px auto; }
.T-boxes td { width: 110px; }
#i-settlement .T-boxes td { padding: 0 8px; }
#i-finance .T-boxes td { padding: 0 16px; width: 160px; }
/*#i-finance .T-boxes img { width: 160px; }*/
.T-boxes td.left { padding-left: 0; }
.T-boxes td.right { padding-right: 0; }
.T-boxes .box { width: 116px; position: absolute; z-index: 2; }
.T-boxes .layer2 { width: 116px; position: absolute; z-index: 1; height: 10px; margin-top: -3px; filter: alpha(opacity=50); opacity: .5; }
.T-boxes .box .top,
.T-boxes .box .bottom,
.T-boxes .box .middle { width: 106px; height: 80px; padding: 0 5px; }
.T-boxes .box .top, #i-settlement .boxes .box .bottom { height: 10px; }
.T-boxes .box .top { background: url('../images/visuals/box_top.gif') no-repeat; }
.T-boxes .box .bottom { background: url('../images/visuals/box_bottom.gif') no-repeat; }
.T-boxes .box .middle { background: #D9E5C0; }
/*.T-boxes h4 { background: #EFA731; text-align: center; padding: 6px 5px; width: 102px; margin-top: 90px; color: #fff;
	font-family: trebuchet ms; font-size: 13px; line-height: 12px; white-space: nowrap; position: absolute; z-index: 100; }*/
.T-boxes h4 { background: #EFA731; padding: 2px 5px; width: 98px; margin-top: 105px; color: #fff; font-size: 14px; text-align: center; height: 30px; line-height: 13px; position: absolute; z-index: 100; }
.T-boxes p { margin-top: 155px; margin-left: 2px; }

.column-border { border: solid 1px #DEA742; margin: -10px 0 0 -15px; position: absolute; height: 145px; }
#i-finance .column-border { width: 430px; }
#i-settlement .column-border { width: 515px; }  

.T-cases { width: 100%; }

.T-cases .info .box { width: 250px; margin: 10px 0; }
.T-cases .info .box .content strong { margin-right: 7px; font-size: 90%; }



/*********************** [begin: BOX TEMPLATE] ************************/

/* --- to change width, just set the width for '.box'; everything else inside will adjust --- */
.T-cases .info .box .content {
	width: 90%;
	background: #D9E5C0;
	clear: left;
	float: none;
	padding: 0 10px;
	padding-bottom: 10px;
	height: 156px; }
.T-cases .info .box .top div,
.T-cases .info .box .bottom div { float: left; height: 10px; }
.T-cases .info .box .top .left,
.T-cases .info .box .top .right,
.T-cases .info .box .bottom .left,
.T-cases .info .box .bottom .right { width: 10px; height: 10px; }
.T-cases .info .box .top .middle,
.T-cases .info .box .bottom .middle { width: 90%; background: #D9E5C0; }
/* --- would need to change these images for reuse: --- */
.T-cases .info .box .top .left { background: url('../images/visuals/box_top.gif') top left; }
.T-cases .info .box .top .right { background: url('../images/visuals/box_top.gif') top right; }
.T-cases .info .box .bottom .left { background: url('../images/visuals/box_bottom.gif') top left; }
.T-cases .info .box .bottom .right { background: url('../images/visuals/box_bottom.gif') top right; }

/* begin: HTML LAYOUT
<div class="box">
	<div class="top">
		<div class="left"><!-- --></div>
		<div class="middle"><!-- --></div>
		<div class="right"><!-- --></div>
	</div>					
	<div class="content">
		<!-- Box content goes here -->
	</div>					
	<div class="bottom">
		<div class="left"><!-- --></div>
		<div class="middle"><!-- --></div>
		<div class="right"><!-- --></div>						
	</div>					
</div>
end: HTML LAYOUT */

/*********************** [end: BOX TEMPLATE] ************************/



.T-cases .details { vertical-align: middle; }
.T-cases .details .box { background: #EDFAD2; padding: 10px; border: solid 1px #E2EFC8;
	border-bottom: solid 1px #D9E5C0; border-left: none; }

#i-contact p, #i-contact h4 { text-align: center; }
.contactBox1 { width: 100%; margin: 20px auto; }
.contactBox2 { width: 100%; margin: 20px auto; margin-bottom: 0; }
.contactBox3 { width: 100%; margin: 10px auto; }
.contactBox3 p { text-align: left; }

.T-roundbox { clear: both; }
.T-roundbox .content { width: 90%; background: #D9E5C0; clear: left; float: left; padding: 0 10px; }
.T-roundbox .bottom { clear: left; }
.T-roundbox .top div,
.T-roundbox .bottom div { float: left; height: 10px; }
.T-roundbox .top .left,
.T-roundbox .top .right,
.T-roundbox .bottom .left,
.T-roundbox .bottom .right { width: 10px; height: 10px; }
.T-roundbox .top .middle,
.T-roundbox .bottom .middle { width: 90%; background: #D9E5C0; }
.T-roundbox .top .left { background: url('../images/visuals/box_top.gif') top left; }
.T-roundbox .top .right { background: url('../images/visuals/box_top.gif') top right; }
.T-roundbox .bottom .left { background: url('../images/visuals/box_bottom.gif') top left; }
.T-roundbox .bottom .right { background: url('../images/visuals/box_bottom.gif') top right; }

.T-news { width: auto; margin: 0 auto; }
.T-news td { width: 150px; height: 165px; }
.T-news td strong { font-size: 90%; }
#i-news .T-news td { padding: 0 8px; }
.T-news td.left { padding-left: 0; }
.T-news td.right { padding-right: 0; }
.T-news .box img { border: solid 1px #C5D0AE; width: 100px; height: 100px; }
.T-news .box { width: 136px; position: absolute; z-index: 2; }
.T-news .layer2 { width: 136px; position: absolute; z-index: 1; height: 10px; margin-top: -3px; filter: alpha(opacity=50); opacity: .5; }
.T-news .box .top,
.T-news .box .bottom,
.T-news .box .middle { width: 100px; height: 102px; padding: 0 10px; }
.T-news .box .top, #i-settlement .boxes .box .bottom { height: 10px; }
.T-news .box .top { background: url('../images/visuals/box_top_long.gif') no-repeat; }
.T-news .box .bottom { background: url('../images/visuals/box_bottom_long.gif') no-repeat; }
.T-news .box .middle { background: #D9E5C0; }
.T-news a.burn { position: absolute; z-index: 3; margin-top: 125px; }


/* ------- [message display boxes] ------ */

.MSG_ .title { font-size: 12px; font-weight: bold; }
.MSG_ { float: right; width: 150px; }	
img.MSG_information { float: left; padding-right: 10px; padding-bottom: 10px; }
#MSG_default { margin-left: 615px; margin-top: 20px; }
#MSG_default, #MSG_sideContactForm {
	color: black;
	position: absolute;
	visibility: hidden;
	width: 200px;
	padding: 10px;
	font-size: 10px;
	font-family: verdana, helvetica, arial;
	background: #ebebeb;
	border: solid 1px silver;
	z-index: 1000;
	padding-right: 20px;
	text-align: left; }
#MSG_sideContactForm { margin-top: 10px; }