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

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

.prepareforstorm .preptitle {
background-color: #b0c5db;
background-image: url('http://emergency.cdc.gov/es/desastres/huracanes/[es-us]-images/tipbox_hurricane_evac_route.jpg');
background-position: left top;
font-size: 11pt;
font-weight: bold;
color: #d3e0ed;
padding: 5px;
}

.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/desastres/huracanes/[es-us]-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 0 5px;
}

.tipboxheadline {
color: white;
font-weight: bold;
font-size: 10pt;
padding: 0 71px 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/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 h3 {
margin-top: 20px;
background-color: #dadada;
border-top: 1px solid #919191;
padding: 0 0 4px 4px;
}

.edumat .mediatype {
background-color: #f2f2f2;
padding: 4px 0 4px 10px;
font: bold 9pt "Trebuchet MS", sans-serif;
color: #454545;
}



/* 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;
}