/* 

=================================

CodeReady Global CSS Document

(c) 2007 CodeReady

Created by: Garrick Willhite, StoneArch Creative

=================================



colors



bright green: #99CA3C;

bright blue: #02A9D2;

bright yellow: #FFCC33;

faded blue: #B4C7CE;

copy text blue: #0193BC;

copy text gray: #888;

*/



body {

	font-size: 75%;

	font-family: Helvetica, Arial, Verdana;

	margin: 0;

	padding: 0 0 30px;

}



img {

	margin: 0;

	padding: 0;

	border: 0;

}



hr {

	margin: 0;

	padding: 0;

	border: 0;

	size: 0;

	height: 0;

	width: 0;

}



/* =========== TYPOGRAPHY ========== */



a:link, a:visited {

	color: #0193BC;

	text-decoration: none;

}



a:hover {

	color: #99CA3C;

	text-decoration: underline;

}



a.external span {position: absolute; left: -5000px; width: 4000px;}

xa.external{background: url(../images/is.jpg) bottom right no-repeat; padding: 3px 15px 0 0px;}





p {

	font-size: 1em; 		

	line-height: 1.5em; 

	margin: 0 0 1.5em;

	color: #888;

	font-family: Verdana, Arial, sans;

}



ul {

	margin: 0;

	font-size: 1em;

	font-family: Verdana, Arial, sans;

}



ol li {

	xfont-size: 1.1em;

	font-family: Verdana, Arial, sans;

	}

	

li {

	padding: 3px 0;

	color: #888;

	line-height: 1.5em;

}



h1, h2, h3 {

	color: #99CA3C;

}



h1 {

	font-size: 2em;	

	line-height: 1em;		

	margin: 0;

	padding: 0;

	height: 26px;

}



h2 {

	font-size: 1.65em;

	line-height: 1.0em;

	margin: 0 0 .5em;

}



h3 {

	font-size: 1.25em;

	line-height: 1.25em;

	margin: 0 0 1em;

}



h4 {

	font-size: 1.15em;

	line-height: 1.35em;

	margin: 0 0 .7em;

}



h5 {

	font-size: 1em; 		

	line-height: 1.5em; 

	margin: 0 0 0.2em;

	color: #888;

	font-family: Verdana, Arial, sans;

	font-weight: normal;	

}



h6 {

	font: bold 1em Verdana, Arial, sans;

	margin-bottom: 2px;

	padding-bottom: 0;

	color: #888;

}





/* =========== LAYOUT ========== */



#wrapper {

	width: 765px;

	margin: 0 auto;

	padding: 0;

}



/* =========== SEARCH ========== */



#search {

	width: 762px;

	float: left;

	margin: 0;

	padding: 7px 0;

	border-right: 3px solid #99CA3C;

}



  #search p {

	  float: left;

	  margin: 0;

	  }



	#search a.home_link {

		float: left;

		margin: 9px 0 0 12px;

		width: 30px;

		height: 8px;

		padding: 5px 10px 10px;

		background: url(../images/home_link.jpg) no-repeat;

	}



	#search a:hover.home_link {

		background: url(../images/home_link_hover.jpg) no-repeat;

		}



	#search a strong {

		display: none;

	}



	#search form {

		float: right;

		display: inline;

		margin: 0 15px 0 0;

		padding: 2px 0 0;

	}

	

	#search form input.search_box {

		margin: 0px 0 0;

		padding: 4px 5px 7px;

		xwidth: 151px;

		border: none;

		color: #626262;

		background: transparent url(../images/search_box.jpg) no-repeat;

		}



/* ============ MAIN NAV =========== */		



#header {

	width: 762px;

	float: left;

	margin: 0;

	padding: 0 0 5px;

	border-right: 3px solid #99CA3C;

}



#logo {

	float: left;

	width: 229px;

	height: 71px;

	margin: 0;

}



#nav {

	float: left;

	width: 526px;

	height: 71px;

	margin: 0;

	padding: 0;

	background: url(../images/bkg_nav.jpg) top left no-repeat;

}



#nav ul {

	padding: 0;

	margin-left: 28px;

}



#nav ul li {

	display: block;

	float: left;

	margin: 20px 4px 0 0;

	padding: 0px;

}



#nav strong {

	display: none;

}



#nav a {

	display: block;

	color: transparent;

	height: 31px;

	margin: 0;

	padding: 0;

}



#nav_get_informed a, #nav_get_informed a:visited {background: url(../images/get_informed.png) no-repeat; width: 153px;}

#nav_get_prepared a, #nav_get_prepared a:visited {background: url(../images/get_prepared.png) no-repeat; width: 153px;}

#nav_get_connected a, #nav_get_connected a:visited {background: url(../images/get_connected.png) no-repeat; width: 153px;}



#nav_get_informed a:hover {background: url(../images/get_informed_hover.png) no-repeat; width: 153px;}

#nav_get_prepared a:hover {background: url(../images/get_prepared_hover.png) no-repeat; width: 153px;}

#nav_get_connected a:hover {background: url(../images/get_connected_hover.png) no-repeat; width: 153px;}



#nav_get_informed a:active, #nav_get_informed a.active,

#nav_get_prepared a:active, #nav_get_prepared a.active,

#nav_get_connected a:active, #nav_get_connected a.active {

	background: none;

}



/* ============ CONTENT =========== */



#title {

	margin: 0;

	padding: 5px 20px 0px;

	border-left: 3px solid #99CA3C;

}



#content {

	float: left;

	margin: 0;

	padding: 20px 20px 20px 23px;

	border-right: 3px solid #99CA3C;

}



#content ul {

	padding: 0 0 1em 20px;

}



#main_content {

	float: left;

	width: 462px;

	margin: 0 26px 0 0;

}



#full_content {

	width: 719px;

}



.caption {

	float: left;

	margin: 0 0 15px 0px;

	padding: 10px 10px 1em 10px;

	background: #eee;

	border: 1px solid #d5d5d5;

}



.caption img {

	margin-bottom: .8em;

	float: left;

}



.caption small {

	clear:both;

	color: #555;

	font: italic 1em Georgia, serif;

}



.caption.float_right {

	float: right;

	margin-left: 10px;

}



/* Get Informed Landing Page */



#disaster {

	width: 700px;

	float: left;

	margin-bottom: 25px;

}



#disaster_narrow {

	width: 460px;

	float: left;

	margin-bottom: 25px;

}



#disaster strong, #disaster_narrow strong {

	font-weight: normal;

	font-size: 10px;

	text-transform: uppercase;

	float: left;

	width: 102px;

	line-height: 1.15em;

	text-align:center;

	margin: 0;

	padding: 7px 11px 3px 9px;

	height: 30px;

	border-top: 2px solid #cecece;

	background: url("../images/bg_icon_disasters.jpg") bottom left no-repeat;

}



#disaster ul, #disaster_narrow ul {

	margin: 0;

	padding: 0;

}



#disaster li {

	width: 120px;

	list-style: none;

	float: left;

	margin: 0 30px 15px 0;

	padding: 0;

}



#disaster_narrow li {

	width: 120px;

	list-style: none;

	float: left;

	margin: 0 20px 15px 0;

	padding: 0;

}



#disaster li a strong, #disaster_narrow li a strong {

	margin-top: -6px;

}



/* Get Prepared Landing Page */



.path {

	width: 278px;

	background: #eee url("../images/bg_prepared_box.png") bottom left no-repeat;

	float: left;

	display: inline;

	margin: 0 20px;

}



.path p {

	padding: 0 18px;

}



.path h3.kit  {

	background: url("../images/bg_getprepared_kit.png") top left no-repeat;

	padding: 15px 10px 10px 55px;

	color: #fff;

}



.path.buildplan h3 {

	background: url("../images/bg_getprepared_plan.png") top left no-repeat;

	padding: 15px 10px 10px 45px;

	color: #fff;

}



.center {

	text-align: center;

}



.left {

	margin-left: 50px;

}



/* =========== SIDE NAV ========= */



#side_nav {

	width: 231px;

	float: left;

	margin: 34px 0 0;

	padding: 0;

	background: url("../images/menu_top.jpg") top left no-repeat;

}



#side_nav ul {

	float: left;

	width: 231px;

	background: url("../images/menu_bg.gif") bottom left no-repeat;

	margin: 4px 0 0;

	padding: 0 0 4px 1px;

}



#side_nav li {

	list-style: none;

	margin: 0px;

	padding: 0;

	float: left;

}



#side_nav li a {

	background:   url("../images/menu_off.jpg") 0 40% no-repeat;

	margin: 0;

	width: 193px;

	float: left;

	padding: 8px 10px 6px 27px;

	border-bottom: 1px solid #ddd;

	color: #888;

}



#side_nav li a:hover {

	background: url("../images/menu_over.jpg") 0 40% no-repeat;

	text-decoration: none;

	color: #99CA3C;

}



#side_nav li a.active {

	width: 192px;

	padding: 8px 10px 6px 27px;

	border-bottom: 1px solid #ddd;

	color: #0193BC;

	background: #F1F1F1 url("../images/menu_on.jpg") 0 40% no-repeat;

	font-weight: bold;

}



#side_nav li a.last {

	border-bottom: 0px;

}



#side_nav li a.open {

	background: url("../images/menu_open.jpg") 0px 40% no-repeat;

}



#side_nav ul ul {

	background: none;

	margin: 0;

	padding: 0;

}



#side_nav ul ul li {

	margin: 0px;

	padding: 0;

}



#side_nav ul ul li a {

	width: 174px;

	margin: 0;

	padding-left: 45px;

	background:  url("../images/menu_off.jpg") 15px 40% no-repeat;

}



#side_nav ul ul li a.active {

	width: 174px;

	background: #F1F1F1 url("../images/menu_on.jpg") 15px 40% no-repeat;

	margin: 0;

	padding-left: 45px;

	border-bottom: 1px solid #ddd;

}



#side_nav ul ul li a:hover {

	background: url("../images/menu_over.jpg") 15px 40% no-repeat;

}



/* =========== FOOTER =========== */



#footer {

	padding: 8px 20px 17px;

	background: url("../images/bkg_footer.gif") bottom left no-repeat;

}



#footer p {

	margin: 0;

	font-size: .9em;

}



/* =========== Home Page Styles =========== */



#flash {

	margin: -15px 0 5px;

	padding: 0;

	float: left;

}



#home_nav {

	float: left;

	background: url("../images/bg_home_navigation.jpg") top left no-repeat;

}



#home_nav ul {

	width: 719px;

	padding: 0;

	margin: 0;

}



#home_nav ul li {

	display: block;

	float: left;

	margin: 0 0px 0 0;

	padding: 0px;

}



#home_nav strong {

	display: none;

}



#home_nav a {

	display: block;

	color: transparent;

	height: 50px;

	margin: 0;

	padding: 0;

}



#homenav_get_informed a, #homenav_get_informed a:visited {margin-right: 4px;background: url(../images/nav_home_informed.jpg) no-repeat; width: 237px;}

#homenav_get_prepared a, #homenav_get_prepared a:visited {margin-right: 4px;background: url(../images/nav_home_prepared.jpg) no-repeat; width: 237px;}

#homenav_get_connected a, #homenav_get_connected a:visited {background: url(../images/nav_home_connected.jpg) no-repeat; width: 237px;}



#homenav_get_informed a:hover,

#homenav_get_prepared a:hover,

#homenav_get_connected a:hover {background: none;}



#home_mods {

	width: 719px;

	float: left;

	margin: 3px 0 -10px 0;

	padding: 0 0 10px;

	display: inline;

	background: url("../images/bg_home_box.jpg") bottom left no-repeat;

}



#home_mods p {

	margin: 0;

	padding: 7px 15px 0px;

}



#home_mods .tip {

	width: 478px;

	float: left;

	margin: 0 3px 0 0;

}



.tip h3 {

	background: url("../images/home_tip.gif") top left no-repeat;

	height: 35px;

	margin:0;

	padding:0;

}



#home_mods .email {

	width: 238px;

	float: left;

	padding: 0;

}



.email h3 {

	background: url("../images/home_email.gif") top left no-repeat;

	height: 35px;

	margin:0;

	padding:0;

}



.email small {

	color: red;

	float: left;

	margin-top: 3px;

}



.email img {float:left; margin-top:2px;}



.tip h3 strong, .email h3 strong {

	display: none;

}



#home_mods form input.search_box {

	margin-top: 2px;

	padding: 3px 0px 4px;

	border-color: #aaa;

	background: #f3f3f3;

	border-style: solid;

	border-width: 1px 0 1px 0;

	color: #626262;

	xbackground: transparent url(../images/search_box.jpg) no-repeat;

	}



/* =========== FORMS ============= */



form, fieldset, label, input, select {

	margin: 0;

	padding: 0;

}



fieldset {

	float: left;

	width: 718px;

	border: none;

	margin: 5px 0 5px;

	padding: 15px 0 5px;

	border-top: 2px dotted #FFCD36;

}



fieldset.no_border {

	border-top: none;

	margin-top: 0px;

	margin-right: -3px;

}



fieldset p {

	float: left;

	width: 707px;

	margin: 0 6px 0 0;

	padding: 0 0 1em;

}



html>fieldset p {

	width: 717px;

}



fieldset.short p {

	width: 172px;

}



fieldset.shorter p {

	width: 82px;

}



fieldset.wider p {

	width: 550px;

}



fieldset.shorter p.long {

	float: left;

	width: 707px;

	margin: 0 6px 0 0;

	padding: 0 0 1em;

}





.unit {

	width: 719px;

	float: left;

}



label {

	font-weight: bold;

	color: #0193BC;

	float: left;

	padding-bottom: 2px;

}



input {

	float: left;

	margin: 0;

	padding: 2px;

}



textarea {

	margin-bottom: 10px;

}



.required {

}



.gray_text {

	font-weight: normal;

	color: #777;

	margin-top: -15px;

}



select, .down {

	float: left;

	clear: both;

	margin: 0;

	padding: 0;

}



.short input {

	width: 160px;

	border: 1px solid #bbb;

}



.form_img {

	margin: 10px 0 0 0;

	padding: 0;

}



#form_error {

	background: #FBDFDF url("../images/error_alarm.gif") 2% 50% no-repeat;

	border: 2px solid red;

	margin-bottom: 5px;

	padding: 15px 15px 15px 70px;

	font-weight: bold;

}



#form_success {

	background: #DEEFCE url("../images/success_icon.gif") 2% 50% no-repeat;

	border: 2px solid green;

	padding: 15px 15px 0px 70px;

	font-weight: bold;

}



#form_error h4 {

	color: red;

	margin: 0;

}



#form_success h4 {

	color: green;

	margin: 0;

}



/* =========== RESULTS PAGE ============= */





.results {

	width: 719px;

	float: left;

	margin: 5px 0;

}



.results .margin {

	width: 704px;

	margin-left: 15px;

	display: inline;

}



.results_unit {

	width: 690px;

	margin-left: 15px;

	padding: 0 0 15px;

	float: none;

	display: relative;

}



.results p {

	margin: 0;

	padding: 0;

}



.results h3 {

	float: left;

	width: 654px;

	background: #E78C29;

	margin: 0 0 15px 0;

	padding: 12px 0px 10px 65px;

	color: #fff;

}



.results h4 {

	color: #777;

	padding-bottom: 3px;

	border-bottom: 1px solid #ddd;

}



.results.other h4 {

	padding-top: 8px;

}



.waterfood h4 {

	border-bottom: none;

	margin: 15px 0 0 15px;

	padding: 0;

}



.waterfood ul, .waterfood p {

	margin-left: 15px;

}



.results.plan strong, .results.kit strong {color: #E78C29; }

.results.contacts strong, .results.waterfood h4 {color: #529421;}

.results.members strong, .results.supplies h4 {color: #527BC6; }

.results.other strong {color: #C62121;}



.results.plan h3 {background: #E78C29 url("../images/bg_planresults_plan.gif") top right no-repeat;}

.results.contacts h3{background: #529421 url("../images/bg_planresults_contacts.gif") top right no-repeat;}

.results.members h3{background: #527BC6 url("../images/bg_planresults_members.gif") top right no-repeat;}

.results.other h3{background: #C62121 url("../images/bg_planresults_other.gif") top right no-repeat;}



.results.kit h3 {background: #E78C29 url("../images/bg_kitresults_mykit.gif") top right no-repeat;} 

.results.waterfood h3 {background: #529421 url("../images/bg_kitresults_waterfood.gif") top right no-repeat;}

.results.supplies h3 {background: #527BC6 url("../images/bg_kitresults_supplies.gif") top right no-repeat;}



.member_info {

	width: 672px;

	margin: 10px 0px 10px 15px;

	padding-bottom: 7px;

	background: url("../images/bg_profile_info.gif") bottom left no-repeat;

}



	.member_info .cell {

		float: left;

		clear: both;

		width: 672px;

		padding: 4px 0;

		border-top: 1px dotted #ddd;

	}

	

	.member_info h4 {

		background: url("../images/bg_profile_header.gif") top left no-repeat;

		border-bottom: 2px solid #ccc;

		margin: 0;

		padding: 9px 10px 2px;

	}

	

	.member_info p {

		width: 320px;

		float: left;

		padding: 0px 5px 0px 10px;

	}

	.member_info tr {

	border-top: 1px dotted #ddd;}



#full_content .back_to_top a {

	float: right;

	font-size: .8em;

	line-height: 1em;

	text-align: right;

	color: #fff;

	font-weight: bold;

	margin: -41px 12px 0 0;

}



.build {

	float: right;

	margin: 10px 0 0 0;

}



fieldset.kit_length {border: none; margin: 0; padding: 0;}

fieldset.kit_length label {float: none;}

fieldset.kit_length select {float: none; margin: 0px 0 0 5px; }





p.checklist {

	line-height: 2em;

	margin: 0 0 3px 15px;

	padding: 0 0 15px 5px;

}



ul.checklist li {

	list-style: none;

	margin: 0 0 3px 0px;

	padding: 0 0 0 20px;

	background: url("../images/checkbox.jpg") 0 47% no-repeat;

}





ul.checklist {

	margin: 0 0 10px 0px; 

	padding: 0;

}



.list_half {

	width: 210px;

	float: left;

}



ul.serving {

	list-style:none;

}



table.year {

border: 1px solid #ddd;

/*margin: 20px 0 20px 45px;*/

}



.year th {

background: #eee;

border: 1px solid #ddd;

padding: 5px;

color: #555;

}



.year td {

   color: #777;

line-height: 1.5em;

border: 1px solid #ddd;

padding: 3px 5px;

}



/* =========== CLASSES =========== */



.question {

	font-weight: bold;

	color: #0193BC;

	padding-bottom: 2px;

}



.disclaimer {

	font-size: .75em;

}



.hide {

	display: none;

}



.show_print {

	display: none;

}



.float_right {

	float: right;

}



.align_right {

	text-align: right;

}



.borders {

	padding: 7px 0 3px;

	border-top: 2px dotted #FFCD36;

	border-bottom: 2px dotted #FFCD36;

}



.line {

	clear: both;

	margin: 0 0 -3px;

	padding: 0;

	height: 20px;

	background: url("../images/line_green_left.gif") top right no-repeat;

}



.flop {

	background: url("../images/line_green_right.gif") top right no-repeat;

	}

	

.tableline td {

	border-top: 1px dotted #ADA9A9;

	padding: 4px 0 4px 0;

}



.search_bar {

	color: #FFCD36;

}



/* =========== H1 HEADERS =========== */



h1 strong {

	display: none;

}	



.buildkit {background: url(../images/pageheader_buildkit.gif) no-repeat;}

.createplan {background: url(../images/pageheader_createplan.gif) no-repeat;}

.disasters {background: url(../images/pageheader_disasters.gif) no-repeat;}

.get_informed {background: url(../images/pageheader_getinformed.gif) no-repeat;}

.get_prepared {background: url(../images/pageheader_getprepared.gif) no-repeat;}

.get_connected {background: url(../images/pageheader_getconnected.gif) no-repeat;}

.privacy_policy {background: url(../images/pageheader_privacypolicy.gif) no-repeat;}

.search_results {background: url(../images/pageheader_searchresults.gif) no-repeat;}

.newsroom {background: url(../images/pageheader_newsroom.gif) no-repeat;}

.sitemap {background: url(../images/pageheader_sitemap.gif) no-repeat;}

.contactus {background: url(../images/pageheader_contactus.gif) no-repeat;}