/*-----------------------------------------------------------------------------
ReadyPA.org Stylesheet

version:   1.0
date:      09.01.2008 -- 
author:	   Neiman Group, Philadelphia (http://www.neimanphilly.com)
website:   http://www.readypa.org/
-----------------------------------------------------------------------------*/


/* CSS Reset
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; 
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; 
	vertical-align: baseline;}

:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Layout || Clear, Float / Positioning
-----------------------------------------------------------------------------*/
.clear {
	clear:both;
}
.right {
	float: right;
}
.left {
	float: left;
}

/* Moz-Hack :: kill page shift
-----------------------------------------------------------------------------*/
/*html { overflow: -moz-scrollbars-vertical !important; }*/


/* Document
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.5 arial, helvetica, sans-serif;
	color: #333;	
	text-align: center;
	background: #f0f0f0 url(/_img/bkg.repeat.png) center top repeat-y;
}
#wrapper { 
	width: 960px;
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;
	overflow: hidden;
	background: url(/_img/bkg.wrapper.png) center top no-repeat;
}


/* Typography
-----------------------------------------------------------------------------*/
h1 {
	text-indent: -4000px;
}
h2 {/* 18pt */
	margin-bottom: 0.75em;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	color: #9e0f0f;
	text-transform: uppercase;
}
h3 {/* 16pt */
	margin: 1em 0 0.75em 0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
	color: #9e0f0f;
	text-transform: uppercase;
}
h4 {/* 13pt */
	margin-bottom: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	color: #333;
}
h5 {/* 12pt */
	margin: 1.25em 0;
	font-size: 1.2em;
	line-height: 1.3em;
	text-decoration: underline;
}

p, q, cite, ul, ol, li, dd, dt, dl { /* 12pt */
	font-size: 1.2em;
}
p, q, cite {
	margin-bottom: 0.75em; 
	line-height: 1.3em;
}
p.error {
	color: red;
}
p.error a {
	color: red;
	text-decoration: underline;
}
p.notification {
	color: #000;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
em.bold {
	font-weight: bold;
}

	/* Specialization
	-------------------------------------------------------------------*/
	.underline {
		border-bottom: solid 1px #d1d1d1;
		margin-bottom: 1em;
	}
	.overline {
		border-top: solid 1px #d1d1d1;
	}
	
/* Links
-----------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #559533;
}
a:visited {
	color: #559533;
}
a:hover {
	color: #3c721e;
}
a:active {
	color: #3c721e;
}


/* Left Gutter
-----------------------------------------------------------------------------*/
#gutter {
	width: 240px;
	height: 750px;
	float: left;
}
	
	/* Branding
	-------------------------------------------------------------------*/
	.branding {
		height: 75px;
		width: 130px;
		margin: 2.5em auto 1em auto;
	}
		.branding h1 {
			height: 75px;
			width: 130px;
			background: url(/_img/logo.png) center top no-repeat;
			text-transform: uppercase;
		}
		.branding h1 a {
			width: 100%;
			height: 100%;
			display: block;		
			outline: none !important;
		}


	/* Navigation
	-------------------------------------------------------------------*/
	.navigation {
		width: 200px;
		margin: 0 2em;
	}
	.navigation ul, 
	.navigation li {
		width: 200px;
		font-size: 1.05em;
		font-weight: bold;
		text-transform: uppercase;
	}
	.navigation li {
		margin-top: 0;
		height: 23px;
		line-height: 23px;	
	} 
	.navigation li a {
		width: 100%;
		height: 100%;
		padding-left: 20px;
		color: #559533;
		outline: none;
		display: block;
		background: url(/_img/li.navigation.gif) left bottom no-repeat;
	}
	.navigation li a:hover {
		color: #fff;
		background-position: left -23px;
	}
	.navigation li.home {
		height: 22px;
		line-height: 22px;
	}
	
		/* Active Pages 
		 -------------- */
		 body#home .navigation li.home a {color: #fff; background-position: left -23px;}
		 body#thefirst72hours .navigation li.thefirst72hours a {color: #fff; background-position: left -23px;}
		 body#potentialemergencies .navigation li.potentialemergencies a {color: #fff; background-position: left top;}
		 body#makeaplan .navigation li.makeaplan a {color: #fff; background-position: left top;}
		 body#getakit .navigation li.getakit a {color: #fff; background-position: left top;}
		 body#specialneeds .navigation li.specialneeds a {color: #fff; background-position: left top;}
		 body#afteranemergency .navigation li.afteranemergency a {color: #fff; background-position: left -23px;}
		 body#getinvolved .navigation li.getinvolved a {color: #fff; background-position: left top;}
		 body#findmoreinformation .navigation li.findmoreinformation a {color: #fff; background-position: left top;}
		 body#readypaevents .navigation li.readypaevents a {color: #fff; background-position: left top;}
		 body#newsroom .navigation li.newsroom a {color: #fff; background-position: left top;}

		/* Sub-Navigation */
		.navigation ul.sub {
			width: 200px;
		}
		.navigation ul.sub li {
			margin: 2px 0;
			height: 18px;
			width: 165px;
			font-size: 1.1em;
			line-height: 18px;
			text-transform: none;
		}
		.navigation ul.sub li.double {
			height: 28px;
			line-height: 14px;
		}
		.navigation ul.sub li a {
			width: 100%;
			height: 100%;
			padding-left: 20px;
			color: #559533;
			outline: none;
			display: block;
			background: none;
		}
		.navigation ul.sub li a:hover {
			color: #707070;
		}
		.navigation ul.sub li.hot a {
			color: #3c721e;
		}
		
		/* Sub-Sub-Navigation */
		.navigation ul.subsub {
			width: 200px;
		}
		.navigation ul.subsub li {
			margin-top: 0;
			height: 18px;
			font-size: 1em;
			line-height: 18px;
			text-transform: none;
		} 
		.navigation ul.subsub li a {
			width: 100%;
			height: 100%;
			padding-left: 30px;
			color: #559533;
			outline: none;
			display: block;
			background: url(/_img/li.subsub.png) 20px 8px no-repeat;;
		}
		.navigation ul.subsub li a:hover {
			color: #707070;
		}
		.navigation ul.subsub li.hot a {
			color: #3c721e;
		}


/* Container
-----------------------------------------------------------------------------*/
#container {
	width: 720px;
	min-height: 500px;
	float: right;
}

	/* Utility Navigation
	-------------------------------------------------------------------*/
	.utility {
		height: 60px;
	}
	
		/* Utility Links
		---------------------------------------------------------*/
		.utility_links {
			width: 650px;
			height: 30px;
			margin: 0 2em 0 0;
			float: right;
		}
		.utility_links ul {
			float: right;
		}
		
		.utility_links li {
			height: 25px;
			margin-top: 0.2em;
			font-size: 0.9em;
			line-height: 25px;
			float: left;
		}
		.utility_links li a {
			height: 100%;
			width: 100%;
			margin-left: 7px;
			padding-left: 7px;
			color: #559533;
			outline: none;
			display: block;
			background: url(/_img/li.utility.divider.png) left center no-repeat;
		}
		.utility_links li.sitemap a {
			background: none;
		}
		.utility_links li a:hover {
			color: #555;
		}
			/* Active Pages 
			 -------------- */
			 body#sitemap .utility_links li.sitemap a {background: none; text-decoration: underline;}
			 body#contactus .utility_links li.contactus a {text-decoration: underline;}
			 
		.utility_links li.facebook {
			
		}
		.utility_links li.facebook a {
			padding-left: 30px;
			background: url(/_img/li.utility.divider.facebook.png) left center no-repeat;
		}
		
		
		/* Utility Localization
		---------------------------------------------------------*/
		.utility_locale {
			width: 700px;
			margin: 0 2em 0 0;
			clear: both;
		}
		.utility_locale ul {
			float: right;
		}
		.utility_locale li {
			height: 14px;
			width: 20px;
			margin-left: 1em;
			line-height: 14px;
			text-indent: -4000px;
			float: left;
		} 
		.utility_locale li a {
			height: 100%;
			width: 100%;
			outline: none;
			display: block;
		}
		.utility_locale li.spanish a {
			background: url(/_img/li.locale.flag.spanish.png) left bottom no-repeat;
		}
		.utility_locale li.spanish a:hover,
		body#spanish .utility_locale li.spanish a  {
			background: url(/_img/li.locale.flag.spanish.png) left top no-repeat;
		}
		.utility_locale li.russian a {
			background: url(/_img/li.locale.flag.russian.png) left bottom no-repeat;
		}
		.utility_locale li.russian a:hover,
		body#russian .utility_locale li.russian a  {
			background: url(/_img/li.locale.flag.russian.png) left top no-repeat;
		}
		.utility_locale li.chinese a {
			background: url(/_img/li.locale.flag.chinese.png) left bottom no-repeat;
		}
		.utility_locale li.chinese a:hover,
		body#chinese .utility_locale li.chinese a  {
			background: url(/_img/li.locale.flag.chinese.png) left top no-repeat;
		}
		.utility_locale li.vietnamese a {
			background: url(/_img/li.locale.flag.vietnamese.png) left bottom no-repeat;
		}
		.utility_locale li.vietnamese a:hover,
		body#vietnamese .utility_locale li.vietnamese a  {
			background: url(/_img/li.locale.flag.vietnamese.png) left top no-repeat;
		}
		.utility_locale li.cambodian a {
			background: url(/_img/li.locale.flag.cambodian.png) left bottom no-repeat;
		}
		.utility_locale li.cambodian a:hover,
		body#cambodian .utility_locale li.cambodian a {
			background: url(/_img/li.locale.flag.cambodian.png) left top no-repeat;
		}
	
	/* Home Page alert
	-------------------------------------------------------------------*/
	.alert {
		height: 38px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2em;
		margin-bottom: 2em;
		background: url(/_img/bkg.alert.swineflusafetytip.png) center top no-repeat;
	}
	.alert h2 {
		color: #000;
		float: left;
		margin-left: 80px;
		text-transform: none;
		height: 38px;
		line-height: 38px;
		font-size: 1.2em;
	}
	.alert p {
		color: #000;
		float: right;
		margin-top: 8px;
		margin-right: 25px;
		line-height: 1em;
		width: 350px;
		font-size: 1.1em;
		font-weight: bold;
	}

	.alert a {
		color: #333;
		text-decoration: underline;
	}
	.alert a:hover {
		color: #000;
	}
			
	/* Sectional Header Images
	-------------------------------------------------------------------*/
	.header {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 2em;
	}
		
		body#home .header {
			height: 295px;
			width: 680px;
			background: url(/_img/bkg.hdr.home.jpg) center top no-repeat;
		}
		
		
		/* Home - Preparedness Month */
		body#home .preparedness-month {
			background: url(/_img/bkg.hdr.preparedness-month.jpg) center top no-repeat;
		}
		body#home .preparedness-month ul {
			width: 110px;
			position: relative;
			top: 220px;
			left: 140px;
		}
		body#home .preparedness-month ul li {
			width: 110px;
			height: 18px;
			margin-bottom: 4px;
		}
		body#home .preparedness-month ul li a {
			width: 110px;
			height: 18px;
			display: block;
			outline: none;
			text-indent: -4000px;
		}
		
		
		/* Home - Tornados */
		body#home .tornado {
			background: url(/_img/bkg.hdr.tornado.jpg) center top no-repeat;
		}
			
			/* Tornado Video */
			body#home .tornado a.tornadoVideo {
				height: 250px;
				width: 680px;
				display: block;
				text-indent: -4000px;
				
			}
			/* 10 Emergencies */
			body#home .tornado a.emergencies {
				height: 45px;
				width: 680px;
				display: block;
				text-indent: -4000px;
				
			}
			
		/* Home - Fires */
		body#home .fires {
			background: url(/_img/bkg.hdr.home.fire.jpg) center top no-repeat;
		}
			
			/* Tornado Video */
			body#home .fires a.fireVideo {
				height: 250px;
				width: 680px;
				display: block;
				text-indent: -4000px;
				
			}
			
			


		/* The First 72 Hours */
		body#thefirst72hours .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.thefirst72hours.jpg) center top no-repeat;
		}
		/* 12 Greatest Hazards in PA */
		body#potentialemergencies .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.potentialemergencies.jpg) center top no-repeat;
		}
		
			/* Fires */
			body#potentialemergencies .header.fires,
			body#holiday-fires .header.fires {
				height: 212px;
				width: 680px;
				background: url(/_img/bkg.hdr.fire.jpg) center top no-repeat;
			}
			/* Tornado Video */
			body#potentialemergencies .header.fires a.fireVideo,
			body#holiday-fires .header.fires a.fireVideo {
				height: 212px;
				width: 680px;
				display: block;
				text-indent: -4000px;
				
			}
			
			/* Pets Video */
			body#specialneeds .header.pets_video {
				height: 212px;
				width: 680px;
				background: url(/_img/bkg.hdr.petsvideo.jpg) center top no-repeat;
			}
			body#specialneeds .header.pets_video a.petsVideo {
				height: 212px;
				width: 680px;
				display: block;
				text-indent: -4000px;
			}
			
		
		/* Make a Plan */
		body#makeaplan .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.makeaplan.jpg) center top no-repeat;
		}
		/* Get a Kit */
		body#getakit .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.getakit.jpg) center top no-repeat;
		}
		/* Special Needs */
		body#specialneeds .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.specialneeds.jpg) center top no-repeat;
		}
		
			/* Children */
			body#specialneeds .header_children {
				height: 212px;
				width: 680px;
				background: url(/_img/bkg.hdr.specialneeds.children.jpg) center top no-repeat;
			}
			/* Older Pennsylvanians */
			body#specialneeds .header_olderpennsylvanians {
				height: 212px;
				width: 680px;
				background: url(/_img/bkg.hdr.specialneeds.olderpennsylvanians.jpg) center top no-repeat;
			}
			/* Pets & Livestock */
			body#specialneeds .header_pets {
				height: 212px;
				width: 680px;
				background: url(/_img/bkg.hdr.specialneeds.pets.jpg) center top no-repeat;
			}
			
		
		/* After an Emergency */
		body#afteranemergency .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.afteranemergency.jpg) center top no-repeat;
		}
		/* Get Involved */
		body#getinvolved .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.getinvolved.jpg) center top no-repeat;
		}
		/* Find More Information */
		body#findmoreinformation .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.findmoreinformation.jpg) center top no-repeat;
		}
		/* Ready PA Events */
		body#readypaevents .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.readypaevents.jpg) center top no-repeat;
			
		}
		/* Newsroom */
		body#newsroom .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.newsroom.jpg) center top no-repeat;
		}
		
		/* Site Map */
		body#sitemap .header,
		body#contactus .header,
		body#privacy .header,
		body#unsubscribe .header,
		body#spanish .header,
		body#chinese .header,
		body#russian .header,
		body#vietnamese .header,
		body#cambodian .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.global.jpg) center top no-repeat;
		}
		/* 404 */
		body#error .header {
			height: 212px;
			width: 680px;
			background: url(/_img/bkg.hdr.404.jpg) center top no-repeat;
		}
		
	
	/* Content
	-------------------------------------------------------------------*/
	.content {
		width: 680px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 2em;
	}
		/* Left (body)
		---------------------------------------------------------*/
		.body {
			width: 450px;
			min-height: 650px;
			margin-bottom: 2em;
		}
		
			/* Citizen's Corps County Map
			-----------------------------------------------*/
			.map { 
				width: 680px;
			}
			ul.counties {
				float: left;
				margin-bottom: 20px;
			}
			ul.counties li {
				text-transform:capitalize;
			}
			
			
			/* Print Checklists
			-----------------------------------------------*/
			.body p.printthis {
				height: 20px;
				font-size: 1em;
				line-height: 20px;
			}
			.body p.printthis a {
				height: 20px;
				
				padding-left: 25px;
				outline: none;
				display: block;
				background: url(/_img/icon.print.gif) left top no-repeat;
			}
			.body p.printthis a:hover {
				background: url(/_img/icon.print.gif) left bottom no-repeat;
			}
			
			/* Site Map
			-----------------------------------------------*/
			.body .sitemap ul {
				margin: 1em 2em;
				list-style-type: none;
			}
			.body .sitemap ul li ul {
				margin: 0.5em 1em;
			}
			
			
			/* News / Press Releases, etc.
			-----------------------------------------------*/
			.body .news h4 {
				margin: 1.5em 0 0.5em 0;
			}
			.body .news p.intro,
			.body .news p.more {
				margin: 0 0.5em;
				font-size: 1.1em;
			}
			.body .news p.more {
				text-align: right;
			}
			.body .news .pressfooter {
				margin-top: 2em;
				padding-top: 1.5em;
				border-top: dashed 1px #e7e7e7;
			}
			.body .news .pressfooter p {
				margin: 0 1em;
				font-size: 1.1em;
			}
			
			/* Events (list)
			-----------------------------------------------*/
			.body .events ul {
				list-style-type: none;
			}
		
		
			/* Event (single-serving)
			-----------------------------------------------*/
			.body .event.list {
				padding-bottom: 5px margin-bottom: 5px; border-bottom: solid 1px #e7e7e7;
			}
			.body .event h5 {
				margin: 1em 0;
				font-weight: bold;
			}
			.body .event p {
				margin-left: 1.5em;
			}
			.body .event p.return,
			p.return {
				text-align: right;
				font-size: 1em;
			}
			.body .event .photogallery {
				width: 425px;
				margin: 0 auto;
			}
			/*
			.body .event .photogallery img {
				width: 75px;
			}
			*/
			.body .event .photogallery table {
				border: none;
			}
			.body .event .photogallery table tr {
				border: none;
			}
			.body .event .photogallery table tr td {
				width: 100px;
				border: none;
				text-align: left;
			}
		
			/* Event Photo Albums
			-----------------------------------------------*/
			.body .album {
				padding-bottom: 5px;
				margin-bottom: 15px;
				border-bottom: solid 1px #e7e7e7;
			}
			.body .album p.thumbnail {
				width: 115px; 
				float: left;
			}
			.body .album p.thumbnail img {
				width: 100px;
				padding: 5px; 
				border: solid 1px #e7e7e7;
				margin-right: 10px;
			}
			.body .album p.title {
				width: 320px;
				font-size: 14px;
				font-weight: bold;
				padding-left: 125px;
			}
			.body .album p.description {
				width: 320px;
				font-size: 12px;
				padding-left: 125px;
			}
			.body .album p.meta {
				width: 320px;
				font-size: 11px;
				font-style: italic;
				padding-left: 125px;
				text-align: right;
			}
		
		
			/* Downloads (Fact Sheets)
			-----------------------------------------------*/
			.body .downloads {
				margin: 2em 0;
			}
			.body .downloads p {
				height: 30px;
				width: 250px;
				margin-bottom: 1.5em;
				margin-left: 1.5em;
				padding-left: 45px;
			}
			.body .downloads p.pdf {
				background: url(/_img/icon.pdf.medium.gif) left top no-repeat;
			}
			.body .downloads p a {
				height: 100%;
				width: 100%;
				display: block;
				outline: none;
			}
			
			/* Downloads (Printable)
			-----------------------------------------------*/
			.body .printablematerials {
				margin: 2em 0;
			}
			.body .printablematerials p {
				
				width: 350px;
				margin-bottom: 1.8em;
				margin-left: 1.5em;
				padding-left: 45px;
			}
			.body .printablematerials p.pdf {
				background: url(/_img/icon.pdf.medium.gif) left top no-repeat;
			}
			.body .printablematerials p span.title { font-weight: bold; }
			.body .printablematerials p span.description { font-weight: normal; font-size: 11px; position: relative; top: 4px; }
			
		
			/* Bios
			-----------------------------------------------*/
			.body .who {
				margin-bottom: 2em;
				
			}
			.body .who img {
				margin-right: 2em;
				float: left;
			}
			.body .who h2 {
				font-size: 1.3em;
			}
			.body .who h3 {
				color: #333;
				font-size: 1.2em;
				font-style: italic;
			}
			
			/* Prelude
			-----------------------------------------------*/
			.body .prelude {
				margin: 0.75em 0 2em 0;
				padding: 0 0 0.75em 0;
				background: url(/_img/module.home.printables.png) center bottom no-repeat;
			}
			.body .prelude .top {
				height: 5px;
				background: url(/_img/module.home.printables.top.png) center top no-repeat;
			}
			.body .prelude p {
				margin: 1em;
				font-size: 1.2em;
				font-weight: bold;
			}
			.body .prelude ul {
				margin: 1em 2em;
			}
			.body .prelude li {
				font-size: 1em;
			}
			.body .prelude li ul li {
				font-size: 0.85em;
			}
			
			
			/* Bulleted Content (tons of it)
			-----------------------------------------------*/
			.body ul {
				margin: 0 2em;
				list-style-type: disc;
			}
			.body li {
				margin: 0.5em 0;
				font-size: inherit;
				line-height: 1.3em;
			}
			
				/* Nested Bullets
				--------------------------------- */
				.body li ul {
					margin: 1em;
					list-style-type: circle;
				}
				.body li li {
					margin: 0.5em 0;
					font-size: 0.85em;
					line-height: 1.3em;
				}
			
			
			/* Checklist
			-----------------------------------------------*/
			.body .checklist {
				margin: 1.5em 0;
			}
			.body .checklist ul {
				margin: 0 2em;
				list-style-type: none;
			}
			.body .checklist li {
				margin: 0.5em 0;
				padding-left: 1.5em;
				line-height: 1.5em;
				background: url(/_img/checkbox.gif) left top no-repeat;
			}
			
				/* Nested Checklist
				--------------------------------- */
				.body .checklist li ul {
					margin: 0.75em 0;
				}
				.body .checklist li ul li {
					margin: 0.5em 0;
				}
				
			
			/* Tabular Content
			-----------------------------------------------*/
			.body table {
				width: 450px;
				margin: 2em auto;
				border: 1px solid #555;
			}
			.body table th {
				padding: 0.75em;
				font-weight: bold;
				font-size: 1.1em;
				color: #000;
				border: 1px solid #555;
			}
			.body table td {
				padding: 0.75em;
				font-size: 1.1em;
				border: 1px solid #555;
			}
				
				/* horizontal
				--------------------------------- */
				.body table.horizontal th {
					text-align: center;
				}
				.body table.horizontal th.watch {
					background: yellow;
				}
				.body table.horizontal th.warning {
					background: red;
				}
				.body table.horizontal td {
					padding: 0.75em;
					width: 50%;
					border: 1px solid #555;
				}


				/* vertical
				--------------------------------- */
				.body table.vertical tr.scenario td,
				.body table.vertical tr.scenario th {
					padding: 0.25em 0.75em !important;
					background: #555;
					color: #fff;
					font-weight: bold;
				}
				.body table.vertical tr td ul {
					margin: 0 1.25em;
				}
				.body table.vertical tr td ul li {
					font-size: 0.85em !important;
				}
				.body table.vertical th {
					text-align: left;
				}
				.body table.vertical th.watch {
					background: yellow;
				}
				.body table.vertical th.warning {
					background: red;
				}
				.body table.vertical td {
					width: 60%;
				}
				
		
			/* Module :: Home :: Three Steps
			------------------------------------------------*/
			#steps {
				width: 450px;
				height: 237px;
				margin-bottom: 2em;
				background: url(/_img/bkg.3steps.png) center top no-repeat;
			}
			.threesteps {
				width: 450px;
				height: 237px;
				margin-bottom: 2em;
			}
			.threesteps a {
				color: #ffffff;
			}
			.threesteps a:hover {
				color: #cccccc;
			}
			.tab1 {
				background: url(/_img/bkg.3steps.step1.png) center top no-repeat;
			}
			.tab2 {
				background: url(/_img/bkg.3steps.step2.png) center top no-repeat;
			}
			.tab3 {
				background: url(/_img/bkg.3steps.step3.png) center top no-repeat;
			}

			.threesteps ul,
			.threesteps li {
				margin: 0;
				height: 68px;
				list-style-type: none;
			}
			.threesteps li {
				line-height: 68px;
				font-size: 1em;
				text-transform: uppercase;
			}
			.threesteps li a {
				height: 100%;
				display: block;
				outline: none;
				color: #ffffff;
			}
			.threesteps li.step1 {
				width: 142px;
				margin-left: 10px;
			}
			.threesteps li.step1 a {
				width: 97px;
				padding-left: 45px;
				color: #ffffff;
			}
			.threesteps li.step2 {
				width: 143px;
			}
			.threesteps li.step2 a {
				width: 98px;
				padding-left: 45px;
				color: #ffffff;
			}
			.threesteps li.step3 {
				width: 143px;
			}
			.threesteps li.step3 a {
				width: 98px;
				padding-left: 45px;
				color: #ffffff;
			}
			.threesteps .tabContent {
				width: 400px;
				margin-left: auto;
				margin-right: auto;
				color: #fff;
			}
			.threesteps .tabContent p {
				margin: 0.25em 0;
				line-height: 1.2em;
			}
			.threesteps .tabContent p.first {
				margin-bottom: 1em;
			}
			.threesteps .tabContent .tabColumns {
				margin-top: 1em;
			}
			.threesteps .tabContent .tabColumn1 {
				width: 125px;
			}
			.threesteps .tabContent .tabColumn2 {
				width: 270px;
			}
			div.tab2 div.tabColumn1, 
			div.tab2 div.tabColumn2 {
				width: 195px !important;
			}
			div.tab3 div.tabColumn1 {
				width: 245px !important;
			}
			div.tab3 div.tabColumn2 {
				width: 150px !important;
			}
			

			/* Module :: Home :: Printable Materials
			------------------------------------------------*/
			.printable_materials-home {
				width: 450px;
				/*height: 210px;*/
				height: 150px;
				background: url(/_img/module.home.printables.png) center bottom no-repeat;
			}
			.printable_materials-home p.printable {
				position: relative; left: 20px;
			}
			.printable_materials-home p.printable a {
				height: 23px;
				width: 170px;
				position: relative; top: 90px;
				display: block;
				outline: none;
				background: url(/_img/btn.viewPrintable.gif) 0 0 no-repeat;
				text-indent: -4000px;
			}
			
			.printable_materials-home .top {
				width: 450px;
				height: 5px;
				margin-bottom: 10px;
				background: url(/_img/module.home.printables.top.png) center top no-repeat;
			}
			.printable_materials-home-pdf-brochure {
				height: 80px;
				width: 200px;
				margin-left: 20px;
				background: url(/_img/icon.pdf.medium.gif) left top no-repeat;
			}
			.printable_materials-home-pdf-guide {
				height: 80px;
				width: 200px;
				margin-left: 10px;
				background: url(/_img/icon.pdf.medium.gif) left top no-repeat;
			}
			.printable_materials-home p {
				font-size: 1.1em;
				line-height: 1.2em;
				margin-left: 5px;
				color: #333;
			}
			.printable_materials-home p.getDownload {
				margin-left: 35px;
				margin-bottom: 0.75em;
			}
			.printable_materials-home a {
				font-weight: bold;
				
			}
			
			/* Module :: Home :: Special Needs
			------------------------------------------------*/
			.specialneeds-home {
				width: 450px;
				height: 80px;
			}
			.specialneeds-home p {
				font-size: 1.1em;
				line-height: 1.2em;
				margin-left: 6.75em;
				margin-bottom: 0.35em;
			}
			.specialneeds-home a {
				font-weight: bold;
			}

				/* Children */
				.specialneeds-home-children {
					width: 220px;
					height: 60px;
					background: url(/_img/module.home.specialneeds-children.jpg) left top no-repeat;
				}
				/* Elderly */
				.specialneeds-home-elderly {
					width: 220px;
					height: 60px;
					background: url(/_img/module.home.specialneeds-elderly.jpg) left top no-repeat;
				}
				/* Animals */
				.specialneeds-home-animals {
					width: 220px;
					height: 60px;
					background: url(/_img/module.home.specialneeds-animals.jpg) left top no-repeat;
				}
				/* Disabled */
				.specialneeds-home-disabled {
					width: 220px;
					height: 60px;
					background: url(/_img/module.home.specialneeds-disabled.jpg) left top no-repeat;
				}
		
			
		/* Right (sidebar)
		---------------------------------------------------------*/
		.sidebar {
			width: 210px;
			margin-bottom: 2em;
			padding: 0 0 2em 0;
		}
		.sidebar .top {
			height: 5px;
			width: 210px;
		}
		.sidebar h2,
		.sidebar h3,
		.sidebar h4,
		.sidebar p {
			width: 190px;
			margin-left: 10px;
			margin-right: 10px;
		}
		.sidebar h3 {
			font-size: 1.5em;
			line-height: 1.2em;
		}
		.sidebar h4 {
			margin-top: 0.8em;
			margin-bottom: 0.2em;
			line-height: 1.2em;
		}
		
		
			/* Sidebar Images || Default || Seasonal
			--------------------------------- */
			.thunderstorms {
				background: url(/_img/sidebar.thunderstorms.jpg) center top no-repeat;
			}
			.snowstorms {
				background: url(/_img/sidebar.snowstorms.jpg) center top no-repeat;
			}
			.springfloods {
				background: url(/_img/sidebar.springfloods.jpg) center top no-repeat;
			}
			.sidebar .sidebar_image {
				height: 165px;
				width: 190px;
				margin: 0.5em auto 2em auto;
			}
			.todo {
				background: url(/_img/sidebar.png) center bottom no-repeat;
			}
			.todo .top {
				background: url(/_img/sidebar.top.png) center top no-repeat;
			}
			.todo ul {
				margin-left: 1em;
			}
			.todo li {
				font-size: 0.9em;
			}
			.todo li a {
				padding-left: 10px;
				background: url(/_img/bullet.gif) left center no-repeat;
			}
		
			/* Sidebar || 3 Steps
			--------------------- */
			.sidesteps {
				background: url(/_img/sidebar.png) left bottom no-repeat;
			}
			.sidesteps .top {
				background: url(/_img/sidebar.top.png) left top no-repeat;
			}
			.sidesteps .sidestep {
				width: 190px;
				margin: 0 10px;
				border-bottom: solid 1px #d4dcd0;
			}
			.sidesteps .sidestep p {
				margin: 1em 0 0.25em 45px;
				font-size: 1.4em;
				font-weight: bold;
				text-transform: uppercase;
			}
			.sidesteps .sidestep ul {
				margin-left: 45px;
				margin-bottom: 1em;
			}
			.sidesteps .sidestep li {
				font-size: 0.95em;
				font-weight: bold;
			}
			.sidesteps .one {
				background: url(/_img/sidebar.sidestep.one.gif) left 5px no-repeat;
			}
			.sidesteps .two {
				background: url(/_img/sidebar.sidestep.two.gif) left 5px no-repeat;
			}
			.sidesteps .three {
				background: url(/_img/sidebar.sidestep.three.gif) left 5px no-repeat;
				border: none;
			}
			
			
			/* Sidebar || Printables
			------------------------ */
			.sideprint {
				background: url(/_img/sidebar.print.png) left bottom no-repeat;
			}
			.sideprint .top {
				background: url(/_img/sidebar.print.top.png) left top no-repeat;
			}
			.sideprint .kit,
			.sideprint .brochure {
				background: url(/_img/icon.pdf.medium.gif) 10px top no-repeat;
			}
			.sideprint p {
				margin-left: 15px;
				font-size: 1.1em;
			}
			.sideprint p.download {
				margin: 1em 10px 0.5em 45px;
				font-weight: bold;
			}
			.sideprint p.printable a { 
			
				height: 23px;
				width: 170px;
				position: relative; top: 10px;
				display: block;
				outline: none;
				background: url(/_img/btn.viewPrintable.gif) 0 0 no-repeat;
				text-indent: -4000px;
			
			}
			
			
			/* Sidebar || Upcoming Events
			----------------------------- */
			.upcomingevents {
				background: url(/_img/sidebar.png) left bottom no-repeat;
			}
			.upcomingevents .top {
				background: url(/_img/sidebar.top.png) left top no-repeat;
			}
			.upcomingevents h4 {
				margin-top: 1em;
				margin-bottom: 0.75em;
				font-size: 1.3em;
			}
			.upcomingevents p {
				margin-left: 1.5em;
			}
			.upcomingevents p.all {
				width: 175px;
				margin-top: 1.75em;
				margin-bottom: 0.5em;
				font-size: 1em;
				text-align: right;
			}
			
			
			/* Sidebar || Past Events
			------------------------- */
			.pastevents {
				background: url(/_img/sidebar.print.png) left bottom no-repeat;
			}
			.pastevents .top {
				background: url(/_img/sidebar.print.top.png) left top no-repeat;
			}
			.pastevents p {
				margin: 1em 0 0.25em 10px;
			}
			.pastevents .minigallery {
				width: 190px;
				margin: 0 auto;
			}
			.pastevents .minigallery img {
				width: 50px;
				margin: 0 10px 0 0;
			}
			.pastevents p.archive {
				margin-top: 1.5em;
				font-size: 1.1em;
				text-align: right;
			}



		
	
	/* Footer
	-------------------------------------------------------------------*/
	.footer {
		height: 75px;
		width: 680px;
		margin: 2em auto;
		padding: 1em 0;
		clear: both;
	}
		/* Logos
		---------------------------------------------------------*/
		.logo {
			height: 30px;
			width: 30px;
			text-indent: -4000px;
		}
		.logo a {
			height: 100%;
			width: 100%;
			outline: none;
			display: block;
		}
		.pa {
			margin-right: 1em;
			background: url(/_img/icon.pa.png) left top no-repeat;
		}
		.dhs {
			margin-right: 1em;
			background: url(/_img/icon.dhs.png) left top no-repeat;
		}
		
		/* Copyright
		---------------------------------------------------------*/
		.copyright {
			height: 30px;
		}
		.copyright p {
			font-size: 1.1em;
			line-height: 1.3em;
			margin: 0;
		}
		body#privacy a.privacy {text-decoration: underline;}
		body#unsubscribe a.unsubscribe {text-decoration: underline;}
	
	
	/* Forms
	-------------------------------------------------------------------*/
	form {
		margin: 0;
		padding: 0;
		width: 450px;
		overflow: hidden;
	}
	
	form h3 {
		margin: 0;
	}
	
	fieldset,
	legend,
	label,
	label span,
	label input,
	label select,
	label textarea {
		margin: 0;
		padding: 0;
	}
	
	label {
		margin: 0.5em 0;
		display: block;
		float: left;
	}
	label span {
		width: 125px;
		padding: 2px;
		font-size: 1.1em;
		line-height: 12px;
		float: left;
	}
	label input {
		width: 175px;
		padding: 2px;
		border: 1px solid #999999;
	}

	label select {
		width: 182px;
		padding: 2px;
	}

	label textarea {
	}

	
	/* Radio Buttons */
	label input.radio {
		line-height: 24px;
		width: 15px;
		margin-left: 8px;
	}
	
	/* Personal Information */
	fieldset.personal label {
		width: 350px;
		border: solid 1px #b0d29c;
	}
	fieldset.personal label span {
		width: 125px;
		padding: 2px 5px;
		height: 20px;
		line-height: 20px;
		color: #559533;
		background: #e9f2e2;
		border-right: solid 1px #b0d29c;
	}
	fieldset.personal label input {
		margin: 0;
		height: 18px;
		width: 205px;
		border: solid 1px #fff;
		background: #fff;
	}
	fieldset.personal label input.postal {
		width: 60px;
	}
	fieldset.personal label select {
		margin: 0;
		height: 22px;
		width: 210px;
	}
	
	/* Kit Items */
	fieldset.items {
		margin: 2em 0;
		padding-bottom: 1.5em;
		width: 450px;
		background: url(/_img/form.kit.items.png) center bottom no-repeat;
	}
	fieldset.items div.top {
		height: 5px;
		margin-bottom: 10px;
		background: url(/_img/form.kit.items.top.png) center top no-repeat;
	}
	fieldset.items p {
		margin: 0 2em 1em 2em;
		font-size: 1.1em;
		font-weight: bold;
	}
	fieldset.items span {
		width: 400px;
		margin: 0.25em 2em 0 2em;
		float: left;
	}
	fieldset.items span input.checkbox {
		margin: 0.65em 0 1em 0;
		padding: 0;
		width: 25px;
		height: 20px;
		float: left;
	}
	fieldset.items span label {
		width: 370px;
		font-size: 1.1em;
		line-height: 1.1em;
		float: right;
	}
	
	/* Optional Items */
	fieldset.options {
		margin: 2em 0 1em 0;
		padding-bottom: 1.5em;
		width: 450px;
	}
	
		/* Citizens Corps Updates
		------------------------- */	
		fieldset.subscriptions span label {
			width: 400px;
			font-size: 1.1em;
			line-height: 1.4em;
			float: right;
		}
		fieldset.subscriptions span input.checkbox {
			width: 40px;
			height: 30px;
			margin-left: 1em;
			float: left;
		}

	
	/* Form Buttons
	---------------------------------------------------------*/
	fieldset.buttons {
		margin: 2em 0;
	}
		
		/* Submit */
		fieldset.buttons input.submit {
			margin-right: 0.75em;
			/*padding: 0 auto;*/
			width: 100px;
			height: 23px;
			line-height: 11px;
			color: #fafafa;
			background: url(/_img/form.button.submit.png) center top no-repeat;			
		}
		fieldset.buttons input.submit:hover {
			color: #fff;
			background: url(/_img/form.button.submit.png) center -23px no-repeat;
		}
		
		/* Cancel */
		fieldset.buttons input.cancel {
			margin-right: 0.75em;
			/*padding: 0 auto;*/
			width: 100px;
			height: 23px;
			line-height: 11px;
			color: #fafafa;
			background: url(/_img/form.button.cancel.png) center top no-repeat;			
		}
		fieldset.buttons input.cancel:hover {
			color: #fff;
			background: url(/_img/form.button.cancel.png) center -23px no-repeat;
		}
		
	
	
	
		
	
	
		/* Form || Kit Tracker || Sign Up
		---------------------------------------------------------*/
		form#kittrackersignup {
			
		}
		form#kittrackersignup h3,
		form#kittrackerlogin h3 {
			margin: 0.5em 0 0.75em 0;
			color: #808084;
		}
