/* This	Old House- common.css
-----------------------------------------*/

#page {
  width: 977px;
  margin: 5px auto 0 auto;
  padding: 0 0 0 0;
  background:url(http://img2.timeinc.net/toh/i/global/mainContainBG.gif) repeat-y 0 0;
  }

* html #page {
  height: 1%;
  }

/* Main	Header/Nav Styles
-----------------------------------------*/

#mainHeader {
  background:url(http://img2.timeinc.net/toh/i/global/topNavTop.gif)	no-repeat 0 0;
  width: 979px;
  padding: 12px	8px 0 4px;
  }

#mainHeader:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

#logo {
  background:url(http://img2.timeinc.net/toh/i/global/mainLogoBG.gif) no-repeat 0 0;
  float: left;
  width: 228px;
  height: 161px;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  border-bottom: 2px solid #edeae1;
  text-align:center;
  }

#logo .logo1 {
  display:block;
  margin-bottom:5px;
  }

#mainBannerAd {
  float: left;
  width: 728px;
  height: 90px;
  border-top:5px solid white;
  margin: 0; _margin-top:3px;
  padding: 0;
  overflow:visible;
  }

/* Main	Nav Styles
-----------------------------------------*/

ul#nav {
  height: 52px;
  list-style: none;
  float: left;
  margin: 14px 0 0 0;
  background:url(http://img2.timeinc.net/toh/i/global/navMainBG.gif)	repeat-x left top;
  border-bottom: 2px solid #edeae1;
  }

* html ul#nav {
  margin: 11px 0 0 0;
  }

ul#nav li {
  float: left;
  }

ul#nav li:hover, ul#nav	li.hover {
  position: static;
  }

ul#nav li a.planning {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:128px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navPlanningOff.gif) no-repeat left top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li:hover	a.planning, ul#nav li.sfhover a.planning {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:128px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navPlanningOn.gif) no-repeat left top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li a.howTo {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:130px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navHowToOff.gif) no-repeat left top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li:hover	a.howTo, ul#nav	li.sfhover a.howTo {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:130px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navHowToOn.gif) no-repeat left	top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li a.tools {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:130px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navToolsOff.gif) no-repeat left top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li:hover	a.tools, ul#nav	li.sfhover a.tools {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:130px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navToolsOn.gif) no-repeat left	top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li a.give {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:130px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navGiveOff.gif) no-repeat left	top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li:hover	a.give,	ul#nav li.sfhover a.give {
  text-indent:-9999px;
  overflow:hidden;
  display: block;
  margin:0 0 0 0;
  padding:0 0 0	0;
  width:130px;
  height:51px;
  background:url(http://img2.timeinc.net/toh/i/global/navGiveOn.gif)	no-repeat left top;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

/* Drop	Down styles
-----------------------------------------*/

ul#nav li ul.under {
  position: absolute;
  left:	-999em;
  list-style: none;
  float: left;
  margin: 0 0 0	0;
  padding: 0 2px 0 0;
  *padding: 0 2px 2px 0;
  border-top: 2px solid	#f36100;
  font:	12px arial, helvetica, sans-serif;
  z-index: 10000;
  background-image:url(http://img2.timeinc.net/toh/i/DropDownBGTEST.gif);
  background-position: right bottom;
  background-repeat: repeat;
  background-color: #fff;
  max-height: 100%;
  }

ul#nav li ul.under:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html ul#nav li ul.under {
  clear: both;
  margin: 0 0 0	0;
  padding: 0 2px 2px 0;
  }

ul#nav li:hover	ul.under {
  left:	auto;
  }

ul#nav li:hover	ul.under, ul#nav li.sfhover ul.under {
  left:	auto;
  }

/* Drop	Down Background	Positioning styles
-----------------------------------------*/

ul#nav li ul.under.planDD {
  padding: 0 -50px 0 0;
  }

* html ul#nav li ul.under.planDD {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li ul.under.howToDD {
  padding: 0 -50px 0 0;
  }

* html ul#nav li ul.under.howToDD {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li ul.under.toolsDD {
  padding: 0 -50px 0 0;
  }

* html ul#nav li ul.under.toolsDD {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul#nav li ul.under.giveDD {
  padding: 0 -50px 0 0;
  }

* html ul#nav li ul.under.giveDD {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

/* Main	Sub Nav	Styles
-----------------------------------------*/

.border	{
  border-left: 2px solid #edeae1;
  border-right:	2px solid #edeae1;
  border-bottom: 2px solid #edeae1;
  margin: 0 0 0	0;
  padding: 5px 10px 5px	10px;
  background: #fff;
  }

* html .border {
  margin: 0 0 0	0;
  }

ul#nav li:hover	ul.under li a, ul#nav li.sfhover ul.under li a {
  float: left;
  clear: both;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  width: 145px;
  }

ul#nav li:hover	ul.under li a b, ul#nav	li.sfhover ul.under li a b, ul#nav li:hover ul.under li	a:hover	b, ul#nav li.sfhover ul.under li a:hover b {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

ul.sub {
  float: left;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  width: 150px;
  font-size: 90%;
  }

* html ul.sub {
  display: inline;
  width: 160px;
  }

ul.sub li div.navHeader	{
  margin: 0 0 3px -5px;
  padding: 0 0 0 -5px;
  line-height: 120%;
  clear:both;
  }

ul.sub li {
  margin: 0 0 0	0px;
  padding: 0 0 0 5px;
  line-height: 120%;
  clear:both;
  }

ul.sub li a {
  margin: 0 0 0	0px;
  padding: 0 0 0 5px;
  line-height: 120%;
  }

ul.sub li div.viewAll  {
	margin:10px 0 10px -2px;
	padding:0 0 0 20px;
	float:left;
	background:url(http://img2.timeinc.net/toh/i/global/iconBrowseMore.gif) no-repeat scroll 0%;
}

/* Main	Search Area Styles
-----------------------------------------*/

#search	{
  display: inline;
  float: left;
  width: 218px;
  height: 47px;
  margin: 14px 0 0 0;
  padding: 5px 0 0 5px;
  background:url(http://img2.timeinc.net/toh/i/global/navSearchBG.gif) no-repeat left top;
  color: white;
  border-bottom: 2px solid #edeae1;
  }

* html #search {
  margin: 11px 0 0 0;
  }

#search	form {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  height: 15px;
  }

#search	form #searchQuery {
  width: 140px;
  height: 15px;
  margin: 0 3px	0 5px;
  padding: 0 0 0 0;
  float: left;
  font-size: 100%;
  }

#search	form #searchSubmit {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  float: left;
  height: 19px;
  }

#search	ul#searchLinks {
  margin: 10px 0 0 10px;
  padding: 0 0 0 0;
  background:url(http://img2.timeinc.net/toh/i/global/searchLinksBG.gif) no-repeat left top;
  height: 20px;
  clear: both;
  }

* html #search ul#searchLinks {
  margin: 5px 0	0 0;
  padding: 0 0 0 0;
  height: 15px;
  }

ul#searchLinks li {
  display: inline;
  margin: 0 0 0	0;
  padding: 5px 0 0 0;
  }

ul#searchLinks li a {
  display:block;
  float:left;
  text-indent:-9999px;
  overflow:hidden;
  height:10px;
  margin:0 0 0 0;
  padding:0 0 0	0;
  }

#searchLinks a#toolbox {
  width:90px;
  background:url(http://img2.timeinc.net/toh/i/global/designToolbox.gif) no-repeat left top;
  margin: 5px 15px 0 0;
  padding: 5px 0 0 0;
  }

#searchLinks a#tv {
  width:14px;
  background:url(http://img2.timeinc.net/toh/i/global/tv.gif) no-repeat left	top;
  margin: 5px 15px 0 0;
  padding: 5px 0 0 0;
  }

#searchLinks a#magazine	{
  width:58px;
  background:url(http://img2.timeinc.net/toh/i/global/magazine.gif) no-repeat left top;
  margin: 5px 0	0 0;
  padding: 5px 0 0 0;
  }

/* Main	Content	Styles
-----------------------------------------*/

#mainContent {
  width: 951px;
  margin: 0 0 10px 14px;
  padding:0 0 10px 0;
  border-bottom: 2px #ddd solid;
  }

#mainContent:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

/* Global Footer Styles
-----------------------------------------*/

#footerLinks {
  width: 951px;
  margin: 10px 0 0 10px;
  padding: 3px 0 0 10px;
  background:url(http://img2.timeinc.net/toh/i/global/footerBG.gif) repeat-y	3px 0;
  }

#footerLinks:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #footerLinks {
  height: 1%;
  }

#footerLinks .column {
  float: left;
  margin: 0 2px	0 0;
  padding: 7px 5px 0 0;
  width: 183px;
  }

#footerLinks .column h5	{
  font:bold 13px tahoma, verdana, sans-serif;
  clear:both;
  margin-bottom:0.2em;
  }

#footerLinks #moreHome h5 {
  font-size:15px;
  margin-bottom:0.7em;
  }

#footerLinks .column ul	{
  margin: 0 0 1.5em 0;
  padding: 0 0 0 0;
  list-style: none;
  font:	10px arial, helvetica, sans-serif;
  }

#footerLinks .column ul	li {
  padding:0 0 0 10px;
  margin:0 0 1px 0;
  background:url(http://img2.timeinc.net/toh/i/global/footerDot.gif) no-repeat 0 5px;
  }

#footerLinks #newsletters {
  float: left;
  width: 173px;
  background-color: #f9f8f3;
  border: 1px solid #d7d5ca;
  margin: 0 7px	0 0;
  padding: 7px 7px 14px	7px;
  }

#footerLinks #newsletters input {
  margin: 0 5px	0 0;
  padding: 0;
  vertical-align:middle;
  height:1.3em;
  }

#footerLinks #newsletters label {
  font:	11px arial, helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  margin: 0;
  padding: 0;
  vertical-align:middle;
  }

#footerLinks #newsletters input#searchQueryFooter {
  width: 100px;
  margin: 10px 5px 15px	0;
  font:	80% arial, helvetica, sans-serif;
  float: left;
  display: inline;
  background-color: #e6ecee;
  }

#footerLinks #newsletters input#newsletterSubmit	{
  margin: 10px 0 15px 0;
  float: left;
  display: inline;
  }

#footerLinks #newsletters ul {
  float: left;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

#footerLinks #newsletters ul li a {
  font:	100% arial, helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  }

#footerLinks #newsletters ul li a.feeds {
  color: #ef7c1b;
  }

#footerLinks #moreHome {
  float: left;
  width: 360px;
  }

#footerLinks #moreHome .subRow {
  clear: left;
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
  }

#footerLinks #moreHome .subRow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #footerLinks #moreHome .subRow {
  height: 1%;
  }

#footerLinks #moreHome .subRow .subColumn {
  float: left;
  width: 170px;
  }

#footerLinks #moreHome .subRow .subColumn h6 {
  font:bold 12px arial,	sans-serif;
  color: #0066cc;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

#footerLinks #moreHome .subRow .subColumn ul {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  }

#footerLinks #moreHome .subRow .subColumn ul li {
  margin: 0 0 0	0;
  padding: 0 0 0 7px;
  background:url(http://img2.timeinc.net/toh/i/global/footerDash.gif) no-repeat 0 .5em;
  }

* html #footerLinks #moreHome .subRow .subColumn	ul li {
  margin: 0 0 0	0;
  padding: 0 0 0 7px;
  background:url(http://img2.timeinc.net/toh/i/global/footerDash.gif) no-repeat 0 .7em;
  color: #666;
  }

* html #footerLinks #moreHome .subRow .subColumn	ul li {
  margin: 0 0 0	0;
  padding: 0 0 0 7px;
  background:url(http://img2.timeinc.net/toh/i/global/footerDash.gif) no-repeat 0 .7em;
  }

#footerLinks #moreHome .subRow .subColumn ul li span {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  color: #666;
  }

#footerLinks #moreHome .subRow .subColumn ul li a {
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  color: #666;
  }

#footerLinks #moreHome .subRow a.complete {
  margin: 10px 0 0 0;
  }

#footerLinks #moreHome .subRow .ad {
  float: right;
  }

#footerAd {
  width: 946px;
  margin: 10px 0 0 10px;
  padding: 10px	0 10px 10px;
  border-top: 1px solid	#ddd;
  border-bottom: 3px solid #323232;
  text-align: center;
  clear: both;
  }

#footerAd:after	{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #footerAd {
  height: 1%;
  }

#copyright {
  width: 951px;
  margin: 0 0 0	10px;
  padding: 10px	0 3px 0;
  clear: both;
  font:	80% arial, helvetica, sans-serif;
  color: #999;
  }

#copyright:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #copyright {
  height: 1%;
  }

#bottomFooter {
  width: 977px;
  margin: 0 auto 0 auto;
  padding: 10px	0 20px 0;
  background:url(http://img2.timeinc.net/toh/i/global/mainContainBGBottom.gif) no-repeat 0 0;
  clear: both;
  font-family: arial, helvetica, sans-serif;
  }

#bottomFooter:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #bottomFooter {
  height: 1%;
  width: 990px;
  }

#bottomFooter #logos {
  margin: 0 0 0	0;
  padding: 10px	0 0 10px;
  }

#bottomFooter #logos .descript {
  font-size: 80%;
  color: #666;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  }

#bottomFooter #logos .underwriters {
  font-size: 80%;
  color: #666;
  display: block;
  margin: 0 0 0	0;
  padding: 0 0 3px 0;
  }

#logos .logo {
  display: inline;
  float: left;
  border-right:	1px solid #e4e4df;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  }

#logos .last {border-right:	none;}

ul.toolsDD li.border ul.subRight li{
       margin-bottom:5px;
}

ul.toolsDD li.border ul.subRight {
  float: left;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  width: 150px;
  font-size: 90%;
  }
  
ul.giveDD li.border ul.subRight li{
       margin-bottom:5px;
}

ul.giveDD li.border ul.subRight {
  float: left;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
  width: 150px;
  font-size: 90%;
  }
