h2 {
margin: 0;
padding: 0;
}

.top p,
.left p,
.right p {
margin: 0 0 5px 0;
padding: 0;
}

/*
=====
	LEFT COLUMN CONTENT
=====
*/

.left {
float: left;
width: 480px;
text-align: left;
}

/* 
=====
	Age by Age Subject Navigation
=====
*/

.left .candm-feature {
	padding: 10px;
	border: 1px solid #ccc;
}

.left .agebyagecontent {
padding-top: 6px;
}

.left .agebyagecontent .subject {
float: left;
width: 230px;
margin-right: 10px;
height: 108px;
}

.left .agebyagecontent .subject h2 {
margin: 0 0 3px 0;
font-size: 18px;
}

.left .agebyagecontent .subject img {
float: left;
border: 3px solid #e5e5e5;
margin-right: 8px;
}

.left .agebyagecontent .subject ul {
list-style-type: none;
margin: 0;
padding: 0;
height: 10px;
}

.left .agebyagecontent .subject li {
margin: 0 0 3px 0;
}

/* 
=====
	Milestones
=====
*/

.left .milestones {
margin: 10px 0 0 0;
padding: 8px 0 16px 0;
clear: both;
}

.left .milestones ul.agebyagenavigation {
margin: 0 auto;
padding: 0;
text-align: center;
list-style-type: none;
}

.left .milestones ul.agebyagenavigation li {
float: left;
font-weight: 900;
}

.left .milestones ul.agebyagenavigation .label {
display: block;
margin-right: 4px;
padding: 2px 6px 2px 10px;
}

.left .milestones ul.agebyagenavigation a {
display: block;
font-size: 14px;
text-decoration: none;
margin-right: 4px;
padding: 2px 5px;
}

.left .milestones ul.agebyagenavigation#spanish a {
display: block;
font-size: 14px;
text-decoration: none;
margin-right: 4px;
padding: 2px 5px;
}

.left .milestones ul.agebyagenavigation a.preschool:link,
.left .milestones ul.agebyagenavigation a.preschool:visited,
.left .milestones ul.agebyagenavigation a.preschool:active {
background-color: #eaeef6;
}

.left .milestones ul.agebyagenavigation a.gradeschool:link,
.left .milestones ul.agebyagenavigation a.gradeschool:visited,
.left .milestones ul.agebyagenavigation a.gradeschool:active {
background-color: #d6deee;
}

.left .milestones ul.agebyagenavigation a.preteens:link,
.left .milestones ul.agebyagenavigation a.preteens:visited,
.left .milestones ul.agebyagenavigation a.preteens:active {
background-color: #c3cfe7;
}

.left .milestones ul.agebyagenavigation a.teens:link,
.left .milestones ul.agebyagenavigation a.teens:visited,
.left .milestones ul.agebyagenavigation a.teens:active {
background-color: #b4c2e1;
}

.left .milestones ul.agebyagenavigation a.preschool:hover,
.left .milestones ul.agebyagenavigation a.gradeschool:hover,
.left .milestones ul.agebyagenavigation a.preteens:hover,
.left .milestones ul.agebyagenavigation a.teens:hover {
background-color: #e5e5e5;
}

/*
=====
	Articles
=====
*/

.left .articles .intro {
padding-bottom: 6px;
}

.left .articles .row {
float:left;
padding-right:13px;
width:147px;
}

.left .articles ul.article {
float:left;
padding:10px 0;
margin: 0;
list-style: none;
width:147px;
}

.left .articles .article li.title {
font-weight: bold;
margin-bottom: 4px;
line-height: 16px;
padding: 5px 0;
border-bottom: 1px solid #e7e7df;
}

.left .articles .row img {
border:3px solid #E5E5E5;
}

/*
=====
	RIGHT COLUMN CONTENT
=====
*/

.right {
margin-left: 504px;
text-align: center;
line-height: 16px;
}

.right .gutter {
padding: 10px;
}

.right h2 {
line-height: 20px;
}

.right p {
margin-top: 4px;
}

/* FAQ and Glossary Promo areas */

.right .faq,
.right .glossary {
text-align: left;
background-color: #fff;
border: 1px solid #e5e5e5;
}

.right .faq2,
.right .glossary {
text-align: left;
background-color: #fff;
border: 3px solid #fff05d;
}

.right .glossary {
margin-top: 14px;
}

.right .glossary .term {
text-align: center;
margin: 0 auto 10px auto;
font-size: 14px;
}



/* Learning with Meia Promo */

.right .learningwithmedia-promo {
text-align: left;
background: #fff url('/parents/childrenandmedia/images/index-learningwithmedia-bground.jpg') no-repeat bottom left;
border: 3px solid #fff05d;
margin-bottom: 14px;
padding-bottom: 65px;
}

/*
=====
	VARIOUS IE 6 and IE 7 HACKS
=====
*/


.left .row:after,
.milestones:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

* html .left .row,
* html .milestones {
height: 1%;
}

.left .row,
.milestones {
 * height: 1%;
}

/* Proper alignment of .headernav */

* html .top .headernav /* IE 6 */ {
margin-left: 655px;
}

.top .headernav /* IE 7 */ {
 #margin-left: 658px;
}

* html .top .spanishheadernav /* IE 6 */ {
margin-left: 661px;
}

.top .spanishheadernav /* IE 7 */ {
 #margin-left: 664px;
}

.clear {
clear: both;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
height: 0;
}