@charset "utf-8";
/* CSS Document */
html {
	background: brown;
}
body{
	width: 1000px;
	color: black;
	margin: auto;
	background: white;	
			
}

/* TOPNAV all pages and SUBNAV BAR STUFF - mains with sub pages*/

a.topnav:link {
    color: white;
	text-decoration: none;
}

a.topnav:visited {
    color: palegoldenrod;
}

a.topnav:focus {
    color: gold;                                           
}

a.topnav:hover {
    color: gold;
}

a.topnav:active {
    color: yellow;
}

table.topnav {
	width: 1000px;
	text-align: center;
	color: white;
	background: #060863;
}

td.topnav, .subnav{
	padding: 2px 0px 2px 0px;
}

table.subnav{
	width: 800px;
	text-align: center;
	color: white;
	background: #060863;
}

a.subnav:link {
    color: white;
	text-decoration: none;
}

a.subnav:visited {
    color: palegoldenrod;
}

a.subnav:focus {
    color: gold;                                           
}

a.subnav:hover {
    color: gold;
}

a.subnav:active {
    color: yellow;
}

/* MAIN PAGE STUFF */

div.navbar, .subnav{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: auto;
	width: auto;
	clear: both;
	
}

div.mainimage {
	margin: auto;
	width: 1000px;
}

/* DROPS SHADOW ON ALL IMAGES */
img {
	box-shadow: 2px 4px 6px gray;
}


div.updates{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: auto;
	padding: 10px;
}

div.statement{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: auto;
	padding: 10px;
}

div.clearright{
	clear: right;
}

/*ART GALLERY, CDEH SECTION STUFF -- PAGES WITH THE SUBNAV BAR*/
div.artgallery1, .artgallery2, .artgallery3, .cdeh{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: auto;
	padding: 10px;
}

div.natshelprog{
	background-color: oldlace;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*This P class Used On Multiple Art Gallery Section Pages For Paragraphs*/
p.standups{
	text-align: left;
}
/*----also applies to any page with a subnav bar ART GALLERY SECTION CDEH SECTION-----*/
h2.artgallery1, .bookcover{
	text-align: center;
}
/*----also applies to FCDA Posters, Lightbox Project page, and Shelter Models Page and More Pages----*/
h3.carcards, .lightbox, .posters, .ww2, .ramuseum, .standups, .usdaposters{
	text-align: center;
}
h4.title{
	text-align: center
}
/*---also applies to FCDA Poster, Lightbox Project Page and Shelter Models Page and CDEH Pages----*/
table.posters, .carcards, .lightbox, .standups, .bookcover, .usdaposters{
	width: 100%;
}
table.water{
	width: 100%;
	border: thin solid;
}
td.water{
	border: thin solid;
	text-align: center;
}
td.waterstor{
	border: thin solid;
	width: 18%;
	text-align: center;
}
td.wateradv{
	border: thin solid;
	width: 18%;
	text-align: center;
}
td.waterpoor{
	border: thin solid;
	width: 14%;
	text-align: center;
}
td.watercomp{
	border: thin solid;
	width: 50%;
}
td.posters, .carcards, .lightbox{
	text-align: center;
}
table.sanitation{
	margin: 0 auto;
	width: 400px;
}

table.radef{
	margin: 0 auto;
	width: 500px;
}

td.radef{
	text-align: right
}

img.posters, .cdeh{
	display: block;
	margin: auto;
}

img.ww2{
	display: block;
	margin: auto;
}

img.ramuseum{
	display: block;
	margin: auto;
}

img.fiftyspace, .foodarticle{
	float: right;
	margin: 10px;
		
}

img.kitlinks:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

/*FORT WORTH SIREN SECTION TABLE CELL SHADING*/
td.fwold{
    background-color: lightgray; 
}

/*HOME SHELTER STUFF*/

div.tateshelter{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: auto;
	padding: 10px;
}

h3.tateshelter{
	text-align: center;
}

img.tateshelter{
	display: block;
	margin: auto;
}

/*ABOUT ME PAGE STUFF*/

div.aboutme{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 10px;	
}

img.aboutme{
	float: right;
} 

/*DIV STUFF USED ON MULTIPLE PAGES*/

div.header, .newman, .cdeh, .shelterplans, .cdeh, .radstuff, .sirens{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 10px;
	
}

/*HISTORY PAGE STUFF*/

div.histheader{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	text-align: center;
}

p.histtitle{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

div.dcpa{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 10px;
}

table.transdcpa tr:nth-child(odd) {
    background-color: lightgrey;
}

/*RESCUE SERVICE, FORT WORDEN, NEAR, ST LOUIS PAGE STUFF*/


div.rescueserv, .fortworden, .near, .stlouis{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 10px;
}
	
table.seattle, .rescequip, .ohioresc{
	    width: 100%; 
	}
td.seattle, .rescequip, .ohioresc{
	text-align: center;	
}

td.near{text-align: left;
}

td.withtext{
    padding-bottom: 10px;
}

h3.seattle, .resctrucks, .rescequip, .orgcharts, .ohioresc{
	text-align: center;	
}

h4.title{
	text-align: center;
}

img.resctrucks, .orgcharts{
	display: block;
	margin: auto;
}

p.orgcharts{
	text-align: center;
}

/*CDEH PAGE STUFF*/

h3.cdeh{
	text-align: center;
}

/* BOTTOM NAV INDEX STUFF - ALL PAGES*/

div.bottomindex {
	height: 400px;
	width: 100%;
	background-color: gold;
	
	}

table.index{
	color: black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: left;
	width: 100%;
	background-color: gold;
}

ul.botnav {
	list-style-type: none;
	
}

a.botnav:link {
    color: black;
	text-decoration: none;
}

a.botnav:visited {
    color: darkblue;
}

a.botnav:focus {
    color: steelblue;                                           
}

a.botnav:hover {
    color:steelblue;
}

a.botnav:active {
    color: blue;
}


