div#panel1{
    background: #9cc8e5 url('../../images/educatehome/panel1_bg.jpg') no-repeat;
    width:535px;
    min-height:324px;
	height:auto !important;
	height:324px;
	float:left;
	padding:10px 0 0 15px;
	margin-left: 12px;
	display: inline;}
	
div#panel1 p#ArticleIntro {
    margin-top: 10px;
}
	
div#panel1Bottom{
    background: #9cc8e5 url('../../images/educatehome/panel1_bottom.gif') top left;
    height:6px;
    width:550px;
    float:left;
    overflow: hidden;
    margin-left: 12px;
    display: inline;}
    
div#ArticleIntro p {
    padding-bottom:10px;}
    
div#panel1 h2{
    width: 266px;
    margin: 20px 0 10px 0;
    font-size: 260%;
    line-height: 100%;
    color: #fff; }
    
div#panel1 p{
    width:251px;
    color: #003366;
    font-size: 130%;
    line-height: 150%;}

div#panel1 img{
    float:right;
    margin-right:10px;}   

div.panel{
    margin-top:10px;
    float:left;}
    
.leftpanel { margin-left: 12px; display:inline; }
.rightpanel { margin-left: 15px; display:inline; }

.leftpanel .imgArea,
.rightpanel .imgArea {
    height: 134px;
    width: 93px;
}

.panel .txtArea { width:153px; float: left; padding: 8px 0 10px 0; }
.panel .imgArea { width:93px; height:134px; margin-top:3px; float: right; }
.panel .contentArea { width: 247px;  float: left; position: relative; background-position: right bottom; background-repeat: no-repeat; }
.panel .link { clear: left; }
    
div.panelTop{
    background: #ffffff url('../../images/educatehome/panel2_bg.gif') no-repeat;
    width:253px;
    min-height:194px;
	height:auto !important;
	height:194px;
	padding:14px 0 0 15px;}
	
div.panelBottom{
    background: #ffffff url('../../images/educatehome/panel2_bottom.gif') top left;
    height:8px;
    overflow:hidden;
    width:267px;}

div.panelTop p{
    width:135px; }
    
div.panelTop H3{
    color:#076cae;
    font-size: 180%;
    width:230px;
    float:left;
    clear:both; }    
    
div.panelTop p.link
{
    background: url('../../images/right_arrow.gif') no-repeat 10px 8px;
    padding-top:4px;
    border-top: 1px dotted #80d3d3;
    height:25px;
    margin-left:-7px;
    width:100%;}

div.panelTop p.link a
{
    margin-left:22px;
    font-weight:bold;
    color:#076cae;
}
div#panel1 p.link {
    background: url('../../images/right_arrow.gif') 0 12px no-repeat;
    padding-top: 4px;
    padding-left: 16px;
    margin: 0 5px 5px 0; 
    height: 1%;   /* Stops peak-a-boo bug in IE */
}
div#panel1 p.link a {
	font-weight: bold;
	font-size: 90%;
    color: #FFFFFF;
}