﻿* { margin: 0px; padding: 0px; }
body { background-color: #fff; font-size: 14px; line-height: 22px; font-family: tahoma, verdana, sans-serif; color: #333; text-align: center; margin-bottom: 50px; }

/* Layout Styles */
#wrapper { margin: 0 auto; text-align: left; width: 868px; }
#main { margin-top: 20px; }
#content { float: left; width: 548px; }
#sidebar { float: right; width: 266px; }
	#sidebar p {
	font-size: 22px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #878787;
	line-height: 26px;
	font-style: italic;
}
	#sidebar .testimony { font-size: 14px; }
	#sidebar .citation { text-align: right; font-size: 14px; }
#footer { font-size: 11px; color: #888; margin: 40px 0px; }

#logo { float: left; }
#action { float: right; width: 340px; margin-top: 20px; }
#action p {
	font-size: 16px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font: 100% Tahoma, Verdana, sans-serif;
	margin: 4px 0px;
	color: #000000;
}
#action h2 { margin: 4px 0px; color: #222; }
#banner { margin-top: 1px; position: relative; }
	#banner img { margin-bottom: 1px; }
#banner-separator { height: 26px; background-color: #ebebeb; width: auto; }

/* Navigation */
div#nav { height: 30px; background-color: #333; border-bottom: 1px solid #fff; }
div#nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 14px;
}
div#nav ul li { float: left; }
div#nav ul li a {
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 14px;
	height: 30px;
	line-height: 30px;
	font-family: tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 14px;
}
div#nav ul li a:hover { color: #008752; }
div#nav ul li.active a {
	font: 14px Tahoma, Verdana, sans-serif;
	color: #fff !important;
}


/* Text Styles */
a { color: #008752; text-decoration: none; }
a:hover { color: #222; }
p { margin-bottom: 18px; }
blockquote { margin: 15px 0px 15px 45px; }
ol, ul { margin: 15px 0px 15px 45px; }
ul.noBullets, ul.noBullets li { list-style-type: none; }
.highlight { background-color: #ffffcc; padding: 1px; }

ol.faqs li { margin-bottom: 25px; }

h1, h2, h3 { color: #008752; font-weight: normal; }
h1 { font-size: 28px; letter-spacing: -0.7px; margin: 8px 0 12px 0px; }
h2 { color: #222; font-size: 19px; margin: 6px 0px 8px 0px; }


/* Utility Styles */
.left { display: block; float: left; }
.right { display: block; float: right; }
.clear { display: block; clear: both; }
.show { display: block; }
.hide { display: none; }

img.left { margin: 0 8px 6px 0px; }
img.right { margin: 0 0 6px 8px; }
p.byline { font-weight: bold; font-style: italic; text-align: center; }

/* Clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Misc Styles */
img { border: 0; }

/* Form Styles */
input[type=image] { width: auto !important; }
div.cwp-contact { float: left; }
input#cm-tjyuht-tjyuht { border: 1px solid #ccc; padding: 4px; font-size: 11px; }


.form-wrap { width: 450px; }
.form-wrap .field-row { clear: both; padding-top: 10px; width: 450px; }
.form-wrap div.field-row div.label { float: left; width: 125px; text-align: right; }
.form-wrap div.field-row div.field { float: left; width: 315px; padding-left: 10px; }

.form-wrap input.submit, .button { cursor: pointer; width: auto !important; border: 1px solid #555; font-size: 11px; background-color: #008752 !important; color: #fff !important; padding: 4px 12px; margin-top: 8px; }
.form-wrap input, .form-wrap textarea { font-size: 11px !important; border: 1px solid #ccc; width: 300px; padding: 4px; }
.form-wrap input:focus, .form-wrap textarea:focus { background-color: #fefce6; }
.form-wrap fieldset { width: auto; border: 1px solid #C9C9C9; padding: 6px; margin: 2px 0; }
.form-wrap fieldset input { width: 30px !important; border: 0px; }
.form-wrap legend { color: #444; }

.invalid { color: #ba2028; font-weight: bold; }
.required-star { color: #ba2028; }
.below-textfield { font-size: 10px; color: #808080; }

/* Form Elements */
.form-wrap div.field-row.submit { margin-left: 135px; }
.form-wrap div.field-row.select div.label { }
.form-wrap div.field-row.select div.field { }
.form-wrap div.field-row.select div.field select { padding: 3px 6px; }
