.educationalmaterials a {
margin-right: 15px;
}



.healthandsafetytip-box {
min-height: 130px;
background-color: #253566;
background-image: url('http://emergency.cdc.gov/es/disasters/hurricanes/images/icon-hurricanes-large-padding.png');
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 10px;
padding: 10px 10px 5px 10px;
border: 1px solid Black;
}

.healthandsafetytip-title {
font-size: 14pt;
font-weight: bold;
color: #c1d3e4;
}

.healthandsafetytip-headline {
padding-right: 80px;
font-size: 11pt;
font-weight: bold;
color: White;
}

.healthandsafetytip-text {
padding-right: 90px;
font-size: 10pt;
line-height: 110%;
color: White;
}

.healthandsafetytip-text a {
font-size: 10pt;
font-weight: bold;
line-height: 1.2em;
}




.highlights-box {
min-height: 145px;
background-color: #aaabc8;
background-image: url('http://emergency.cdc.gov/es/disasters/hurricanes/images/bg-highlights.jpg');
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #03007b;
}

.highlights-title {
margin-left: 95px;
font-size: 14pt;
font-weight: bold;
/*color: #000165;*/
color: White;
}

.highlights-box ul {
margin-left: 110px;
font-size: 11pt;
}





/* --------------------
    LEGACY PRE-RD UPGRADE */


/* Prepare for Storm group box on index.asp */

.prepareforstorm {
border: 1px solid black;
background-color: #e6e7ea;
}

.prepareforstorm h3 {
background-color: #b0c5db;
background-image: url(http://emergency.cdc.gov/es/disasters/hurricanes/images/tipbox_hurricane_evac_route.jpg);
background-position: left top;
color: #d3e0ed;
}

.prepareforstorm .inner {
padding: 5px;
}





/* Hurricane Health and Safety Tip Box on index.asp */

.tipbox {
position: relative;
max-width: 300px;
background-color: #6c849b;
background-image: url('http://emergency.cdc.gov/es/disasters/hurricanes/images/tipbox_hurricane_evac_route.jpg');
background-repeat: no-repeat;
background-position: right bottom;
border: 1px solid black;
padding-bottom: 15px;
}

.tipboxtitle {
font-family: 'Trebuchet MS', sans-serif;
font-weight: bold;
font-size: 11pt;
color: #d3e0ed;
padding: 0 5px 0 5px;
}

.tipboxcopy {
color: white;
font-size: 8pt;
padding: 0 71px 5px 5px;
}

.tipboxheadline {
color: white;
font-weight: bold;
font-size: 10pt;
padding: 0 30px 10px 5px;
}





/* highlightbox with double flag background is used on several pages (eg, Make a Plan pages) */

.highlightbox { 
max-width: 385px;
background-color: #ced2e0;
background-image: url('http://emergency.cdc.gov/es/disasters/hurricanes/images/bg_hurricane_highlight_box.jpg');
background-repeat: no-repeat;
margin-bottom: 15px;
border: 1px solid #595984;
padding: 7px;
}

.highlightbox h3 {
text-transform: uppercase;
margin-left: 115px;
}

.highlightbox ul {
margin-left: 120px;
font-size: 8pt;
}




/* planlistitem creates space below the links to the steps in Make a Plan (plan.asp) table of contents */

.planlistitem {
margin-bottom: 45px;
}

.planlistitem img {
padding-right: 8px;
}




/* Tile links like preparedness.asp & recovery.asp */

.tilelistitem {
margin-bottom: 40px;
}

.tilelistitem img {
padding-right: 8px;
}




/* Information for You text box on index.asp */

.infoforyou li {
margin: 3px 0 3px 0;
}




/* Styles for the educationalmaterials.asp page */

.edumat {

}

.edumat h2 {
margin-top: 25px;
}

.edumat h3 {
padding: 4px 0 4px 10px;
}





/* MAKE A PLAN Menu Box on firststeps.asp, evacuate.asp, completeplan.asp */

.makeplanbox {
border: 1px solid #d7cb7f;
border-top: 5px solid #d7cb7f;
border-bottom: 3px solid #d7cb7f;
background-color: #fefbe9;
float: right;
width: 180px;
margin-left: 10px;
}

.makeplantitle {
text-transform: uppercase;
text-align: center;
color: #0b7700;
font-size: 11pt;
letter-spacing: 3px;
font-family: "Trebuchet MS", Sans-Serif;
font-weight: bold;
margin: 6px 0 6px 0;
}

.makeplanlinkwrapper {
border-top: 1px dotted #d7cb7f;
padding: 7px;
margin-left: 5px;
margin-right: 5px;
}

.makeplanlink {
margin-left: 8px;
margin-right: 8px;
}