@charset "UTF-8";
/* CSS Document */

body {
  font-size: 11px;
  line-height: 13px; /* All elements should be a multiple of this value. */
}
/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family: "Lucida Grande", Calibri, Tahoma, "Helvetica Neue", Helvetica, Verdana, sans-serif; }
body      { font-family: "Lucida Grande", Calibri, Tahoma, "Helvetica Neue", Helvetica, Verdana, sans-serif; }
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; }
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
  clear:both;
}
h1 { font-size: 20px; line-height:24px; padding:0 0 18px 0; }
h2 { font-size: 18px; line-height:20px; }
h3 { font-size: 16px; line-height:18px; margin-top: 1.2em; }
h4 { font-size: 14px; font-weight:bold; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 11px; }
/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1em 0; text-align:left; }
p.last      { margin-bottom:0; }
p img       { float: left; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
a           { color: #125AA7; text-decoration: underline; }
a:hover     { color: #000; }
ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }
blockquote  { margin: 0 0 18px 18px; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }


/* new-style form controls ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

label {
	color: #6F80BF;
	margin-bottom: 3px;
}
	div.formcolumn {
		vertical-align: top;
	}
	div.formcolumn fieldset.columngroup {
		padding-left: 0;
		border: 1px solid #bbb;
		margin-top: 10px;
	}
	
	div.formgroup_horizontal div.formelement { /* allow multiple horizontal form elements in series */
		display: inline;
		float: left;
	}

				div.formgroup_fieldstack div.formelement.checkbox label { /* allow multiple horizontal form elements in series */
					padding-bottom: 0;
				}
				div.formgroup_fieldstack div.formelement.checkbox input { /* allow multiple horizontal form elements in series */
					padding-bottom: 0;
				}	
				div.formgroup_fieldstack.left div.formelement.checkbox input { /* allow multiple horizontal form elements in series */
					margin-left: 8px;
				}		
				div.formgroup_fieldstack.left div.formelement.checkbox label { /* allow multiple horizontal form elements in series */
					padding-left: 15px;
				}		
	div.formcolumn div.block.emboss {
		background-color: #EAEDF6;
		padding: 10px 10px 10px 3px;
	
	}
	
	
	div.formelement {
		padding-bottom: 4px;
		clear: both;
		position: relative;
	}
	
	div.formgroup.buttons {
		padding: 10px;
		background-color: #6F80BF;
	}
	div.formgroup.buttons input {
		width: auto;
	}
	
				div.formelement.checkbox label {
					width: auto;
				}
				div.formelement.checkbox input {
					margin-left: 103px;
				}
				
div.formgroup_horizontal div.formelement {
		clear: none;
	}		
				div.formgroup_horizontal div.formelement.checkbox input {
					margin-left: 0;
				}
				div.formgroup_horizontal div.formelement.checkbox { /* entire group needs to be bumped down a bit */
					padding-top: 3px;
				}
				
				div.formgroup_horizontal div.formelement.checkbox label,
				div.formgroup_horizontal div.formelement label { /* allow long form question/label with inline answer */
					margin-left: 0;
					width: auto;
					padding-left: 25px;
				}	

				div.formgroup_horizontal div.formelement.alpha label { /* alpha starts at left margin */
					padding-left: 0;
				}	


				div.checkbox {
					margin-bottom: 3px;
					margin-top: 3px;
					min-height: 1.5em;
				}


				div.checkbox label {
					padding-left: 110px;
					padding-top: 3px;
					margin-bottom: 5px;
					margin-left: 119px;
					text-align: left;
				}
				div.checkbox label.grouplabel {
					padding-left: 10px;
					width: 90px;
					text-align: right;
					margin-left: 0;
				}

				fieldset.narrow div.checkbox label { /* use for two columns inside a half-page-width column */
					width: 160px;
				}
			
				fieldset.wide div.checkbox label {
					width: auto;
				}

				div.formgroup_fieldstack div.groupfloat { margin-bottom: 10px; }
				div.formgroup_fieldstack div.groupfloat div.formelement.checkbox input { margin-left: 0; }
				div.formgroup_fieldstack div.groupfloat div.formelement.checkbox label { margin-left: 18px; }

div.formgroup_horizontal div.textinputnote {
		width: auto;
	}
	
	
	div.textinputnote { /* under-field note */
		padding-bottom: 8px;
	}
	div.formcolumn label {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 12px; /* ensure next row is offset at least this much in case label is tallest element in field group */
		width: 90px;
		float: left;
		text-align: right;
	}
	div.formcolumn fieldset.columngroup div.formelement label { /* compensate for indent of fieldset */
		padding-left: 7px;
	}
	div.formcolumn label em { /* used for emphasis, extra info, required, etc */
		color: red;
		font-style: normal;
	}
	div.formcolumn input,
	div.formcolumn select {
		width: 220px;
	}

	div.formcolumn input.date {
		width: 50px;
		text-align: center;
	}

	.cur,
	input.cur,
	input.cur[type=text] { text-align: right; } /* used for currency alignment */

	div.formcolumn input.currency {
		width: 50px;
		text-align: right;
		padding-right: 3px;
	}

	div.formcolumn h5.leftlabel {
		position: relative;
		left: 0;
		top: 16px;
		clear: none;
		margin-bottom: 0;
	}
	
	div.formcolumn h5 {
		margin-bottom: 15px;
	}
	
	fieldset legend {
		font-size: 9px;
		padding: 0 5px;
		background-color: #ccc;
		font-weight: bold;
		padding: 2px 6px;
	}
	div.formcolumn div.divider {
		height: 5px;
		border-top: 1px solid #6F80BF;
		padding: 5px 0;
		margin-top: 8px;
	}


	div.fieldalign {
		margin-left: 100px;
	}

	div.checkbox input {
		position: absolute;
		left: 6px;
		width: 15px;
	}
	div.formelement textarea {
		width: 220px;
		height: 60px;
	}
	div.formelement.textarea label {
		

	}
	span.postfield_text {
		padding-left: 5px;
	}
	div.controls { /* for buttons and controls to go in the right column of form layout */
		width: 200px;
		margin-left: 108px;
		margin-top: 10px;
		margin-bottom: 12px;
	}
	div.controls a,
	div.controlsfull a { /* for buttons */
		font-size: 9px;
		display: inline-block;
		padding: 1px 3px;
		border: 1px solid blue;
		background-color: #eee;
		text-decoration: none;
	}
	div.controls a:hover,
	div.controlsfull a:hover { /* for buttons */
		border: 1px solid brown;
		color: black;
		background-color: orange;
	}

	div.controls a:link.destroyer,
	div.controlsfull a:link.destroyer {
		border: 1px solid red;
		color: red;
		backgorund-color: #fcc;
	}
	div.controls a:link.adder,
	div.controlsfull a:link.adder {
		border: 1px solid green;
		color: green;
		backgorund-color: #cfc;
	}

	div.textinputnote { /* small notation under text field with left label */
		margin-left: 110px; 
		margin-top: -5px; 
		font-size: 9px;
		color: #999;
		width: 220px;
	}



/* end new style form controls */


/* specifics */

sup {
	font-size: 0.7em;
	vertical-align: top;
}

body, p, li, div {
	color:#666;
}

h1,h2,h3,h4,h5,h6 {
	color: #000;
	margin-bottom: 1em;
	margin-top: 2em;
}

h1.component,
h2.component,
h3.component
 {
	margin: 0;
	line-height: 1.2em;
	color: #CC0000;
	margin-bottom: 0.5em;
	
}

h1, h2, h3 {
	letter-spacing: -1px;
}
h4.component,
h5.component,
h6.component {
	margin: 0;
	line-height: 1.2em;
	color: #385BB8;
}

div.feature p {
	font-size: 12px; 
	line-height: 1.3em;
}
div.feature ul li {
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 8px;
}
div.feature {
	padding-top: 20px;
}
div.minorcol {
	padding-top: 20px;
}


div.pullquote {
	margin-bottom: 20px;
}
div.pullquote div.pq_content {
font-size: 16px;
line-height: 1.8em;
padding: 12px 16px 10px 30px;
}
div.pq_content p {
	color:#90C446;
}

ul.menu li {
list-style: none;
margin: 0;
padding: 10px;
border-bottom: 1px solid #C9D5F9;
font-size: 12px;
background-image: url(/images/button_bg1.jpg);
background-position: center left;
}




ul.menu {
	margin: 20px 0 0 0;
}
ul.menu li:hover {
	background-image: url(/images/button_bg2.jpg);	
}
ul.menu a:link,
ul.menu a:visited {
	text-decoration: none;
}
ul.menu a:hover,
ul.menu a:active {
	text-decoration: underline;
}

div#address {
	margin-top: -250px;
	margin-left: 20px;
}
div#address h6.addresshead {
	text-align: left;
	margin-bottom: 1em;
	font-weight: bold;
}
div#address p {
	color: #385BB8;	
}