/* -----------------------------------*/
/* >>> TOC <<< */
/* -----------------------------------*/
/*
Browser Style Reset
Section 1 - Global Page Structure
Section 2 - Global Body and Font
Section 3 - Link Styling
Section 4a - Extra Navigation for Header
Section 4b - Articles Column (2nd place; middle)
Section 4c - Subscribe and Advert Column (3rd column; far right)
Section 4d - Footer
Section 5 - Boxes
Section 6 - Other Styles and Classes
Section 7 - Tables
*/
/* -----------------------------------*/
/* >>> Notes <<< */
/* -----------------------------------*/
/*
blue:  #223399
green: #32660C

darker gray: #464646
gray:  #393939
lighter gray: #E0E0E0
*/

/* >>> Colors <<< */
.blue, .pricolor{color:#223399}
.green, .secolor{color:#32660C}
.graydark, .greydark{color:#464646}
.gray, .grey {color:#393939}
.graylight, .greylight{color:#e0e0e0}
.red, .bricolor {color:#982700}
.hilite {
background-color:#e0e0e0;
border: 1px solid #32660C;
padding: .25em;
}

/* ------ Browser Style Reset ------ */
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}body{line-height:1;color:black;background:white}ol,ul{list-style:none}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* ------ Section 1 - Global Page Structure ------- */
#PageWrapper {
margin : 0 auto 24px;
padding: 0 5px;
width : 860px;
z-index : -100;
}
#Header {
border-bottom: 5px solid #707070;
height : 90px;
position : relative;
}
#Logo {
position: relative;
}
#ContentWrapper {
float : left;
width : 100%;
z-index : 0;
margin-top: 15px;
}
#ContentColumn {
border-right:2px solid #707070;
width: 500px;
}
#NavColumn, #ExtraColumn {
float : left;
width : 180px;
z-index : -900;
} /* margin-top : -120px; */

#NavColumn {
margin-left : -360px;
border-left: 2px solid #707070
}
#ExtraColumn {
margin-left : -180px;
}
#Footer {
background : white;
clear : both;
padding : 20px 0;
text-align : center;
text-indent:0;
}
.Liner {
padding : 10px;
}
#Header .Liner {
padding : 0;
}
#ContentColumn .Liner {
padding-top: 1px
}
#Footer .Liner {
margin : 0;
padding : 0;
}


/* ------ Section 2 - Global Body and Font ------ */
/* drewish[dot]com/tools/vertical-rhythm */
.PrintOnly, .skiplink {  /* skiplink allows screen reader to skip over nagivation and go straight to content */
 display : none;
}
p.printbreak, br.printbreak {
display:none
}

body {
	font-size: 100.01%;  /*16px = 1em */
	line-height: 1.5;  /* multiplier against font-size */
	margin: 0; padding: 0;	
}
body.blank {
 background : none;
}
h1, p.h-one, h2, h3, h4, p.h-four, h5, h6 {
 background-color : transparent;
 clear : both;
 color : #707070;
 font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
}


h1 {
font-size:1.375em;
font-weight: bold;
line-height: 1.0909090909090908;
z-index: 20;
}

h1 .sub, h2 .htwosub {
color:#464646;
font-size:1.5em;
line-height: 1.0909090909090908;
}

h2 /* Page Title */ {
color:#32660C;
font-size: 2em;
font-weight: bold;
line-height: 1em;
z-index: 20;
 }

h3 /* Section Headings */{
clear : both;
display : block;
font-size: 1.375em;
font-weight : normal;
letter-spacing : normal;
line-height: 1.0909090909090908;
margin: 1.0909090909090908em 0;
width : 99%;
}
#ContentColumn h2, #ContentColumn h3 {
max-width: 350px;width: 350px;
}
h4, p.h-four /* Paragraph Titles */{
font-size: 1.25em;
font-style : normal;
letter-spacing : normal;
line-height: 1.0909090909090908;
margin: 0 0 1.0909090909090908em;
}
p.h-four {
margin:0; padding:0;
text-indent:0
}
h5 { /* Paragraph subdivider titles. To break up long paragraphs. */
font-weight : bold;
color : #223399;
font-size: 1em;  /* 16px */
line-height: 1.5;
margin: 0 0 1.0909090909090908em;
}
h6 {} /* breadcrumbs; see below */

/*  Logo  */

#Logo img {
z-index: 1000;
float:left;
clear:none;
}
#Logo h1, #Logo h1 a:link, #Logo h1 a:visited, #Logo h1 a:hover, #Logo h1 a:active,
#Logo p.h-one, #Logo p.h-one a:link, #Logo p.h-one a:visited, #Logo p.h-one a:hover, #Logo p.h-one a:active {
clear:none;
color:#223399;
font-size: 29px; /* fixed */
font-style: normal;
font-weight: bold;
overflow:hidden;
padding-bottom:0;
padding-top: 6px;
text-decoration: none !important;
text-indent:0;
word-spacing: 0;
z-index: 0;
}
#Logo p.logo, #Logo p.logo a:link , #Logo p.logo a:visited , #Logo p.logo a:hover , #Logo p.logo a:active {
clear:none;
color: #32660C;
font-size: 16px;  /* fixed */
font-weight: bold;
text-decoration: none !important;
margin-top: -5px;
padding: 0;
vertical-align: baseline;
z-index: 0;
margin: 0;

}


/*  Text  */
p, a, ol, ul, li, li h4, blockquote, pre, td, th, label {
margin: 0;
color : #393939;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
p, a, blockquote, pre, td, th, label {
max-width:480px;  /* 30 X 16px = 480px */
}
pre {
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
margin-left:1em;
word-spacing:0;
}
ol {
padding:0;
}
ol li {
list-style: inside decimal;
padding: 0 0 3.428571428571428em;
}
ol.nobottom li, ul.nobottom li {
padding-bottom:0;
margin-bottom:0
}
ul {
list-style:disc inside;
padding: 0 1.5em 1.5em
}
.outside {
list-style-position:outside
}
.inside {
list-style-position:inside
}
.horizontal li {
list-style-type: none;
display:inline;
}
.horizontal img {
text-align:center;
clear:none;
}
ul.nobullets {
list-style-type:none
}
li {
vertical-align: bottom !important;
}
li h4 {
font-weight:bold;
display:inline;
margin: 0 0 1em;
}
.sublist {
padding:0 0 2em 1em;
text-indent: -1em;
}

#ContentColumn li ul li, #ContentColumn li ol li {
padding-left:1.375em;
padding-bottom: 1.7142857142857142em
}
.li-text {
display:block;
font-weight:normal;
margin: 0 0 1.7142857142857142em 1.7142857142857142em;
line-height: 1.7142857142857142;}



p { 
padding-bottom: 1.5em; }
/* text-indent: 1em */


.noindent {text-indent:0;padding-left:0}

.indent {text-indent:1em}

.nobottom {padding-bottom:0;margin-bottom:0}
.addbottom {margin-bottom: 2em}

.bold, strong {
 font-weight:bold
}

.Caption, .caption {
font-size: .75em;
color: #72717C;
display: block;
line-height: 1.5em;
padding-bottom:0;
text-indent:0;
}
li span.caption {
padding-left: 1.75em
}

h6 {  /* Breadcrumbs */
 margin: 2em 0;
 font-size: 0.675em;
 line-height: 2.0;
 color: #223399;
}
h6 a:link, h6 a:visited {color : #223399}
h6 a:hover, h6 a:active, h6 a:focus {color : #32660C}
h6.printurl {display:none}  /*  See style-print.css  */
.small {
margin: 1.7142857142857142em 0;
font-size: 0.875em;
line-height: 1.7142857142857142;
padding:0;
}
.bigger {
font-size: 1.1875em;
}
.first {
font-weight: bold;
text-indent: 0;
display:block;
clear:right;
padding-bottom: 24px }
.second {text-indent: 0}

div .section {
width:85%;
border:1px solid #e2e2e2;
padding: 1em;
margin-bottom: 2em
}

.InvSquestions {
color: #223399
}

blockquote {
margin: 12px 56px;
color: #223399;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;  /*  fixed  */
}
code {
color : #223399;
}

/*  horizontal rule, crossbrowser image  */
div.hr {margin-bottom: 1.5em; clear:both}
.pencil {background: #fff url('/image-files/hr-pencil.jpg') no-repeat scroll center; height: 47px}
.line {background: #fff url('/image-files/hr-line.jpg') no-repeat scroll center; height: 47px}
.pages {background: #fff url('/image-files/hr-pages.png') no-repeat scroll center; height: 26px}
.taped {background: #fff url('/image-files/hr-taped.png') no-repeat scroll center; height: 50px}
div.hr hr {display: none}


img, a img {border : 0; text-decoration: none}
#ContentColumn img {padding-bottom: 1.5em}
img.arrow {vertical-align:top}

/* ----------- Section 3 - Link Styling ------------ */

a:link {
color : #223399;
text-decoration: underline
}
a:visited {
color : #464646;
}
a:hover, .stbuttontext:hover, .stico_default:hover, .stbuttontext,
a:active, .stbuttontext:active, .stico_default:active, a:focus, .stbuttontext:focus, .stico_default:focus {
font-size: 1em;
color : #001188
}
a:focus {outline:none}
#ContentColumn a.stbutton {
padding-right : 0;
}

.pdf, .img, .doc, .xls, .zip {
padding-right : 21px;
background : transparent url("/image-files/site-icon-pdf.gif") no-repeat center right;
}
/* change background-image url for each file class listed above */


.Download {
padding: 10px 10px 0;
border: 1px solid #e0e0e0;
margin-bottom: 20px;
}
.Download .high {
height: 20em
}
.Download img.thumbnail {
margin:0 20px 20px 0;
float:left;
clear:none
}
.Download a:link img {
border: 1px solid #e8e8e8;
text-decoration : none !important;
}
.Download a:visited img {
border: 1px solid #78E528
}
.Download a:hover img, a:active img, a:focus img {
border : 1px solid #393939;
}

a.external:after {
    content: "\00A0\2197";
    font-size: .75em;
    vertical-align: top;
}

/* external link indicator 
a[href^="http://"]:not([href*="nathonhay.t35.com"])::after {
    content: "\00A0\2197";
    font-size: .75em;
    vertical-align: top;
}
a[href^="http://www.householdbudgetnerd.com"]:not([href*="http://nathonhay.t35.com"])::after {
    content: "";
}
*/


/* ------ Section 4a - Extra Navigation for Header ----------- */
.ExtraNav {
border-top: 13px solid #223399;  /* 5px thick plus 8px hidden */
left : 0;
overflow: hidden;
position : absolute;
top : -8px;
width: 700px;
max-width: 700px;
width:expression(document.body.clientWidth < 500? "500px" : document.body.clientWidth > 800? "800px" : "auto");  /* IE */
}
.ExtraNav a {
color : #FFFFFF;
text-decoration : none !important;
text-align : center;
padding:0 2px;
}
.ExtraNav a:link, .ExtraNav a:visited {
border: 1px solid #464646;
color : #FFFFFF;
}
.ExtraNav a:hover, .ExtraNav a:active, .ExtraNav a:focus {
border: 1px solid #78E528;
color : #FFFFFF;
}
.ExtraNav li {
color: #FFFFFF;
display : inline;
letter-spacing : 0;
font-size: 0.875em;
line-height:0.875em;
white-space: nowrap;
padding: 0 5px;
}
.ExtraNav ul {
margin : 0;
padding : 2px 0 0;
width: 200%;
max-width: 200%;
float : left;
list-style-type : none;
overflow: hidden;
}

.search {
margin-left: 10px
}

/* ------ Section 4b - Articles Column (2nd place; middle) ------ */
#NavColumn h4.heading, #ExtraColumn h4.heading {
margin: 0 0 .6125em 0;
color: #32660C;
}
div.columndivision {
padding: 1.25em 0;
border-bottom: 1px solid #e8e8e8;
clear:both}
div.columndivision.first {
padding-top:0;
float:left;
} /* equals height of images */
div.columndivision div.formbody {margin:0}
.columndivision a{
text-align:center;
margin: 10px 0}
div.columndivision.subscribe img {
float:left;
padding-right:1px}
div.columndivision.left {
text-align: left
}

#google_translate_element {margin-left:-4px}

.Navigation {
width : 100%;
background-color : transparent;
word-spacing:0
}
.Navigation ul {
list-style-type : none;
background-color : #ffffff;
margin : 0 0 12px;
padding : 4px 0;
}

.Navigation li {
font-size: .75em;
padding: 0;
border-top : 1px solid #e0e0e0;
line-height: 2em;
height: 2em;
overflow:hidden
}

.Navigation a:link {
display : block;
padding : 3px 0 3px 4px;
text-decoration : none !important;
color : #223399;
}
.Navigation a:visited {
display : block;
padding : 3px 0 3px 4px;
text-decoration : none !important;
}
li.tiertwo, .tiertwo, .tiertwo a:link, .tiertwo a:visited {
font-size: 1em;
border-top: 0 none;
color : #223399
}
.Navigation a:hover, .Navigation a:active, .Navigation a:focus {
padding : 3px 0 3px 4px;

background: #E0E0E0 none repeat scroll 0 0
}
.Navigation h4 {
margin : 0 0 0.4em 4px;
color: #223399;
font-size: 1em;
}


/* ------------- Section 4c - Subscribe and Advert Column (3rd column; far right) ------------- */
#Image-Maps_1200911022134018 {
margin-top: -14px
}



/* ------------- Section 4d - Footer ------------- */
#Footer p, #Footer a {
font-size: 0.875em;
line-height: 1.7142857142857142;
padding:0;
text-indent:0;
max-width:100%;
width:100%
}
#Footer a {
font-size:1em}
#Footer #fineprint {
display : block;
clear : both;
color : black;
}
#Footer #backtotop {
text-align:left;
position : relative;
top : -20px;
left : 0;
}
#Footer #ads {margin-top: 20px}


/* ------ Section 5 - Boxes ------ */
/* Callout Box */
.calloutbox {
background-color:#e8e8e8;
border-color : #e0e0e0;
border-style : solid;
border-width : 4px 1px;
margin: 0 auto 2em 10%;
padding: .5em  1.5em;
width: 65%;
}
p.calloutbox {
font-weight:bold;
text-align:center;
text-indent:0
}

div.calloutbox h1,
div.calloutbox h2,
div.calloutbox h3,
div.calloutbox h4,
div.calloutbox h5,
div.calloutbox h6 {
margin: 13px 0 0 13px;
}

/* Reminder Box */
.reminderbox {          
background-color: #ddd;
width: 33%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;
color: #006;
}
.reminderbox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}
p.reminderbox{
text-align:center;
text-indent:0;
padding: 0 4px;
line-height: 2;
}

/* Blockquote */
blockquote{ /* call out text. Hey look at me! */
float:right; 
width:40%; 
line-height: 1.5em;
margin:.25em 0 .25em .75em; 
padding:.5em 0 .5em .75em; 
border-left:2px solid black; 
font-style:italic; 
color:#487795; 
font-size: 1em}
blockquote em{
font-style:normal}

/* AdSense Boxes */
a.adsense-caption:link, a.adsense-caption:visited {
display:block;
padding:0; margin:0;
font-size: .75em;
line-height: 1;
color: #393939;
text-decoration:none !important;
text-indent:5px;
width:10em;
}
a.adsense-caption:hover, a.adsense-caption:active {
background: #E0E0E0
}
.adsense-left, .adsense-right, .adsense-center, .adsense-extracol {
background-color:#fff;
border:0;
padding:0;
width:100%;
text-indent:0
}
.adsense-left {
margin:0 2em 1.5em 0;
float:left;
}
.adsense-right {
margin:0 0 1.5em 2em;
float:right;
}
.adsense-center{
margin:0 auto 1.5em auto;
clear:both;
}
.adsense-extracol {
margin:0 auto 1.5em;
clear:both;
}

div#chitika-block, div#ad-adsense-belowlogoabovetitle, div#advert {
margin: 0 0 10px;
padding: 0
}

div#ad-header {
height: 75px;
float: right;
clear: right;
}
div#ad-header.smallad {
margin-top: 15px;
}


/* RSS Box */
#RSSbox {
width: 148px;
background-color: #ffc;
border: 1px solid #8f8fb3;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 100%;
font-weight: bold;
color: #1d487e;
line-height: 120%;
text-align: center;
}

/* Facebook Button */
#socialMargin{
float:left; 
margin-top:5px; 
margin-right:10px;
width: 50px}
#socialMargin .rollover a{
border:0; 
display:block; 
width:50px; 
height:61px}
#socialMargin .facebook a{
background:url(http://img407.imageshack.us/img407/9318/sitebuttonpostfb.png) no-repeat top left}
#socialMargin .rollover a:hover, #socialMargin .rollover a:active, #socialMargin .rollover a:focus{
background-position:bottom right}
#socialMargin .rollover span{
position:absolute; 
text-indent:-9999px}


/*  Contact Form  */
fieldset img {
margin:0 0 1.5em 80px}
label.top {vertical-align:top}

div.contactform p {text-indent:0}

/* MailChimp Newsletter Signup */
/* www mailchimp com/articles/embed-code-css-reference/ */
div#mc_embed_signup fieldset{
-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;
border: 0px solid #000000;
background-color: #FFFFFF;
color: #1E4678
}
#mc-embedded-subscribe-form {font-weight: normal; font-size:100%; font-size: 12px}
div.mc-field-group {margin: 0 5%;clear: both;overflow: hidden}
div.mc-field-group label  {display: block;margin: .3em 0;line-height: 1em;font-weight: bold}
div.mc-field-group input  {margin-right: 1.5em;padding: .2em .3em;width: 140px;float: left;z-index: 999}
fieldset input.btn   {clear: both;width: auto;display: block;margin: .5em 5% 1em}
fieldset input.btn .left {float:left}
fieldset input.btn .right{float:right}
fieldset input.btn .center{margin-left:auto;margin-right:auto}
div.mce-responses {float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both}
div#mce-error-response {display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #d2691e}
div#mce-success-response {display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;color: #529214}
a#mc_embed_close {display:none}

/* ------ Section 6 - Other Styles and Classes ------ */

.Clear, .clear {
clear: both;
}



/* Forms */
div.formbody {
font-size: 90%;
padding:0;
margin:0 0 20px;
}
div.formbody input {
font-size: 80%;
color: #105508;
}


/* Buttons */
a.button { 
	width: auto; 
	overflow: visible;
	border: 3px solid #ccc;
	background-color: #105508; 
	padding: 8px 10px;
	cursor: pointer; 
	color: #fff;
	font-weight: bold;
	}
a.button:hover { 
 color: #F5F3FF;
 background-color: #72717C;
 }

/* Floats */

.ItemRight {
float : right;
margin : 2px 0 12px 18px;
text-align : center;
width:100%
}
.ItemCenter {
margin : 20px auto 20px auto;
text-align : center;
clear : both;
}
.center {
display:block;
margin-right: auto;
margin-left: auto;
text-align:center;
text-indent:0;
clear:both
}
.ItemLeft {
float : left;
margin : 2px 18px 12px 0;
text-align : center;
width:100%
}
.LeftOnly {
float : left;
clear : right;
width:100%
}
p.left {
text-indent: 0;
}
p.right, a.right {
text-align:right}
img.left {
clear:none;
float:left;
display:inline;
margin-right:10px
}
img.right {
clear:none;
float:right;
display:inline;
margin-left:10px
}

.noborder {
border: 0 none
}
.pageimage {margin-top: 10px; margin-bottom: 10px}

.bn {font-weight:bold;color:#223399}
.fs {font-weight:bold;color:#32660C}

/* ------ Section 7 - Tables ------ */

table {
font-size : 0.875em;
color : black;
clear : both;
width : 90%;
margin : 10px 10px 0;
border-collapse : collapse;
empty-cells : show;
}
table img, table a:link img {
border : 1px solid #ddd;
}
th {
text-align: center;
font-weight: bold;
}
td {
vertical-align : top;
}
table.list td {
padding: 0 0 .5em .5em;
border:2px #E0E0E0 solid;
}
table.list td.col1 {
width:66%
}
table.list td.col2 {
color: #E0E0E0
}
table.download {
background-color : white;
margin-bottom : 40px;
}
table.download a {
text-decoration : underline;
cursor : pointer;
}
table.download a:hover {
color : black;
}
table.download tr td.desc {
border-top : 1px solid #223399;
padding : 0 5px;
}
table.download td.image {
width : 25%;
}
table.download td.button img {
display : block;
margin-left : auto;
margin-right : auto;
float : none;
}
table.download td.labels {
font-weight : bold;
}
table.download td.specs {
width : 20%;
border-top : 1px solid #223399;
border-bottom : 1px solid #223399;
height : 40px;
}
table.download td.spacertop {
border-top : 1px solid #223399;
border-bottom : 0;
}
table.download td.spacer {
width : 0.1em;
}
table.download td.spacerbottom {
border-top : 0;
border-bottom : 1px solid #223399;
}
table.download caption {
font-size : 0.625em;
color : #32660C;
}


/* Page Flip */
#pageflip img { behavior: url(/support-files/iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
	z-index: 8000;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(/image-files/pageflip-subscribe.png) no-repeat right top;
}



/* t35.com hosting ads  
#t35ad, #t35ad a {color:white;visibility:hidden}  
#stwrapper .stwrapper {color:white;visibility:hidden}
*/


#MST_Tgt {
width:80%;
clear:none}