/* general 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0;}
*/
body{ text-align: center; margin: 0px; background-color: #000; xbackground-image:url(images/body_gradient.jpg); xbackground-repeat: repeat-x;}

/*  menu  */
#menu {  height: 20px; margin: 14px 22px 0px 0px; width: 720px; padding: 0px 0px 0px 0px; color: #ddd; font-size: 14px; text-align: right; color:#FEB622; float: right;}
#menu2 {  height: 20px; margin: 0px 0px 0px 0px; width: 680px; padding: 0px 0px 0px 0px; color: #ddd; font-size: 14px; text-align: left;}
.da{ font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#ff4500; text-decoration:none;}
.db{ font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#FEB622; text-decoration:none;}
.db:hover{ font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#ff4500; text-decoration:none;}
.dc{ color:#ff4500; text-decoration:none;}
.dd{ color:#FEB622; text-decoration:none;}
.dd:hover{ color:#ff4500; text-decoration:none;}
.dc, .dd, .dd:hover { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; xwidth: 171px; height: 40px; display: block; background-image:url(images/arrow.gif); background-repeat: no-repeat; background-position: 0% 0%; xborder-bottom: 2px solid #FEB622; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; }
.de{ color:#ff4500; text-decoration:none;}
.df{ color:#FEB622; text-decoration:none; font-weight: bold;}
.df:hover{ color:#ff4500; text-decoration:none;}
.df { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; xwidth: 171px; height: 38px; display: block; background-image:url(images/arrow.gif); background-repeat: no-repeat; background-position: 0% 0%; xborder-bottom: 2px solid #FEB622; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; }
.de { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; xwidth: 171px; height: 38px; display: block; background-image:url(images/arrow-orange.gif); background-repeat: no-repeat; background-position: 0% 50%; xborder-bottom: 2px solid #FEB622; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; }
.dg{ line-height: 18px; font-size: 18px; font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#ff4500; text-decoration:none;}
.dh{ line-height: 18px; font-size: 18px; font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.dh:hover{ line-height: 18px; font-size: 18px; font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#ff4500; text-decoration:none;}
/*  end of menu  */

/*  page elements  */
#anchor { overflow: hidden; height: 100%; padding: 0px; width: 980px; margin: 0 auto 0 auto; background-color: #008ADD;}
#primaryinfo h1, #primaryinfo h2 { display: none;}
h1 { font-weight: normal; font-style: italic; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif;; font-size: 18px; color:#B9B19B; margin-top: 0px;}
h2 { padding: 0px; margin: 0px;  font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-style:italic; width: 212px; height: 48px; font-size: 23px; line-height: 29px; color:#fff; xborder-bottom: 2px solid #FEB622;}
h3 { font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color:#FEB622; line-height: 20px;}
h4 { padding: 0px; margin: 0px 0px 20px 0px;  font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#eee; line-height: 21px;}
h5 { font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 0px; text-align: center;}
h6 {font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; margin: 0px;}
p, ul, table{font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#fff; margin: 0px; padding: 0px;}
ul, li { margin-left: 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#eee; line-height: 21px;}
#maintable {  background-image: url(images/bckgnd.jpg); background-repeat: no-repeat; background-color: #008ADD; width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; top: 0px; left: 0px; text-align: left; min-height: 635px; height: 100%}
#headercontainer { width: 785px; margin: 0px; padding: 0px; float: left; xclear: both; height: 284px; xborder: 1px solid #0000ff; background-image:url(images/mainheaderimage1.jpg); background-repeat: no-repeat; background-position: 100% 0%;}
#headercontainer2 { width: 785px; margin: 0px; padding: 0px; float: left; xclear: both; height: 284px; xborder: 1px solid #0000ff; background-image:url(images/mainheaderimage2.jpg); background-repeat: no-repeat; background-position: 100% 0%;}
#header { text-shadow:2px 2px 3px black, 0 0 1em blue, 0 0 0.2em blue; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style:italic; margin: 0px; padding: 0px; width: 587px; font-weight:bold; height: 93px; font-size: 44px; color:#fff; position: absolute; top: 85px; left: 368px; text-align: right;}
#header p {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style:italic; font-size: 31px; font-weight:bold; color:#fff; text-align: right; margin: 0px; padding: 0px;}
#header2 {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style:italic; margin: 0px; padding: 0px; width: 587px; font-weight:bold; height: 93px; font-size: 44px; color:#fff; position: absolute; top: 60px; left: 368px; text-align: right;}
#header2 p {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style:italic; font-size: 31px; font-weight:bold; color:#fff; text-align: right; margin: 0px; padding: 0px;}
#sidemenucontainerHome { width: 195px; height: 100%; float: left; clear: both; xposition: absolute; xtop: 0px; xleft: 0px; background-image:url(images/side-panel.jpg); xbackground-repeat: repeat-y; xbackground-position: 0px 0px;}
#sidemenucontentHome {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style: normal; margin: 0px; xposition: absolute; xtop: 0px; xleft: 24px; padding: 0px; width: 85px; font-weight:bold; height: 100%; font-size: 18px; color:#fff; text-align: left;}
.sidemenucontentHomeUL { line-height: 10px; margin: 11px -58px 11px 58px; padding: 0px;}
.sidetext{ width: 140px; margin: 0px 0px 20px 24px; line-height: 22px; font-size: 17px; font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff;}

.drop{ background-image:url(images/drop-shadow.png); background-repeat: no-repeat; background-position: 100% 100%; padding: 0px 11px 11px 0px;}
#sidemenucontainer { width: 195px; height: 100%; float: left; clear: both; xposition: absolute; xtop: 0px; xleft: 0px; background-image:url(images/side-panel2.jpg); xbackground-repeat: repeat-y; xbackground-position: 0px 0px;}
#sidemenucontent {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style: normal; margin: 0px; xposition: absolute; xtop: 0px; xleft: 24px; padding: 0px; width: 85px; font-weight:bold; height: 100%; font-size: 18px; color:#fff; text-align: left;}
.sidemenucontentUL { line-height: 10px; margin: 11px -58px 11px 58px; padding: 0px;}

#sidemenu {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style: normal; margin: 0px 30px 0px 24px; padding: 0px; width: 141px; font-weight:bold; xmin-height: 1056px; xheight: 100%; font-size: 18px; color:#fff; position: absolute; top: 0px; left: 0px; text-align: left; background-image:url(images/side-panel2.jpg); background-repeat: repeat-y; background-position: 0px 0px;}
#sidemenuHome {font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-style: normal; margin: 0px 30px 0px 24px; padding: 0px; width: 141px; font-weight:bold; xmin-height: 1056px; xheight: 100%; font-size: 18px; color:#fff; position: absolute; top: 0px; left: 0px; text-align: left; background-image:url(images/side-panel.jpg); background-repeat: repeat-y; background-position: 0px -4px;}
x#headergraphics { width: 980px; margin: 0px; padding: 0px; float: left; clear: both; height: 448px; xborder: 1px solid #0000ff;}
#headergraphics2 { width: 980px; margin: 0px; padding: 0px; float: left; clear: both; height: 132px; xborder: 1px solid #0000ff;}
x#maingraphic { xz-index: 4; margin: 0px; width: 786px; height: 284px; background-image:url(images/mainheaderimage1.jpg); float: right; clear: both;}
#maingraphic2 { xz-index: 4; margin: 0px; width: 786px; height: 284px; background-image:url(images/header-bg2.jpg); float: left; clear: both;}
#horizgraphics { xz-index: 4; margin: 0px; width: 980px; height: 448px; background-image:url(images/headertext.png); background-repeat: no-repeat; position: absolute; top: 45px; left: 0px;}
#content { xz-index: 3; width: 758px; xheight: 693px; padding: 0px; margin: -84px 0px 0px 0px; float: left; xclear: both;}
#contentright { text-align: left; width: 140px; height: x673px; position: absolute; top: 274px; left: 775px; padding: 0px; margin: 0px; xfloat: right; xclear: both;}
#contentleft { text-align: left; width: 530px; height: x643px; position: absolute; top: 277px; left: 218px; padding: 0px; margin: 0px; xfloat: left; xclear: both;}
#content2 { xz-index: 3; width: 758px; xheight: 693px; padding: 0px; margin: -84px 0px 0px 0px; float: left; xclear: both;}
#contentright2 { text-align: left; width: 140px; height: x673px; position: absolute; top: 214px; left: 775px; padding: 0px; margin: 0px; xfloat: right; xclear: both;}
#contentleft2 { text-align: left; width: 530px; height: x643px; position: absolute; top: 207px; left: 218px; padding: 0px; margin: 0px; xfloat: left; xclear: both;}
.blue {color: #6264C7; font-style:italic;}
.orangeI {color: #ffcc44; font-style:italic;}
.orangeB {color: #ffcc44; font-style:normal; font-weight: bold;}
.orange {color: #ffcc44; font-style:normal;}
.drkorangeI {color: #ff4500; font-style:italic;}
.drkorangeB {color: #ff4500; font-style:normal; font-weight: bold;}
.drkorange {color: #ff4500; font-style:normal;}
.white {float: right; font-style:italic; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color:#eee; margin: -10px 30px 0px 0px;}
.italics {font-style:italic;}
.textfield1 {width:528px; margin: 0px; border: 0px solid #005FB3; background-color: #3381C3; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#f7e14e; line-height: 21px; height: 26px; background-image:url(images/tf1-bg.jpg); background-repeat: repeat-y;}
.textfield2 {width:528px; margin: 0px; border: 0px solid #006ABE; background-color: #3487CB; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf2-bg.jpg); background-repeat: repeat-y;}
.textfield3 {width:528px; margin: 0px; border: 0px solid #0076CA; background-color: #3390D3; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf3-bg.jpg); background-repeat: repeat-y;}
.textfield4 {width:528px; margin: 0px; border: 0px solid #007ED2; background-color: #3497DA; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf4-bg.jpg); background-repeat: repeat-y;}
.textfield5 {width:528px; margin: 0px; border: 0px solid #0085DC; background-color: #329EDF; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf5-bg.jpg); background-repeat: repeat-y;}
.textfield6 {width:528px; margin: 0px; border: 0px solid #008ADD; background-color: #34A1E4; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf6-bg.jpg); background-repeat: repeat-y;}
.textfield7 {width:528px; margin: 0px; border: 0px solid #008ADD; background-color: #34A1E4; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf7-bg.jpg); background-repeat: repeat-y;}
.textfield8 {width:528px; margin: 0px; border: 0px solid #008ADD; background-color: #34A1E4; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf8-bg.jpg); background-repeat: repeat-y;}
.textfield9 {width:528px; margin: 0px; border: 0px solid #008ADD; background-color: #34A1E4; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; height: 26px; background-image:url(images/tf9-bg.jpg); background-repeat: repeat-y;}
.textfield10 {width:528px; float: right; margin: 0px 10px 0px 0px; border: 0px solid #008ADB; background-color: #34A1E4; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#ffcc44; line-height: 21px; overflow:auto; background-image:url(images/tf9-bg.jpg); background-repeat: repeat-y;}
.comments {height: 120px; background-image:url(images/tf9-bg.jpg); background-repeat: repeat-y;}
.thankyou {height: 658px;}
.ff{ color:#eee; text-decoration:none;}
.ff:hover{ color:#6264C7; text-decoration:none;}
.fe, .ff, .ff:hover { margin: 20px 0px 0px 41px; padding: 0px; line-height: 20px; font-size: 20px; width: 171px; height: 38px; display: block; background-image:url(images/arrow-orange.gif); background-repeat: no-repeat; background-position: 0% 50%; border-bottom: 2px solid #6264C7; font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; }
iframe {height: 600px; width: 700px; border: 1px solid #333;}
.bottom {position: absolute; bottom: 0px; left: 30px; margin-bottom: 8px;}
#pgheader { xz-index: 3; width: 760px; height: 33px; margin: 170px auto 0 4px; padding: 0px; position: absolute; top: 0px; left: 0px; font: 18px "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; background-image:url(images/pgheader-bg.jpg); background-repeat: no-repeat; text-align: center;}
.copy{ float: left; font-weight: normal; font-family: Arial, "Arial Narrow", Geneva, Helvetica, sans-serif; font-size: 12px; color:#fff; margin: 15px 0px -15px 220px; padding: 0px; line-height: 12px;}
.copy2{  width: 210px; float: right; font-weight: normal; font-family: Arial, "Arial Narrow", Geneva, Helvetica, sans-serif; font-size: 11px; color:#fff; margin: 15px 0px -15px 0px; padding: 0px; line-height: 12px;}
#footercontactinfo { margin: 0px; padding: 0px; width: 644px; background-image:url(images/world_map.jpg); background-repeat: no-repeat; background-position: 139px 0px;}
#footer { xz-index: 20; float: left; background-image:url(images/footer-bg.jpg); background-repeat: no-repeat; xposition: absolute; xbottom: 54px; xleft: 0px; margin: 0px; padding: 0px; width: 980px; height: 54px; xborder-top: 2px solid #FEB622; text-align: left; overflow: hidden;}
/*  end of page elements  */

/*  custom page heights  */

.height1x { height: 2007px;}

.homeheight { height: 1056px;}
.contactheight { height: 1007px;}
.eventoccurs, .portable, .shelterequip { height: 1228px;}
.programdev { height: 1328px;}
.stormshltr, .conservation { height: 1438px;}
.blastshelters { height: 2498px;}
/*  end of custom page heights  */