html { font-size: 100%; } /* force ie to resize text */
html>body { font-size: 16px; }  /* set default to 16px (ie does not recognise, but already default 16px */
body { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 20px;
	background-color: #EFF3DC;
}


/* ============= Common ===================== */
p, h1, h2, h3, a, img, form, ul, label {
	margin: 0;
	padding: 0;
	border: none;
}
h1 {
  font-size: 0.9em;
}
h2 {
  font-size: 0.8em;
}
p {
	font-size: 0.72em;
	color: #3A3C2A;
	margin: 0 0 10px;
}
ul {
	font-size: 0.7em;
	color: #3A3C2A;
	margin-left: 13px;
}
a:link, a:visited {
	color: #3A3C2A;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: underline;
}


/* =================== Navigation ===================== */
/* == tab nav   */
#sectionNav {
	margin: 5px 0;
}
.outer {
    height: 300px;
    width: 300px;
    margin: 25px auto 0;
    border: 1px solid black;
    }

.inner {
    
    }
		
#sectionNav li {

	position: relative;
  display: table;
  vertical-align: middle;
	
	list-style: none;
	float: left;

	width: 84px;
	height: 45px;
	
	margin-right: 10px;
}
#sectionNav a:link,
#sectionNav a:visited,
#sectionNav a:hover,
#sectionNav a:active {
	position: relative;
  display: table-cell;
  vertical-align: middle;
	text-align: center;		
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#sectionNav a:active {
	border: none;
}
#sectionNav li.navHome {
	background-color: #B6312A;
}
#sectionNav li.navLife {
	background-color: #435A8C;
}
#sectionNav li.navLife a {
	padding: 0 10px 0 15px;
	text-align: left;
}
#sectionNav li.navGarden {
	background-color: #ABC6B5;
}
#sectionNav li.navHealth {
	background-color: #E8AE29;
}
#sectionNav li.navHealth a {
	padding: 0 10px 0 15px;
	text-align: left;
}
#sectionNav li.navTravel {
	background-color: #29326D;
}
#sectionNav li.navMotor {
	background-color: #2897A0;
}
#sectionNav li.navRetail {
	background-color: #88363A;
}
#sectionNav li.navDir {
	background-color: #A287B0;
	margin-right: 0;
	width: 85px;
}
#sectionNav li.navDir a {
	padding: 0 10px 0 15px;
	text-align: left;
}

/*===== Site nav    */
#siteNav {
	margin: 5px 0 10px;
	padding: 7px;
	background-color: #A8AE81;
	text-align: center;
}
#siteNav li {
	padding: 7px;
	list-style: none;
	display: inline;	
}
#siteNav a:link,
#siteNav a:visited,
#siteNav a:hover,
#siteNav a:active {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
#siteNav a:hover,
#siteNav a:active {
	text-decoration: underline;
}


/* ========================= Layout ====================== */
.headerSearch {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 0 20px 20px;
}
.headerSearch label {
	float: left;
	color: #FFF;
	font-size: 0.75em;
	font-weight: bold;
	padding-right: 5px;
}
.headerSearch input {
	float: left;
	margin: 0 1px;
	font-size: 0.687em;
}
#leftHome {
	padding: 0 0 10px 0;
	background-color: #B4BA8D;
	background: #B4BA8D url(images/homepage06/bgBook.jpg) no-repeat bottom right;
	padding-bottom: 70px;
	border-right: solid 10px #EFF3DC;
}
#leftHome .box {
	padding: 10px;
	border-top: solid 10px #EFF3DC;
}
#leftHome h2 {
	color: #FFF;
	margin: 0 0 13px;
}
#leftHome h2 strong {
	font-size: 1.3em;
}
#leftHome p,
#leftHome a:link,
#leftHome a:visited,
#leftHome a:hover,
#leftHome a:active {
	color: #FFF;
}
#foot div {
	margin: 8px 0;
	border-top: 30px solid #B4BA8D;
	border-bottom: 10px solid #85896A;
	padding: 2px;
}
#foot {
	font-size: 0.7em;
}

/* ===== Right Column    */
#rightHome {
	padding: 0 0 20px;
	background-color: #FFF;
}
div.feature {
	background-color: #B4BA8D;
	float: left;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
}
div.feature h1 {
	margin-top: 10px;
}
div.feature img {
	float: left;
	margin-right: 10px;
	padding: 0;
}
div.feature h1 {
	color: #494B3D;
	margin-bottom: 7px;
}
div.feature p,
div.feature a:link,
div.feature a:visited,
div.feature a:hover,
div.feature a:active {
	color: #FFF;
	padding-left: 10px;
}
div.feature a.bullLink {
	position: relative;
	left: 10px;
	padding-left: 15px;
}


div.sectionRow {
	color: #3A3C2A;
	margin: 30px 10px;
	clear: left;
}
div.sectionRow img {
	float: left;
	border: solid 1px #000;
	margin: 0 25px 30px 0;
}
div.sectionRow h2 {
	font-size: 0.87em;
}
div.sectionRow h3 {
	color: inherit;
	font-size: 0.75em;
	margin: 5px 0 0;
}
div.sectionRow p {
	font-size: 0.7em;
	color: inherit;
}

/* =================== classes ============================= */
a:link.bullLink,
a:visited.bullLink,
a:hover.bullLink,
a:active.bullLink {
	color: #FFF;
	font-size: 0.75em;
	background: url(images/homepage06/bull1.jpg) no-repeat left center;
	padding: 0 0 2px 15px;
	line-height: 12px;
}
a:link.bullLinkWhite,
a:visited.bullLinkWhite,
a:hover.bullLinkWhite,
a:active.bullLinkWhite {
	color: inherit;
	font-size: 0.75em;
	background: url(images/homepage06/bull2.jpg) no-repeat left center;
	padding: 0 0 2px 15px;
	line-height: 12px;
}

/* ==================== colors ============================== */
.lifestyle {
	color: #425A8C;
}
.home {
	color: #B5312A;
}
.health {
	color: #A2750D;
}
.garden {
	color: #63806E;
}