
/** Start Eric Meyer Reset v1.0 | 2008.02.12 **/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/** End Eric Meyer Reset **/


* html #wrapper {
	width: 92%;		/* Need for IE6 since it ignores the max-width setting on the #content */
}

body {
	background: #043C3B url(../images/try-new-bg.png) repeat-x top left;	/** #043C3B is dark green **/
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.5em;
	color: #4b4b4b;
}

#wrapper {
	margin-top: 7em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	min-width: 800px;	/* use px for min-width and max-width, not % or em */
	max-width: 1200px;	/* and realize that IE (at least <IE7) will ignore these rules */
	width: 90%;
	height: 100%;
}

.inner-2 {
	display: block; 
	background: #757575;
	border: 1px solid #a9a9a9;
	position: relative;
	padding: 1px;
	margin: 1px;
}

.inner-1 {
	background: #f5f5f5;
	border: 1px solid #00776B;
	position: relative; 
	padding: 1em;
	height: 100%;	/* IE throws a trantrum without this */
}

.dropshadow{
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	width: auto;
	padding: 0;
}

.dropshadow.left {
	float: left;
	margin: 0.5em 2em 0 0.5em;
}

.dropshadow.right {
	float: right;
	margin: 0.5em 0 0 2em;
}

.innerbox {
	background: #e6e6e6;
	position: relative;
	bottom: 6px;
	right: 6px;
	border: 1px solid #999999;
	padding: 4px;
	margin: 0;
}

.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

.innerbox p {		
	font-size: 14px;
	margin: 3px;
}

.centered {
	display: block;
	margin: 0 auto;
}

#logo {
	float: left;
	/*width: 22%;*/
	margin-right: 60px;
}

/**
#logo div {
	margin-right: 2em;
	background: pink;
	border: 1px solid red;
}
**/

#logo a img {
	border: none;
}

#menu {
	/*float: right;*/
	width: 72%;	/* was 77%; */
	margin-bottom: 1em;
	margin-left: 200px;	/* sdb try */
}

/**
#menu div {
	padding: 10px;
}
**/

#content {
	clear: both;
	padding: 0.5em;
	margin: 1em;
}

a {
	outline: none;	/** see sonspring.com/journal/removing-dotted-links **/
}

p {
	font-size: 1.3em;
	padding: 0.5em;
	margin: 0.5em;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.2em;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear-both {
	clear: both;
}

.clear-left {
	clear: left;	
}

.clear-right {
	clear: right;
}


.one-third {
	width: 38%;
	min-width: 300px;	
	padding: 1em;	/*12px 50px;*/
	background: url(../images/yellow-vertical-gradient.png) repeat-x;
	border: 1px solid white;
}
.two-thirds {
	width: 56%;
	min-width: 400px;	
}


.section-A {
	width: auto;	/* try to get floating upper right sidebar like jfs */
	float: right;	/* try to get floating upper right sidebar like jfs */
	padding: 1.5em;	/*12px 50px;*/
	margin: 2em;
	background: url(../images/yellow-vertical-gradient.png) repeat-x;
	border: 1px solid white;
}

.section-A h1 {
	font-size: 1.9em;
	font-weight: bold;
	margin: 0 0 0.5em 0;	/* was 0.5em 0; */
	line-height: 1.5em;
}

.section-A img {
	/*border: 1px dotted green;	*/
	margin-right: 2em;
}

.section-A p {
	padding: 0;
	margin: 1em 0.3em;
	width: 20em;
	line-height: 1.5em;
}

.section-A a {
	color: #1D6B8C;
	font-size: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #1D6B8C;
}

.section-A a:hover {
	color: #00A651;
	text-decoration: none;
	border-bottom: 1px solid #00A651;
}

.section-A ul {
	margin-left: 2em;
	width: 90%;	/* 300px; */
}

.section-A li {
	padding-left: 1.7em;
	background: url(../images/arrow-right.png) no-repeat;
	background-position: left 5px;	/* was left center */
	line-height: 1.7em;
	margin-bottom: 1.5em;
	font-size: 1.4em;
}

.section-A .heading1 {
	font-size: 1.9em;
	line-height: 1.3em;	
}

.section-A .heading2 {
	font-size: 1.3em;
	line-height: 1.1em;	
}

.section-A .floating-width {
	width: auto;
}

.section-B {
	height: auto;	/* try to get floating upper right sidebar like jfs */
}

.section-B h1 {
	font-size: 2.6em;
	font-weight: normal;
	line-height: 1.2em;
}

.section-B h2 {
	font-size: 1.8em;
	color: #033764;
	font-weight: normal;
	line-height: 1.2em;
	padding-top: 1.5em;
}

.section-B p {
	padding: 0;
	margin: 1em 0.3em;
	line-height: 1.5em;
	font-size: 1.6em;
}

.section-B a {
	color: #1D6B8C;
	font-size: 1.0em;
	text-decoration: none;
	border-bottom: 1px dotted #1D6B8C;
}

.section-B a:hover {
	color: #00A651;
	text-decoration: none;
	border-bottom: 1px solid #00A651;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;	
}

.width27 {
	width: 27%;	
}

.width30 {
	width: 30%;	
}

.width35 {
	width: 35%;	
}

.width40 {
	width: 40%;	
}

.width50 {
	width: 50%;	
}

.width60 {
	width: 60%;
}

.width65 {
	width: 65%;	
}

.width70 {
	width: 70%;	
}

.width75 {
	width: 75%;	
}

.subsection {
	/*background: url(../images/bg-service_separator.gif) bottom center no-repeat;*/
	background: #EFFAF9;
	/*padding-bottom: 1em;*/
	/*margin: 1.5em 0;*/
	padding: 1.5em 0.5em 0 0.5em;
	margin: 2.5em 0.5em 2.5em 0.5em;
	line-height: 1.9em;
	border: 1px solid #F3E6BF;
}

.subsection img {
	margin: 1.2em;
}

.subsection h1, .subsection h2, .subsection h3 {
	margin-left: 1.2em;	/* was 11.3em; */
	margin-bottom: 1.5em;
	font-size: 1.6em;
	font-weight: normal;
}

.subsection h3 {
	font-weight: bold;
}

.subsection p {
	padding: 0;	/* override from above */
	margin: 0;	/* override from above */
	margin-left: 1.2em;	/* was 14em; */
	margin-bottom: 1.2em;
	font-size: 1.4em;
}

.subsection a {
	/*margin-left: 12em;*/
	font-size: 1.8em;
}

.reg-font {
	font-size: 1.1em !important;
}

.top-box {
	float: right;
	padding: 0;
	margin: 0;
}

.top-box a {
	text-decoration: none;
}

/* Pagetop code borrowed from the EPA: http://www.epa.gov/epafiles/s/epa-content.css */

p.top-of-page {
	margin: 1em 0;
	font-size: 1.3em;
	background: url(../images/up-arrow-button.png) no-repeat 0 50%;
}

p.top-of-page a {
	border: none;
	color: #4B93B1;
	padding-left: 2.5em;
	text-decoration: none;
}

p.top-of-page a:hover {
	border: none;
	color: #3B758D;
	text-decoration: underline;
}

.smallfont {
	font-size: 1.2em !important;	
}

.smallerfont {
	font-size: 1.0em !important;
}

.darkgreen {
	color: #106761;
}

.highlight-1 {
	background: #FFFFE6;	/* light yellow */
	padding: 0.2em 0.5em 0.2em 0.5em;
}

.highlight-2 {
	background: #E3F2ED;	/* light green */
	padding: 0.2em;
}

.highlight-3 {
	background: #B9F2ED;
	padding: 0.1em 0.2em 0 0.2em;
}

.highlight-4 {
	background: #FFEDB9;
	padding: 0.1em 0.2em 0 0.2em;
}

.highlight-5 {
	background: #C4E2D1;
	padding: 0.2em 0.2em;
	color: #005A9C;
}

.highlight-6 {
	background: #FFEDB9;
	padding: 0.2em;
}

.highlight-6

.highlight-yellow {
	background: #FCFCE9;
	padding: 0;
	/*color: #005B2C;*/
}

.highlightbox {
	width: auto;	/* was 50em; */
	padding: 1em;	/* was 1em 1em 0 1em; */
	border: 6px double #665193;
	margin: 0 2.5em 1em 0;	/* 1.5em 1.5em 0 1.5em; */
}

.highlightbox h1 {
	color: #005529;
	font-size: 2em;
	padding: 0 0 0.5em 0;
}

.highlightbox p {
	color: #C2264F;		/* rose */
	line-height: 1.7em;
	font-size: 1.5em;
}

.highlightbox ul li {
	color: #154B62;
	font-size: 1.4em;
	line-height: 2.2em;
	margin-left: 1.5em;
	list-style-image: url(../images/checkmark.png);
}

.freeoffer {
	background: #FFEDB9 url(../images/freebie-button.png) no-repeat 50% 10px !important;
	width: 210px;
	float: right;
	padding: 10em 1em 0em 0em;
	border: 4px dashed #9B8ABF;
	margin: 0 2em 1.5em 2.5em;
}

.freeoffer p {
	font-size: 1.3em;
}

.freeoffer a {
	font-size: 1.0em;
}

.freeanalysis {
	margin: 1em;
}

.fancyquote {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #475CFF;	
}

.light-green {
	background: #EBF6D4;
}

#pullquote {
	background: #F0F3E4;
	float: left;
	width: 400px;
	margin: -1.5em 0 1em 0;
	padding: 1em 1em 3em 1em;
}

.checklist {
	background: url(../images/my-paper.jpg) repeat-y;
	padding: 2em 0 3em 4em;
	margin-bottom: 3em;
}

.checklist h1 {
	color: #065453;
	font-size: 1.6em;
	font-weight: bold;
	margin: 1.5em 0;
}

.checklist ul {
	margin-left: 2em;	
}

.checklist ul li {
	color: #226340;
	font-size: 1.4em;
	line-height: 2.5em;
	margin-left: 1.5em;
	list-style-image: url(../images/circle-checkmark.png);
}

#footer {
	clear: both;
	padding: 1em;
	border: 1px solid #D9D9D9;
	margin: 2em 2em;
	background: url(../images/diagonal-stripe-pattern.gif) repeat;
	height: 18em;
}

#footer dl, #footer dt, #footer dd {
	margin: 0;
	padding: 0;
}

#footer dl {
	width: 27%;
	float: left;
	margin: 0 1.9em;
}		
	
#footer dt {
	display: block;
	padding-bottom: 0.7em;
	border-bottom: 2px solid #1E766A;
	margin: 1em 0 1.2em 0;
	font-size: 1.2em;
	color: #1E766A;
}

#footer dd {
	border-bottom: 1px dotted #333333;
	margin-bottom: 1em;
}

#footer ul li {
	border-bottom: 1px dotted #333333;
	list-style: none;
}

#copyright {
	background: transparent url(../images/dark-gray-20px-high.gif);
	color: #FFFBF0;
	padding: 0.6em;
	margin: 1em 2em 0 2em;
	clear: both;
}

#copyright img {
	vertical-align: middle;
	padding: 0;
	margin: 0;
}


.curvy-box {
	position: relative; 
	width: 96%;
	background: #116655;
	color: #000; 
	text-align: center;
	margin: 4em auto 0.5em auto;
}

#curvy-box-top-left, #curvy-box-bottom-left, #curvy-box-top-right, #curvy-box-bottom-right {
	position: absolute; 
	width: 20px; 
	height: 20px; 
	color: #116655; 
	background: #f5f5f5;	/* must match page bg color */
	overflow: hidden; 
	font-style: normal; 
	z-index: 1;
}

#curvy-box-top-left {
	top: 0; 
	left: 0;
}

#curvy-box-bottom-left {
	bottom: 0; 
	left: 0;
}

#curvy-box-top-right {
	top: 0; 
	right: 0;
}

#curvy-box-bottom-right {
	bottom: 0; 
	right: 0;
}

.curvy-box em b {
	position: absolute; 
	font-size: 150px;		/* the bullet character used for the corners */
	font-family: arial;		/* must be large and in arial font           */
	color: #116655; 
	line-height: 40px; 
	font-weight: normal;
}

#curvy-box-top-left b {
	left: -8px;
}

#curvy-box-top-right b {
	left: -25px;
}

#curvy-box-bottom-left b {
	left: -8px; 
	top: -17px;
}

#curvy-box-bottom-right b {
	left: -25px; 
	top: -17px;
}

.curvy-box p {
	position: relative; 
	z-index: 100; 
	padding: 12px 10px;
	color:  #CFEDE7;
}

.curvy-box a {
	color: #96D8CC;
	text-decoration: none;
	font-variant: small-caps;
	border-bottom: 1px dotted #96D8CC;
}

.curvy-box a:hover {
	color: #96D8CC;
	text-decoration: none;
	font-variant: small-caps;
	border-bottom: 1px solid #96D8CC;
}

