/******************************************************************************************************
 * This file represents all styles used on the home page of the site.
 ******************************************************************************************************/


#Header #Navigation { /* cuts off the navigation menu's html shadow, so it doesn't double-up w/the flash one */
    height: 34px;
}

.OneColumn { /* Reduce the whitespace on the bottom */
    padding-bottom: 6px;
}

.HomeFlashPanel{ /* This overlays the bottom shadow of the main navigation to allow for visual animation underneath it */
    background: #fff url(Images/Home/flash-background-top.gif) repeat-x 0 0;
    margin-top: -8px;
    height: 400px;
}


/* NoFlash Homepage Styles -- for SEO & NoFlash/NoScript clients */

.NoFlashHome{ 
    background: url(Images/Home/HomeNoFlashBG.jpg) no-repeat 0 12px;
    height:302px;
    position:relative;
}
.HomeNoFlashIntroCopy{ 
	display:block;
	position:absolute;
	cursor:pointer;
	width:216px;
	height:120px;
	top:170px;
	left:40px;
}
.HomeNoFlashLeftCallout{ 
	display:block;
	position:absolute;
	cursor:pointer;
	width:170px;
	height:270px;
	top:24px;
	left:608px;
}
.HomeNoFlashRightCallout{ 
	display:block;
	position:absolute;
	cursor:pointer;
	width:162px;
	height:270px;
	top:24px;
	left:780px;
}
.HomeLeftPanel{
	width:580px;
	height:207px;
	float:left;
	margin-top:6px;
	margin-left:0px;
	position:relative;
	background: url(Images/Home/HomeLeftPanelBG.gif) no-repeat 1px bottom;
}
.HomeLeftPanelInnerTop{
	width:580px;
	position:relative;
	padding:8px 0 0 0px;
}
.HomeLeftPanelInnerTop p{
	padding:0 0 0 17px;
}
.HomeLeftPanelInnerTop a.ReadMore {
	font-weight: bold;
	text-decoration:underline;
}
.HomeLeftPanelInnerBottomLeft{
	width:286px;
	float:left;
	height:137px;
	padding:0;
}
.HomeLeftPanelInnerBottomLeftBtn{
	float:left;
	padding:0 0 0 44px;
}
.HomeExpertsFaces{
	padding:17px 0 15px 18px;
}
.HomePanelsWrapper{
	padding-left:9px;
}
.HomeLeftPanelInnerBottomRight{
	width:250px;
	float:left;
	height:116px;
	padding:21px 27px 0 17px;
}
.HomeLeftPanelInnerBottomRight p.HomeLeftPanelInnerBottomRightTop{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#0d4177;
	padding:0;
}
.HomeLeftPanelInnerBottomRight p.HomeLeftPanelInnerBottomRightTitle{
	font-weight: bold;
	padding:5px 25px 0 0;
}
.HomeLeftPanelInnerBottomRight p.HomeLeftPanelInnerBottomRightName{
	font-size:1.1em;
	color:#0d4177;
	padding:4px 0 0 0;
}
.HomeLeftPanelInnerBottomRight p.HomeLeftPanelInnerBottomRightViewMore{
	font-weight: bold;
	color:#0d4177;
	font-size:1.0em;
	text-align:right;
}
.HomeRightPanel{
	width:360px;
	margin-top:5px;
	float:left;
	height:207px;
}
.HomeRightPanelTop{
	width:360px;
	margin:0;
	height:44px;
	background: url(Images/Home/HomeConnectParents.gif) no-repeat;
}
.HomeRightPanelBottom{
	width:360px;
	margin:0;
	height:163px;
	background: url(Images/Home/HomeJoinConversationBG.jpg) no-repeat;
	
}
.HomeRightPanelBottom p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#142740;
	padding:26px 0 0 77px;
	text-align:center;
	display:block;
	width:200px;
}
.HomeRightPanelButton{
	padding:9px 0 0 95px;
}

/** Article Callouts **/

.CommunityPanel{
	width:663px;
	padding:0px 0 14px 16px;
	height:156px;
	margin-left:16px;
	clear: both;
	float:left;
} 
.CommunityPanel .Articles,
.CommunityPanel .Discussions{
    position:relative;
    min-height: 100px;
}

.CommunityPanel .Articles{
	float:left;
	width:305px;
	top:22px;
	padding:0 9px 0 14px; 
	background:url(Images/Global/hr_Dotted.gif) no-repeat 0 0;
	position:relative;
}
.CommunityPanel .Articles h4{
	color:#0D4177;
	line-height:0.85em;
	padding-bottom:5px;
	padding-top:5px;
	font-size:1.6em;
}
.CommunityPanel .Articles h6{
	color:#000;
	font-weight: normal;
	font-size:1.2em;
	margin:3px 0;
}
.CommunityPanel .Articles .FeaturedArticle{
	padding-bottom:0;
}
.CommunityPanel .Articles .FeaturedArticle h5{
	padding:10px 0 0 0;
	margin-left:82px;
	line-height:1.2em;
	font-size:1.2em;
}
.CommunityPanel .Articles .FeaturedArticle img.FeaturedArticlePic{
	float:left;
	padding-top:3px;
}
.CommunityPanel .Articles .FeaturedArticle img.ArticleBtn{
	margin:11px 0 0 0px;
}
.CommunityPanel .Articles .FeaturedArticle p{
	margin-left:82px;
}
.CommunityPanel .Articles .SeeAllLink{
	font-size:1em;
	font-weight:bold;
	display:block;
	text-align:right;
	position:absolute;
	right:12px;
	bottom:0;
}


.CommunityPanel .Discussions{
	float:left;
	width:306px;
	margin:0;
	padding-left:12px; 
}
.CommunityPanel .Discussions h4{
	color:#0D4177;
	font-size:1.9em;
	text-align:right;
	margin-top:22px;
	padding-right:12px;
}
.CommunityPanel .Discussions h4 span{
	color:#F7A932;
}
.CommunityPanel .Discussions h5{
	color:#0D4177;
	font-size:1.4em;
	text-align:right;
	margin-top:-3px;
	padding-right:12px;
}
.CommunityPanel .Discussions p{
	padding-top:1px;
	padding-left:52px;
	color:#001533;	
}
.CommunityPanel .PoseYourQuestionBtn{
	width:190px;
	height:29px;
	background:url(Images/Home/btn-PoseYourQuestion.gif) no-repeat 0 0;
	cursor:pointer;
	margin:10px 0 2px 85px;
}