/* 
  Based on the Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
	 font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 12px; 
  color : #000000; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #FFF; 
  border : 0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #FFF; 
  border : 0;
}

/* form legends and dt "heading" */
legend, dt { 
  padding: 5px 0 0 0 !important;
  font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
  font-weight : bold; 
  color: #660033;
}

/* main legend at top of the form */
legend#mainlegend { 
 font: 15px/1.5em  Arial, Helvetica, Verdana, sans-serif; 
 font-weight: bold;
  color : #000000; 
}
legend#mainlegend { 
  font-size : 15px;
  color : #000000; 
}

/* form label text */
label {
	padding : 6px 0 4px 0; 
	font: 12px/2em  Arial, Helvetica, Verdana, sans-serif; 
  	color : #000000;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; 
  color : #333333; 
  padding : 2px; 
  border : 1px solid #99CCCC;
  background-color : #fffffa;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color :  #993300; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #000000; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 12px; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #FFF; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 0px solid #000; 
  color: #000;
  background-color: #99CCCC;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 12px; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #000000;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}
/* End Contact CSS */

/* CSS for Empowered-Divorce.com by DaysWork October 2008 */

/* to help with EI 6 and 7 - some snippets based on Eric Meyer's Reset Reloaded http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

/*  =HTML 
-------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus { outline: 0; }

blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "" } 

/* end Reset Reloaded */

body {
	line-height: 1.2em;
	background: #13394D;
	font: 72%/1.6 Verdana, sans-serif;
	color: #424D12;
	}

h1, h2, h3, h4, h5, h6, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0 0.5em 0;
	} /*Puts top and bot margin back on certain elements */

h1, h2, h3 { font-weight: normal }
h1 { font-size: 197%;  color: #660033; } /* med red */
h2 { font-size: 167%; color: #144B6B;} /* dk teal */
h3 { font-size: 100%; font-weight: bold; color: #144B6B;} /* dk teal */

p, ol, ul { font-size: 106%; line-height: 1.8em }
p 	{  
	margin: 0 0 1em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

strong { font-weight: bold }

ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul li {
	padding-left: 15px;
	padding-bottom: 8px;
	background:  url(../images/img04.gif) no-repeat 0px 8px;
	}
blockquote {
	margin: 0;
	padding: 20px 25px;
	font-size: 108%; 
	font-weight: bold;
	font-style: italic;
	line-height: 1.9em 
	}

a { color: #4D122F }

a:hover { text-decoration: underline; color: #708208; }

img {border: 0} /* Remove border around linked images */

img.left { float: left; margin: 3px 15px 0 0 }

img.right { float: right; margin: 3px 0 0 15px }

hr { display: none }
	

/* =LAYOUT  
-------------------------------------------*/		

/* set width border background for pages */
#wrapper {
	position:relative;
	width: 780px;
	margin: 10px auto 0 auto;
	padding: 0;
	background: #FFFFFF;
	border: #4D122F 0px solid;  /* remove border? */
	}

/*=Header 
-------------------------------------------*/	
#header { padding: 0 } 

#header h2 {
	margin: 0; /* zero margin of last element in  #header to avoid margin collapse */
	padding: 20px 0; /* use padding instead of margin to keep away from edges */
	}
	
/* =Branding 
-------------------------------------------*/	
#branding {
	position: relative;
	width: 780px;
	height: 347px;
	padding: 0;
	margin: 0; 
	overflow: hidden;	
	}
#branding span{
	position: absolute;
	width: 780px;
	height: 347px;
	left: 0;
	top: 0;
	margin: 0;
	background: #FFFFFF url(../images/header.gif) no-repeat; 
	}

/* positions home page introductory text*/
#intro {
	position: absolute; left: 220px; top: 180px;
	width: 70%;
	}
#intro h1 { 
	padding-top: 0; 
	font-size: 122%; 
	line-height: 1.4em;  
	}
#intro h2 { 
	padding-top: .5em; 
	font-size: 106%; 
	line-height: 1.5em;
	font-weight: normal; 
	}
		
/* =Branding - secondary pages 
-------------------------------------------*/	
#branding1 {
	position: relative;
	width: 780px;
	height: 142px;
	padding: 0;
	margin: 0; 
	overflow: hidden;	
	}
#branding1 span{
	position: absolute;
	width: 780px;
	height: 142px;
	left: 0;
	top: 0;
	margin: 0;
	background: #FFFFFF url(../images/header1.gif) no-repeat; 
	}

/* =Navigation 
-------------------------------------------*/

/* top tab navigation bar */
#topnav {
	width: 100%;
	background: #424D12; /* nav bar BG */
	}
#topnav ul {
	padding: 10px 0;
	list-style: none;
	line-height: normal;
	text-align: left;
	color: #FFFFFF;
	}
#topnav li {
	display: inline;
	margin: 0 !important; 
	padding: 0 !important;
	background: #424D12 url(../images/img07.gif) no-repeat 0px 0px; /* FIX uses image that doesn't exist to remove graphic bullet */
	}
#topnav a {
	padding: 10px 6px;
	text-decoration: none;
	font-size: 97%;
	font-weight: bold;
	color: #FFFFFF;
	}
#topnav a:hover {
	padding: 10px 6px;
	color: #FFFFF;
	background-color: #660033;  /* hover BG*/
	text-decoration: none;
	}
#topnav .active a {
	padding: 10px 6px;
	color: #819A15;
	background-color: #4D122F; /* UR here color */
	}

/* = Content area wrapper - home page
-------------------------------------------*/	
#pagewrap {
	position: relative;
	left:auto;
	top: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	}
/* = Content area wrapper - secondary pages and green right column bg
-------------------------------------------*/	
#pagewrap1 {
	position: relative;
	left:auto;
	top: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF url(../images/pagecolbg.gif) repeat-y;
	}

/* Center content 1 - for Home page with 2 column layout 
-------------------------------------------*/
#centercontent1 {
	float: left;
	width: 100%;
	padding: 0;
	}
#centercontent1 h1 { 
	font-size: 197%; 
	line-height: 1.4em;  
	}
#centercontent1 h2 { 
	font-size: 127%; 
	line-height: 1.5em;
	font-weight: bold; 
	}
#centercontent1 h3 {
	font-size: 127%; 
	line-height: 1.5em; 
	font-weight: bold;
	}

/* = Left and right columns
-------------------------------------------*/
.columns .colhead {
	padding-top: 10px;
	border-bottom: 0px solid #97C984;
	}
.columns .col1, .columns .col2 {
	padding: 0 25px;
	width: 340px;
	}
.columns .col1 {
	float: left;
	background: #FFFFFF url(../images/redbg3.gif) repeat-x;
	}
.columns .col2 {
	float: left;
	background: #FFFFFF url(../images/redbg3.gif) repeat-x;
	}
.columns ul {
	/*margin-left: 0;
	padding-left: 0;*/
	list-style: none;
	}
.columns ul li {
	padding-left: 15px;
	padding-bottom: 5px;
	background:  url(../images/img04.gif) no-repeat 0px 8px;
	}
.columns h2 {
	padding-left: 0;
	}

/* Center content 2 - for secondary pages with right sidebar 
 ------------------------------------------*/
#centercontent {
	float: left;
	width: 420px;
	padding: 0 20px 0 30px; /* sets secondary page content padding */ 
	}
#centercontent h1, h3 {line-height: 1.4em; font-weight: bold  }

#centercontent h1 { padding-top: 0; font-size: 150% }
#centercontent h2 { padding-top: 8px; font-size: 117%; line-height: 1.5em; font-weight: bold  }
#centercontent h3 { padding-top: 5px; font-size: 105% }

	
/* Sidebar - for secondary pages
 ------------------------------------------*/
#sidebar {
	float: right;
	width: 290px;
	height: 100%;
	background: #E7F2A5 url(../images/rcolumnbg.gif) repeat-y; 
	}
#sidebar h2 { 
	padding: 5px 25px 0px 30px;
	font-size: 147%; 
	line-height: 1.5em; 
	font-weight:bold; 
	}
#sidebar h3 { 
	padding: 5px 10px 0px 30px;
	font-size: 117%; 
	line-height: 1.5em; 
	font-weight: bold;
	}
.content { /* sets padding for right column content */
	padding: 0px 30px 0px 30px;
	border-top: none;
	}	
.content p, .content ul, .content ol {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	}
#sidebar ul {
	list-style: none;
	}
#sidebar ul li {
	padding-left: 15px;
	padding-bottom: 10px !important;
	background: url(../images/img04.gif) no-repeat 0px 8px;
	}

/*=Misc Classes 
-------------------------------------------*/
/*  color for business name throughout  */
.logotext { color: #660033; font-weight: bold }

/* hanging indent for block quotes */
.hang {
	 text-indent: -10px;
	 padding-left: 30px;
	 padding-right: 42px;
	}
.fltrt { /*  to float right this must precede element */
	float: right;
	margin: 0 10px 0 10px;
	}
.fltlft { /* float left */
	float: left;
	margin: 5px 20px 5px 0;
	}
.clear { clear:both; height: 0px; } /* Class for clearing floats */


/*=Footer 
-------------------------------------------*/
#footer {
	margin: 0 auto 10px auto;
	padding: 8px 0;
	width: 780px;
	background: #424D12; /* nav bar BG */
	}
#footer p {
	margin: 0;
	text-align: center;
	line-height: 1.8em;
	font-size: 87%;
	color: #FFFFFF;
	letter-spacing: .9px;
	}
#footer a { color: #FFFFFF}
#footer a:hover { text-decoration: underline; color: #9AAF1E }