/* 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 */

.italicindent { font-style:italic; padding-left: 20px;}


/*=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  }