/* =========================================== ARTICLE STYLES =========================*/

	.lGrayLarge {color:#818181; font-size:1.5em; display:block;}

/* ....................ARTICLE */
	div#article {width:553px; font-size:13px; font-family: arial,sans-serif; line-height:1.2em; margin:0 0 0 25px; line-height:18px;}
	div#artHeader {display:block;}
	div#titleSubTitle {width:353px; border:0px solid teal; float:left;}
	div#titleSubTitle div.c {margin:15px 5px 5px 0px; border:0px solid red;}
	.articleLinks {width:550px; margin:30px auto 0;}
	
	/* relatedArticles still being used */
	div#relatedArticles {width:186px; margin: 15px 0;} 
 	div#relatedArticles div.c {margin:10px 5px 5px 0px; padding: 0px 8px;}
	.relatedHeader {display:block; font-size:18px;}
		
	
	div#article h1 {color:#333333; font-size:1.8em; font-weight:normal; padding:0px; margin:10px 0px 20px 0px; line-height:1em;}
	div#article h2 {color:#333333; font-size:1.2em; font-weight:bold; padding:0px; margin:0px 0px 15px 0px;}	
	div#article h3 {color:#333333; font-size:1.1em; padding:0px; margin:15px 0px 0px 0px;}	
	div#article p {padding:0px 20px 0px 0px; margin:10px 0px 15px 0px;}
	div#article ul {padding:0px 20px 0px 0px; margin:5px;}
	div#article ul li {padding:0px; margin:10px 0px 0px 30px;}
	
	div.clearLeft {clear:left; display:block;}
	
/* ....................PAGES */
	div.section {border:dotted #666666; border-width:0px 0px 0px; width:100%; margin:0px 0px 0px;}
	div.section div.c {margin:0px 10px 10px 0px;}
	div.section div.categoryImage {float:left; margin:0px 10px 0px 0px; background:transparent;}
	div.section div.categoryC {}
	div.section div.featured {}
	div.section div.snippet {margin:4px 0px;}
	div.section div.moreLinks {width:auto; border:0px solid red; float:left; padding: 0px; margin:0 0 20px 0;}
	div.section div.moreLinks a {display:block; padding: 0 0 8px 0;}
	
	div#article div.section h2 {padding:0; margin:0px 0px 4px 0px; font-weight:bold;}
	div#article div.section h3 {padding:0; margin:8px 0px 0px 0px;}
	
	div#titleSubTitleHome {width:100%; border:0px solid teal; float:left;}
	div#titleSubTitleHome div.c {margin:15px 5px 5px 0px; border:0px solid red;}
	
	
	div#article div#allArticles {margin: 0 0 0 25px;}
	div#article div#allArticles a {display:block;}
	div#article div#allArticles h2 {font-size:1.8em;}
	
	div.articleCategory {display:block; padding:15px 0px;}
	
	
	div#article table {}
	div#article table td {vertical-align:top;}
	div#article table.data td {width:258px; border: white solid; border-width: 0 0 1px 1px; padding:0 0 0 8px; background:#EFEFEF;}
	div#article table.data tr.header td {background:#E8DAF2;}
	div#article table.dataCC td {width:258px; border: white solid; border-width: 0 0 1px 1px; padding:0 0 0 8px; background:#EEE4F5;}
	div#article table.dataCC tr.header td {background:#E8DAF2;}
	div#article table.dataTU td {width:258px; border: white solid; border-width: 0 0 1px 1px; padding:0 0 0 8px; background:#EEE4F5;}
	div#article table.dataTU tr.header td {background:#E8DAF2;}
	div#article table.dataPC td {width:258px; border: white solid; border-width: 0 0 1px 1px; padding:0 0 0 8px; background:#EEE4F5;}
	div#article table.dataPC tr.header td {background:#E8DAF2;}
	div#article table.dataSC td {width:258px; border: white solid; border-width: 0 0 1px 1px; padding:0 0 0 8px; background:#EEE4F5;}
	div#article table.dataSC tr.header td {background:#E8DAF2;}
	
	div.links {}
	div.links p {margin:0; padding:0;}
	
/* ....................RESOURCES */	
	.resourcesC p {margin: 0;}
	.resourcesC h1 {margin:0; font-size:1.8em; font-weight: normal;}
	.resourcesC .header {padding:0 5px;}
	.dottedSpacer {border:dotted #666; border-width: 1px 0 0; margin:25px auto 5px; width:543px; height:10px;}
	.resourceCategories {}
	.indCat {width:350px; float:left; margin:15px 0; height:70px;}
	.indCat img {display:block; float:left; padding: 0 10px 0 5px;}
	.indCat p {padding: 5px 5px 0 0;}
	.indCat p a {font-weight:bold; display:block;}
	
	
	.searchResources {width:587px; margin: 35px 0 0;}
	.searchResources .l {float:left; width:320px;} 
	.searchResources .c {float:left; width:27px; margin: 0 15px 0 5px;}
	.searchResources .r {float:left; width:195px;}
	
	.content {float:left; width:580px; margin: 30px 0 0 0;}
	
	.listStates {clear:both;}
	.listStates table {width:768px;}
	.listStates table td a {line-height:1.5;}
	
/* articles etc redesigned */
	.article .top {height:36px;}
	.article .c {padding:0 20px;}
	.article .title {}
	.article .title h1 {margin: 0 0 2px; font-size:2em; font-weight: normal;}
	.article .title h2 {margin:2px 0; font-size:1.5em; font-weight:normal;}
	.article .title h3 {margin:5px 0; font-size:1.1em; font-style: italic; color:#333333; font-weight:normal;}
	
	.article .tableOfContentsArticle {float:right; clear:right; margin: 0 0 10px 10px; width:230px;}
	.article .tableOfContentsArticle .top {background: url(/img/ececec_230_top.gif?v=1) 0 0 no-repeat; height:34px;}
	.article .tableOfContentsArticle .c {background:#ECECEC; padding: 0 20px;}
	.article .tableOfContentsArticle .base {background: url(/img/ececec_230_base.gif?v=1) 0 0 no-repeat; height:34px;}
	.article .tableOfContentsArticle .title {font-weight:bold; font-size:14px;}
	
	.article .tableOfContentsArticle ul, .article .tableOfContentsGuide ul {margin: 10px 0 0 10px;}
	
	.article .prevNxt {width:100%; margin:30px 0 0;}
	.article .prevNxt td {padding:0px; width:50%; font-weight:bold;}
	.article .prevNxt .l {}
	.article .prevNxt .r {text-align: right;}
	.verticalCont .base {height:36px;}

/* childCare calculator */
	.ccCalc {height:310px; background: url(/img/rd/calc-bg.gif?v=1) 0 0 no-repeat; margin:15px 0; position:relative;}
	.ccCalc .c {padding:40px 0 0 60px;}
	.ccCalc .label {color:#DC891B; font-size:16px; display:block;}
	.ccCalc input {display:block; margin:2px 0 10px;}
	.ccCalc select {display:block; margin:2px 0 10px;}
	.ccCalc .submit {margin:25px 0 0;}
	.ccCalc .responseContainer {position:absolute; top:84px; left:443px; width:218px;}
	.ccCalc .responseContainer div {text-align:center;}
	.ccCalc #responseContainer.empty {color:#ddd3c2;}
	
	.ccCalc .responseContainer .title {color:#DC891B; font-weight:bold;}
	.ccCalc #responseContainer.empty .title {color:#ddd3c2;}/* overrides previous style */
	
	.ccCalc #rate {font-size:53px;}

	/* probably mostly use these styles to set up visual effects */
	.xpand {}
	.xpandAll {margin:0 0 15px;}
	.xpandAll a {padding:0 8px 0 17px; background: 0 1px no-repeat; cursor:pointer;}
	.xpandAll a.togCol {background-image: url(/img/right_arrow_all_on.gif?v=1);}
	.xpandAll a.togExp {background-image: url(/img/down_arrow_all_on.gif?v=1);}
	.xpandAll a.disabled {text-decoration: none; color:#cccccc; cursor:default;}
	.xpand .indXpand {}
	.indXpand .head {font-size:18px; color:#666666; padding:0 0 0 20px; background: url(/img/right_arrow.gif?v=1) 0 5px no-repeat; cursor:pointer;}
	.indXpand .cont {height:0px; overflow:hidden;}
	
	/* these will be specific styles */
	.xpandCalc {}
	.xpandCalc .indXpand {}
	.xpandCalc .head {}
	.xpandCalc .cont {}
	.xpandCalc .cont .c {padding:0 0 0 30px; margin:5px 0 8px 0;}
	.xpandCalc ul {margin:0px;}
	.xpandCalc li {margin-left:1.4em;}
	
	/* articles and resources xpand */
	.xpandArticles {}
	.xpandArticles .indXpand {margin: 0 0 15px;}
	.xpandArticles .head {color:#333333; font-size:12px; font-weight:bold; background: url(/img/down_arrow.gif?v=1) 0 3px no-repeat; position: relative;}
	.xpandArticles .head span {font-weight:normal;}
	.xpandArticles .cont {height:auto;}
	.xpandArticles .cont .c {padding:0 0 0 19px; margin:10px 0; background:transparent;}
	.xpandArticles ul {margin:0px;}
	.xpandArticles li {margin-left:1.4em;}
	
/* 4YourNannies */
	.xpandArticles .headColor {color:#369;}
	.xpandArticles .cont .body {margin:5px 0; background:transparent;}
	
	.serviceHeader {padding: 0 15px; margin:10px 0 15px;}
	.serviceHeader .serviceIcon {float:left;}
	.serviceHeader span {float:left; font-size:18px; padding: 5px 0 0 12px}
	
	.serviceRound .blogArticle {margin:50px 0 0 1px; width:563px;}
	.serviceRound .blogArticle .cont {padding: 18px 8px 0 82px; width:457px;}
	.serviceRound .blogArticle .header {font-size:18px; margin-bottom:5px;}
	.serviceRound .blogArticle .title {font-size:15px;}
	.serviceRound .blogArticle .description {margin:5px 0 0 0;}
	
	.serviceRound .blogImage {background: url(/img/blog-photo.png?v=1) no-repeat top left; float: left; width: 79px; height: 79px;}
	.chRound .bg {background-color: #ffefce;}
	.chRound .blogArticle .top {background: url(/img/CC-blog-BG.gif?v=1) no-repeat top left; height: 25px;}
	.chRound .blogArticle .base {background: url(/img/CC-blog-BG.gif?v=1) no-repeat bottom left; height: 25px;}
	.chRound .blogArticle .blogC {padding: 0 8px 0 82px; background-color: #FFEFCE; border-right: solid 1px #E7E7E7;}
	.asRound .bg {background-color: #eef6ff;}
	.asRound .blogArticle .top {background: url(/img/SC-blog-BG.gif?v=1) no-repeat top left; height: 25px;}
	.asRound .blogArticle .base {background: url(/img/SC-blog-BG.gif?v=1) no-repeat bottom left; height: 25px;}
	.asRound .blogArticle .blogC {padding: 0 8px 0 82px; background-color: #CCE1F8; border-right: solid 1px #E7E7E7;}	
	.peRound .bg {background-color: #d8f7e8;}
	.peRound .blogArticle .top {background: url(/img/SN-blog-BG.gif?v=1) no-repeat top left; height: 25px;}
	.peRound .blogArticle .base {background: url(/img/SN-blog-BG.gif?v=1) no-repeat bottom left; height: 25px;}
	.peRound .blogArticle .blogC {padding: 0 8px 0 82px; background-color: #d8f7e8; border-right: solid 1px #E7E7E7;}
	.hlRound .bg {background-color: #f6e6e6;}
	.hlRound .blogArticle .top {background: url(/img/HK-blog-BG.gif?v=1) no-repeat top left; height: 25px;}
	.hlRound .blogArticle .base {background: url(/img/HK-blog-BG.gif?v=1) no-repeat bottom left; height: 25px;}
	.hlRound .blogArticle .blogC {padding: 0 8px 0 82px; background-color: #F6E6E6; border-right: solid 1px #E7E7E7;}

/* Social Media Bookmarking */	
	.socialMediaFooter {width:100%; text-align:center; clear:both;}
	.socialMediaFooter .sml {list-style-type:none; padding:0; margin:0;}
	.socialMediaFooter .sml li {padding-right:8px; display:inline;}
	.socialMediaFooter .bullets {color:#FBD070; font-size:18px; margin-bottom:6px; margin-top:15px;}
	.socialMediaFooter .bullets span {padding-right:6px;}
	
	.socailMediaAdlob {width:230px; clear:right; margin-bottom:10px;}
	.socailMediaAdlob .top {background: url(/img/sm/SB_module_top.gif?v=1) 0 0 no-repeat; height:32px;}
	.socailMediaAdlob .c {background: url(/img/sm/SB_module_1px-middle.gif?v=1) repeat-y; padding: 5px 12px 0 16px; position:relative;}
	.socailMediaAdlob .base {background: url(/img/sm/SB_module_base.gif?v=1) 0 0 no-repeat; height:25px;}
	.socailMediaAdlob p.smTitle {color:#E5801D; font-size:14px; font-weight:bold; margin:0; text-align:center; padding-top:12px; padding-left:25px;}
	.socailMediaAdlob dl {margin:8px 0 0; padding:0; clear:both;}
	.socailMediaAdlob dt {float:left; clear:left; width:16px; margin:0 0 5px; padding:0;}
	.socailMediaAdlob dd {margin:0 0 5px 22px; padding:2px 0 0; clear:right;}
	
	/* overrides */
	.noXpand {background:transparent;}
	.noXpand .head {padding-left:0; cursor:default;}
	
	.grid .contFull .xpandArticles {padding:0 15px;}
	.grid .contHalf .xpandArticles {padding:0 15px;}
	.grid .contHalf .xpandArticles .head {background:transparent;}/* remove this if we make them expandable */
	
	
	/* General Q&A Css */
	.qna .intro {color:#818181; font-size:16px; margin:10px 0 30px;}
	.qna .bigTop {background: url(/img/rd/sc-round-img-top.jpg?v=1) 0 0 no-repeat; padding:36px 20px 0; min-height:236px;}/* see ie6fix */
	.qna .top {background: url(/img/rd/sc-round-top.gif?v=1) 0 0 no-repeat; height:36px;}
	.qna .c {padding:0 20px;}
	.qna table {}
	.qna td {vertical-align:top; width:33%;}
	.qna .questionCont {}
	.qna .questionTitle {margin:0 0 10px; font-weight:bold;}
	.qna .questionCont a {/*float:left; clear:left;display:block;*/}
	.qna .section {margin:10px 0; font-weight:bold; font-size:15px;}
	.qna h1 {font-size:24px; margin:0; font-weight:normal; color:#4a92c4;}
	.qna h2 {font-size:24px; margin:0; color:#99c2f1; font-weight:normal;}	
	.qna .q {font-weight:bold; margin:15px 0;}
	.qna .a {margin:15px 0;}
	.qna .moreInfo {padding:10px 0; margin:10px 0;}
	
	.relatedArticles {width:186px; margin-top:15px;}
	.relatedArticles span {color:#4a92c4; font-size:20px;}
	.relatedArticles ul {margin-top:10px; margin-bottom:10px;}

	/* Senior Care Q&A */
	.scQNA {background: url(/img/rd/sc-round-sides.gif?v=1) 0 0 repeat-y; margin:20px 0;}
	.scQNA .bigTop {background: url(/img/rd/sc-round-img-top.jpg?v=1) 0 0 no-repeat; padding:36px 20px 0; min-height:236px;}/* see ie6fix */
	.scQNA h1 {font-size:24px; margin:0; font-weight:normal; color:#4a92c4;}
	.scQNA h2 {font-size:24px; margin:0; color:#99c2f1; font-weight:normal;}	
	.scQNA .top {background: url(/img/rd/sc-round-top.gif?v=1) 0 0 no-repeat; height:36px;}
	.scQNA .base {background: url(/img/rd/sc-round-base.gif?v=1) 0 0 no-repeat; height:36px;}
		
	/* Special Needs Q&A */
	.snQNA {background: url(/img/sn-round-sides.gif?v=1) 0 0 repeat-y; margin:20px 0;}
	.snQNA .bigTop {background: url(/img/sn-round-img-top.jpg?v=1) 0 0 no-repeat; padding:36px 20px 0; width: 710px; min-height:227px;}/* see ie6fix */
	.snQNA h1 {font-size:24px; margin:0; font-weight:normal; color:#3589c5;}
	.snQNA h2 {font-size:24px; margin:0; color:#9ac4e2; font-weight:normal;}	
	.snQNA .top {background: url(/img/sn-round-top.gif?v=1) 0 0 no-repeat; width: 710px; height:30px;}
	.snQNA .base {background: url(/img/sn-round-base.gif?v=1) 0 0 no-repeat; width: 710px; height:30px;}