/* CSS for Capitol Settlements, LLC */
/* December 2009 */
/* Author: Brenda Egeland, Red Letter Design, www.RedLetterDesign.net */

/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Helpful fixes */
/* -- get rid of Firefox link boxes */
a { outline: none; }
/* -- forces vertical scrollbars in FF to avoid horizontal shift on short pages */
:root, html { overflow-y:scroll; }

/* Layout */
body { background-color: #0A3859;}
div#wrapper /* gradient background, aligned to bottom */
	{ background: url(../images/seabottom.png) center bottom repeat-x;}
div#masthead /* header area with logo, to black line */
	{ background: url(../images/masthead.png) center top no-repeat;
	  margin: 0 auto 0 auto; height: 240px; }
div#header { width: 880px; margin: 0px auto 0 auto; padding: 80px 0 0 0; height: 140px;}
div#dateline { width: 600px; margin: 0 auto 0 auto; padding: 0 280px 0 0; height: 20px; }
div#container0 /* for content and footer */
	{ background: url(../images/body.png) center top repeat-y;
	  margin: 0 auto; }
div#container1 /* fish */
	{ background: url(../images/fish.png) center bottom no-repeat;
	  margin: 0 auto; }
div#container2
	{ margin: 0 auto; width: 880px; padding: 20px 0 0 0;}
div#content /* site content */
	{ margin: 0; min-height: 800px; width: 640px; position: relative;}
div#content.adminContent { width: 880px; } /* admin has no sidebar */
div#floatContainer /* to keep floats from messing up with the sidebar */
	{ float: left; width: 100%;}
div#sidebar /* sidebar */
	{ width: 200px; float: right;}
div#footer /* footer */
	{ margin: 0 auto; height: 110px; width: 920px; padding: 90px 0 0 0; color: white;}


/* Typography */
body 	{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #4f4f4f; }
h1,h2,h3,td,th,form, 
#dateline p,
#companyInfo p,
#nav a,
#footer p,
div#tabs ul li a, textarea  {font-family: Tahoma, Arial, sans-serif; }
h1		{ font-size: 24px; line-height: 24px; padding:  0   0 12px  0  ; color: #0f4469; font-weight: bold; letter-spacing: 1px;}
h2		{ font-size: 18px; line-height: 24px; padding:  6px 0  6px  0  ; color: #2d666e; font-weight: normal; letter-spacing: 1px;}
h3		{	font-size: 14px; line-height: 18px; padding: 12px 0  6px  0  ; color: #222222; }
p			{ font-size: 13px; line-height: 18px; padding:  0   0  9px  0  ; color: #4f4f4f; }
li,dd { font-size: 13px; line-height: 18px; padding:  0   0  9px  0  ; color: #4f4f4f; }
li li { font-size: 13px; line-height: 12px; padding:  0   0  0    0  ; color: #4f4f4f; } 

strong 		{ font-weight: bold; color: #000000;}
em 				{ font-style: italic; color: #000000; }
blockquote { margin: 9px 0px; padding: 0 9px; border-left: 8px solid #cdcdcd; background-color: #eeeeee; }
	blockquote p { padding: 9px 0 0 0; font-style: normal;}
	blockquote p.quoteSource { font-style: italic; font-size: 13px; padding-bottom: 9px; }
a { color: #1A608F; }
	a:link 		{ color: #1A608F; }
	a:visited 	{ color: #1A608F; }
	a:hover 	{ color: #990000; background-color: #eeeeee; }
	a:active 	{ color: #000000; }
ul { list-style-position: outside; list-style-type: square; margin: 0 0 0 1.5em; padding: 6px 0 12px 0; }
ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 0 1.5em; padding: 6px 0 12px 0; }
ul ul, 
ol ul { list-style-type: disc; margin: 0 0 0 2em; padding: 0; list-style-position: outside; }
ol ol, 
ul ol { list-style-type: lower-alpha; margin: 0 0 0 2em; padding: 0 0 0 0; list-style-position: outside; }
dl { margin: 0; padding: 6px 0 12px 0; }
dt { font-size: 13px; line-height: 18px; margin: 0; padding:  0; font-weight: bold; }
dd { font-size: 13px; line-height: 18px; margin: 0 0 0 1.5em; padding:  0; }

/* Tables */
table  {  }
td, th { font-size: 12px; line-height: 18px; text-align: left; font-weight: normal; }
th     { vertical-align: top; }
td     { vertical-align: top; }
.cellCenter {text-align: center !important;}
.cellLeft {text-align: left !important;}
.cellRight {text-align: right !important;}
.buttoncell {vertical-align: bottom;}
.form_cell { height: 35px;}
.cell_callout { background-color: #eeeeee; }
.cell_title { font-weight: bold; font-size: 12px;}

table.data { 
				margin: 30px 0 20px 0; padding: 5px; background-color: #ffffff; border: 4px solid #0f4469;  }
table.data td,
table.data th { 
				padding: 3px 5px; margin: 0; font-size: 12px; line-height: 17px; vertical-align: bottom;
				background-color: #ffffff; border-top: 1px solid #eeeeee; color: #4f4f4f;}
table.data td {
				text-align: right;
}
table.data tr.headerRow th { 
				font-weight: bold; text-align: right;
				border-bottom: 2px solid #999999; border-top: none; color: #4f4f4f;}
table.data tr.subheader th { 
				font-size: 13px; font-weight: bold; text-align: left; color: #0f4469;
				border-bottom: 1px solid #999999; border-top: none; padding-top: 15px;}
table.data tr.dataRow th { 
				font-weight: normal; text-align: left;}
table.data tr.totalRow th, 
table.data tr.totalRow td {
				font-weight: bold !important;}
table.data tr .tablenote { 
				font-weight: normal !important; font-size: 10px; }
table.data tr.rownote td { 
				text-align: left; font-style: italic; padding-bottom: 8px;}
table.data td.gfe_cell {background-color: #eeeeee;}
table.data td.gfe_label { color: #990000; font-size: 10px; text-align: left;}

table.info { 
				margin: 30px 0 20px 0; padding: 5px; background-color: #ffffff; border: 4px solid #0f4469;  }
table.info td,
table.info th { 
				padding: 3px 5px; margin: 0; font-size: 12px; line-height: 17px; vertical-align: top; text-align: left;
				background-color: #ffffff; border-top: 1px solid #eeeeee; color: #4f4f4f;}

table.info tr.headerRow th { 
				font-weight: bold; text-align: center;
				border-bottom: 2px solid #999999; border-top: none; color: #4f4f4f;}
table.info tr.subheader th { 
				font-size: 13px; font-weight: bold; text-align: left; color: #0f4469;
				border-bottom: 1px solid #999999; border-top: none; padding-top: 15px;}
table.info tr .tablenote { 
				font-weight: normal !important; font-size: 10px; }
				
table.resource td,
table.resource th { padding: 3px 5px; margin: 0; font-size: 14px; line-height: 20px; vertical-align: bottom; border-top: 1px solid #eeeeee; color: #4f4f4f; }

/* Graphics */
img.imgRight  { border: 1px solid #999999; padding: 0; margin:  2px  0    0px 18px; float: right; }
img.imgLeft   { border: 1px solid #999999; padding: 0; margin:  2px 18px  0px  0;   float: left; }

/* Forms */
.calcForm form 							{ border: none; padding: 0; margin: 0; }
.calcForm textarea 					{ font-size: 12px; color: #0f4469; padding: 3px;}
.calcForm input[type=text] 	{ font-size: 12px; color: #0f4469; }
.calcForm input[type=submit]{ font-size: 12px; line-height: 18px; }
.calcForm div.checkInput 		{ padding-right: 20px;}
.calcForm label, .groupLabel { font-size: 12px; line-height: 18px; font-weight: bold; color: #4f4f4f; }
.calcForm label.checkLabel { font-weight: normal;}
.calcForm label .labelNote { font-weight: normal; color: #990000; font-style: italic;}
.calcForm label .warning {font-weight: normal; color: #990000;}
.calcForm form p 						{ padding: 0; }
.calcForm div.formSection 	{ margin: 0; padding: 9px 0px; min-height: 18px; height: auto !important; height: 18px; clear: left; }
.calcForm div#honeypot			{ display: none; }

/* Response forms */
.contactForm { background-color: #eeeeee; padding: 10px; border: 1px solid #cccccc; margin: 0px;  }
.responseForm form 							{ border: none; padding: 0; margin: 0; background-color: #eeeeee; }
.responseForm textarea 					{ font-size: 14px; width: 95%; background-color: #ffffff; color: #0f4469; padding: 4px;  border: none; }
.responseForm input[type=text] 	{ font-size: 14px; color: #0f4469; background-color: #ffffff; width: 95%; border: none; padding: 4px; }
.responseForm input[type=submit]{ font-size: 12px; line-height: 18px; }
.responseForm div.checkInput 		{ padding-right: 20px;}
.responseForm label, .groupLabel { font-size: 12px; line-height: 18px; font-weight: bold; color: #4f4f4f; }
.responseForm label.checkLabel 	{ font-weight: normal;}
.responseForm label .labelNote 	{ font-weight: normal; color: #990000; font-style: italic;}
.responseForm label .warning 		{font-weight: normal; color: #990000;}
.responseForm form p 						{ padding: 0; }
.responseForm div.formSection 	{ margin: 0; padding: 9px 0px; min-height: 18px; height: auto !important; height: 18px; clear: left; }
.responseForm div#honeypot			{ display: none; }

/* Classes */
.formNote 			{ font-size: 11px; }
.formError 			{ font-size: 11px; font-weight: bold; color: #990000; }
.retMessage   	{ font-weight: bold; color: #0f4469; }
.success				{ font-style: italic; font-size: 18px; line-height: 30px; color: #0f4469; background-color: #ffffff; border: 1px solid #0f4469; padding: 10px; }
.warning   			{ font-weight: bold; color: #990000; }
.floatclear 		{ clear: both; }
.note           { font-style: italic; font-size: 11px; }
.smalltext     	{ font-size: 10px; font-weight: normal;}
.takeNote			  { font-size: 13px; color: #0f4469; font-weight: bold; }
.disclaimer			{ font-size: 11px; color: #990000; font-style: italic;}
.front					{ font-size: 15px; line-height: 24px; padding: 9px 0 9px 0;}

/* HeaderQuotes */
div#headerQuotes { width: 600px; overflow: hidden; }
div#headerQuotes p { color: #bbbbbb; font-size: 16px; line-height: 24px; font-style: italic; margin-left: 0; font-weight: normal; }
div#headerQuotes p strong {color: #999999; font-weight: bold;}
	
/* Dateline */
div#dateline p { color: white; font-size: 12px; padding: 0;}

/* Sidebar - CompanyInfo */
div#companyInfo p { color: #0f4469; }
div#companyInfo p.phone { font-size: 18px; font-weight: bold; }

/* Sidebar - nav */
div#nav ul { list-style: none; margin: 0; padding: 0;}
div#nav li { text-indent: 0; margin: 0; padding: 0; }
div#nav a { color: #ffffff; background-color: #cdcdcd; letter-spacing: 1px; font-size: 20px; line-height: 30px; display: block; padding: 0 5px; text-decoration: none; text-transform: lowercase;  margin: 0 0 5px 0;}
div#nav a:hover { background-color: #2d666e; }
div#nav p { margin: 0 0 10px 10px; font-style: italic; }

/* Footer */
div#footer p { font-size: 11px; line-height: 15px; color: #999999; font-weight: normal; margin: 0; padding: 0;}
div#footer p a, 
div#footer p a:link, 
div#footer p a:visited 	{ color: #999999; text-decoration: none; }
div#footer p a:hover 		{ color: #cccccc; text-decoration: underline; background-color: transparent; }
div#footer p.rldlink a { font-size: 9px; color: #666666;}
	
/* Calculator pages */
button.switcher { float: right;}

/* Employee listing */
div.employee { width: 165px; margin: 0 0 20px 0; padding: 10px; float: left; background-color: #eeeeee; border: 1px solid #cccccc;}
div.employee.ee_left { clear: left; }
div.employee.ee_center { margin-left: 15px; margin-right: 15px;}
div.employee p.ee_name {font-weight: bold; font-size: 13px; line-height: 18px; padding: 0;}
div.employee p.ee_position {font-size: 12px; line-height: 18px; padding: 0;}
div.employee p.ee_phone {font-size: 12px; line-height: 18px; padding: 0;}
div.employee p.ee_email {font-size: 12px; line-height: 18px; padding: 0;}

/* Departments */
div#departments p { font-weight: bold; margin-left: 20px;}
div#departments p a {font-weight: normal;}

/* Side by side display divs */
div.sidebyside { width: 300px; margin: 0 10px;  float: left; }
div.colorBox { background-color: #eeeeee; padding: 10px; margin: 0 0 20px 0; border: 1px solid #cccccc; }



/* Slow js */
.js #tabs { display: none;}
.js .accordion {display: none; }
.loading {display: none;}
.js .loading { display: block;  padding: 100px 0 0 0; font-size: 18px; text-transform: uppercase; letter-spacing: 5px; text-align: center; color: #aaaaaa; font-family: Arial, sans-serif;}