		xbody {
          font-size: 16px;
          margin: 0 15px;
        }
		#formarea {
       		font-size: 16px;
        }
        #formarea h2 {
          margin: 1em 0;
        }
        #formarea input[type=text] {
          width: 100%;
        }
        #formarea select {
          width: 100%;
        }
        #formarea .bold {
          font-weight: bold;
        }
        #formarea .asd {
          padding: 1em;
        }
        #formarea .email div + div,
        #formarea .phone div + div,
        #formarea .address div + div,
        #formarea #FirstNameSection div + div,
        #formarea #LastNameSection div + div,
        #formarea #City,
        #formarea #ZipCode {
          margin: 0 0 1em 0;
        }
        #formarea .email div input,
        #formarea .phone div input,
        #formarea .address div input,
        #formarea #FirstNameSection div input,
        #formarea #LastNameSection div input,
        #formarea #City,
        #formarea #ZipCode {
          width: 100%;
          padding: 0.25em;
          border: 3px solid #eee;
        }
        #formarea #City,
        #formarea #ZipCode {
          height: 2.25em;
          margin-bottom: 0;
        }
        #formarea #RemoveEmail,
        #formarea #AddEmail,
        #formarea #RemovePhone,
        #formarea #AddPhone,
        #formarea #VerifyAddressButton,
        #formarea #Submit,
        #formarea #Reset {
          margin: 0 0 0.5em 0;
          padding: 0.5em;
          border: none;
          border-radius: 5px;
          color: #fff;
        }
        #formarea #AddEmail,
        #formarea #AddPhone,
        #formarea #VerifyAddressButton,
        #formarea #Submit {
          background-color: #25a725;
        }
        #formarea #RemoveEmail,
        #formarea #RemovePhone,
        #formarea #Reset {
          background-color: #bb2020;
        }
        #formarea .oes-form-buttons {
          padding-right: 6%;
          text-align: right;
        }
        #formarea .oes-form-buttons input {
          width: 10em;
        }
        #formarea #map {
          height: 350px;
          margin-top: 2em;
          padding-left: 25%;
          border: 2px solid black;
        }
        #formarea #AddressSearchCoordinates {
          font-weight: bold;
          color: #999;
        }
        #formarea #rbGroup1,
        #formarea #rbGroup2 {
          margin: 1em 1.5em;
        }
        #formarea div.Result:hover {
          background-color: lavender;
          cursor: pointer;
        }
        #formarea div.SelectedResult {
          background-color: burlywood;
          cursor: pointer;
        }
        #formarea .status {
          margin: 1em 0;
          color: red;
          text-align: right;
        }
        #formarea h2 + .status {
         margin: 1em 6% 1em 0;
        }
        x#sdsr {
          font-size: 12px;
          color: #808080;
        }
        x#sdsr a {
	        color: #366B1D;
	        text-decoration: none;
	        font-weight: bold;
        }
        x#sdsr a:hover {
          color: #366B1D;
          text-decoration: underline;
          font-weight: bold;
        }
		}
        @media (min-width: 1024px) {
          #formarea .email div,
          #formarea .phone div,
          #formarea .address div,
          #formarea #FirstNameSection div,
          #formarea #LastNameSection div {
            display: inline-block;
            width: 25%;
          }
          #formarea .email div:first-child + div,
          #formarea .phone div:first-child + div,
          #formarea .address div:first-child + div,
          #formarea #FirstNameSection div + div,
          #formarea #LastNameSection div + div {
            width: 70%;
          }
          #formarea .oes-form-buttons {
            margin-bottom: 1em;
          }
          #formarea #MapSection,
          #formarea #AddressSearchCoordinates {
            max-width: 70%;
            margin-left: 25%;
          }
        }
        @media (max-width: 1023px) {
          #formarea body {
            xfont-size: 30px;
          }
          #formarea h1 {
            xfont-size: 50px;
          }
          #formarea h2 {
            xfont-size: 40px;
          }
          #formarea .email div,
          #formarea .phone div,
          #formarea .address div,
          #formarea #FirstNameSection div,
          #formarea #LastNameSection div {
            display: block;
            width: 100%;
          }
          #formarea .oes-form-buttons {
            padding-right: 0;
          }
          #sms {
            margin-top: 0;
          }
        }
        @media (max-width: 991px) {
          #formarea #map {
            width: 100%;
            xheight: 70vw;
            margin-top: 2em;
            border: 2px solid black;
          }
        }

body {
	font-size: 12px;
	color: #808080;
}

h1,h2,h3,h4,h5,h6 {
	color:#366b1d;
	font-weight:bold;
}


p {
	color: #808080;
	font-size: 12px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
	color: #E68A00;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 12px;
}

body>.container a, .footer a, body.container a:visited, .footer a:visited {
	color: #366B1D;
	text-decoration: none;
	font-weight: bold;
}

body>.container a:hover, .footer a:hover {
	color: #366B1D;
	text-decoration: underline;
	font-weight: bold;
}

#disaster-preparedness-links>div a {
	width: 100%; 
	margin-bottom: .5em;
	display: inline-block; 
	background-color: rgba(44, 129, 1, 1);
}

.disaster-preparedness-links a {
	width: 100%; 
	margin-bottom: .5em;
	display: inline-block; 
	background-color: rgba(44, 129, 1, 1);
}

.page-heading {
	padding-top: 5px;
}

.breadcrumb {
    margin-bottom: 5px;
}
.breadcrumb > li > a {
    color: #366B1D;
}
hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.oes-box-title {
	background-color: rgba(44, 129, 1, 1);
	color: white;
	background: -webkit-linear-gradient(#5EB937, #458829); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#5EB937, #458829); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#5EB937, #458829); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#5EB937, #458829);
}
.header-nav-banner-div img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/* Header Banner */
.header .text.section {
    margin-top: -20px;
    background-color: #bcc4c9;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.header .text.section a {
    color: #333;
    font-size: 24px;
}

@media (max-width: 991px) {
    .header .text.section {
        font-size: 18px;
    }
    .header .text.section a {
        font-size: 18px;
    }
}


/* CSS workaround for Ready home page 3-column layout for small devices */
@media (min-width: 768px) and (max-width: 991px) {
    .home-3-col > .col-sm-12 {
    	width: 33.33333333% !important;
    }
    .home-3-col > .col-sm-12 + .col-sm-12 {
    	width: 66.66666667% !important;
    }
}

/* fix for home icons post Touch UI conversion */
.prep-triggers img {
    width: auto;
}


.shakealert-items div {
    padding: 8px;
    border-top: 1px solid #ddd;
}


.shakealert-items div:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.accordion-faq .panel-body img { 
	max-width: 100%; 
}
