/* INFOZONE MY FIRST JOB - LANDING STYLESHEET */
/* DOES NOT INCLUDE STYLES FOR STANDARD DOL HEADING, BUT EVERYTHING ELSE */


#infozone-container {
border:none;
}

div.infozone-mainbox { /* jquery finds this class for mouseover */
width:223px; 
height:374px; 
display:block;
float:left;
margin:0 4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#330066;
padding:0;
font-size:1.3em;
}

div.infozone-mainbox h2 a {
display:block;
font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
line-height:1.3em;
padding:176px 20px 4px 20px;
font-style:normal
}

div.infozone-mainbox ul {
padding:0;
margin:0 0 0 36px;
}

div.infozone-mainbox li {
list-style-type:none;
margin:1em 0;
text-indent:-1em;
line-height:1.3em;
}

div.infozone-mainbox li a {

}

div.infozone-landing-employees {
background: #ffffff url('/infozone/common/images/myfirstjob/box-1.png') no-repeat top left;
}

div.infozone-landing-employers {
background:#ffffff url('/infozone/common/images/myfirstjob/box-2.png') no-repeat top left;
}

div.infozone-landing-parents {
background:#ffffff url('/infozone/common/images/myfirstjob/box-3.png') no-repeat top left;
}

div.infozone-landing-resources {
background:#ffffff url('/infozone/common/images/myfirstjob/box-4.png') no-repeat top left;
}

div.infozone-mainbox-over { /*jquery adds this class when mouse is over entire div */
background-position: -223px 0px; /* offset image */
}