/* 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{ xtext-align: center; margin: 0px; background-color: #2b2b2b; xbackground-image:url(images/body_gradient.jpg); xbackground-repeat: repeat-x;}

/*  menu  */
#menu { height: 20px; margin: 14px 8px 0px 0px; width: 170px; padding: 0px 0px 0px 0px; color: #ddd; font-size: 14px; text-align: right; color:#bdba15; 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:#bdba15; text-decoration:none;}
.db{ font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.db:hover{ font-weight: normal; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#bdba15; text-decoration:none;}
.dc{ color:#bdba15; text-decoration:none;}
.dcshadow { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 38px; display: block; background-image:url(images/arrow-orange.gif); background-repeat: no-repeat; background-position: 0% 0%; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#bdba15; text-decoration:none; position:relative; display:block;}
.dcshadow:before {margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 38px; display: block; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; display:block; padding:1px; content: attr(title); color:#222; margin: 0px 0px -41px 1px;}
.pshadow { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 16px; font-size: 16px; xwidth: 101px; height: 25px; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#bdba15; text-decoration:none; position:relative;}
.pshadow:before {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 16px; font-size: 16px; xwidth: 101px; height: 25px; display: block; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:1px; content: attr(title); color:#222; margin: 0px 0px -28px 1px;}

.dd{ color:#fff; text-decoration:none;}
.ddshadow { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 40px; display: block; background-image:url(images/arrow.gif); background-repeat: no-repeat; background-position: 0% 0%; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; position:relative; display:block;}
.ddshadow:before {margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 40px; display: block; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; display:block; padding:1px; content: attr(title); color:#222; margin: 0px 0px -43px 1px;}
.ddshadow:hover{ color:#bdba15; text-decoration:none;}
.dc, .dd, .dd:hover { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 40px; display: block; background-image:url(images/arrow.gif); background-repeat: no-repeat; background-position: 0% 0%; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; }
.de{ color:#bdba15; text-decoration:none;}
.df{ color:#fff; text-decoration:none; font-weight: bold;}
.dfshadow { margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 38px; display: block; background-image:url(images/arrow.gif); background-repeat: no-repeat; background-position: 0% 0%; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; position:relative; display:block;}
.dfshadow:before {margin: 20px 0px 0px 25px; padding: 0px 0px 0px 36px; line-height: 20px; font-size: 20px; width: 101px; height: 38px; display: block; font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; display:block; padding:1px; content: attr(title); color:#222; margin: 0px 0px -41px 1px;}
.dfshadow:hover{ color:#bdba15; text-decoration:none;}
.df:hover{ color:#bdba15; 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%; 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 #bdba15; 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:#bdba15; 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:#bdba15; text-decoration:none;}
/*  end of menu  */
.xorangeB  { position:relative; display:block; xcolor:#fff; }
.xorangeB:before { display:block; padding:1px; content: attr(title); color:#444; margin-bottom: -22px; }
.xorangeI  { position:relative; display:block; color: #fff; font-style:italic; }
.xorangeI:before { display:block; padding:1px; content: attr(title); color:#222; margin-bottom: -119px; }

.headershadow  { position:relative; display:block; xcolor:#fff; text-align: right;}
.headershadow:before { display:block; padding:1px; content: attr(title); color:#333; margin: 0px -3px -55px 0px;  text-align: right;}
.header2shadow  { position:relative; display:block; xcolor:#fff;  text-align: right;}
.header2shadow:before { display:block; padding:1px; content: attr(title); color:#333; margin: 0px -3px -39px 0px; text-align: right;}
/*  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 #bdba15;}
h3 { font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color:#fff; line-height: 20px;}
h4 { padding: 0px; margin: 0px 0px 0px 0px;  font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#eee; line-height: 16px;}
h5 { font-weight: bold; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color:#000; margin: 0px; xtext-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 { border-right: 1px solid #000; border-left: 1px solid #000; background-image: url(images/bckgnd.jpg); background-repeat: no-repeat; background-color: #000; 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 { text-align: right; width: 785px; margin: 0px; padding: 0px; float: left; xclear: both; height: 174px; xborder: 1px solid #0000ff; background-image:url(images/mainheaderimage1.jpg); background-repeat: no-repeat; xbackground-position: 100% 0%;}
#headercontainer2 { text-align: right; width: 785px; margin: 0px; padding: 0px; float: left; xclear: both; height: 174px; xborder: 1px solid #0000ff; background-image:url(images/mainheaderimage2.jpg); background-repeat: no-repeat; xbackground-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: 687px; font-weight:bold; height: 93px; font-size: 44px; color:#fff; position: absolute; top: 42px; left: 130px; 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: 687px; font-weight:bold; height: 93px; font-size: 44px; color:#fff; position: absolute; top: 60px; left: 468px; 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); background-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;}
.homepic5{ background-image:url(images/drop-shadow.png); background-repeat: no-repeat; background-position: 100% 100%; padding: 0px 11px 11px 0px; position: relative; top: -160px; left: 320px; margin-bottom: -160px;}
#sidemenucontainer { width: 195px; height: 100%; float: left; clear: both; xposition: absolute; xtop: 0px; xleft: 0px; background-image:url(images/side-panel2.jpg); background-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;}
#xcontent { xz-index: 3; width: 758px; xheight: 693px; padding: 0px; margin: -84px 0px 0px 0px; float: left; xclear: both;}
#xcontentright { text-align: left; width: 140px; height: x673px; position: absolute; top: 274px; left: 775px; padding: 0px; margin: 0px; xfloat: right; xclear: both;}
#xcontentleft { text-align: left; width: 530px; height: x643px; position: absolute; top: 277px; left: 218px; padding: 0px; margin: 0px; xfloat: left; xclear: both;}
#content, #content2 { xz-index: 3; width: 758px; xheight: 693px; padding: 0px; margin: -84px 0px 0px 0px; float: left; xclear: both;}
#contentright, #contentright2 { text-align: left; width: 140px; height: x673px; position: absolute; top: 214px; left: 775px; padding: 0px; margin: 0px; xfloat: right; xclear: both;}
#contentleft, #contentleft2 { text-align: left; width: 530px; height: x643px; position: absolute; top: 207px; left: 218px; padding: 0px; margin: 0px; xfloat: left; xclear: both;}
#contenthomeright { text-align: left; width: 570px; position: absolute; top: 180px; left: 390px; padding: 0px; margin: 0px;}
#contenthomeleft { text-align: left; width: 190px; position: absolute; top: 107px; left: 190px; padding: 0px; margin: 0px;}
.blue {color: #6264C7; font-style:italic;}
.orangeI {color: #fff; font-style:italic;}
.orangeB {color: #bdba15; font-style:normal; font-weight: bold;}
.orange {color: #bdba15; font-style:normal;}
.drkorangeI {color: #bdba15; font-style:italic;}
.drkorangeB {color: #bdba15; font-style:normal; font-weight: bold;}
.drkorange {color: #bdba15; 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: #ccc; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: #ccc; font-family: "Arial Narrow", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color:#bdba15; 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: right; font-weight: normal; font-family: Arial, "Arial Narrow", Geneva, Helvetica, sans-serif; font-size: 12px; color:#fff; margin: 21px 0px -15px 0px; padding: 0px 20px 0px 0px; line-height: 15px;}
.copy2{  width: 210px; float: left; font-weight: normal; font-family: Arial, "Arial Narrow", Geneva, Helvetica, sans-serif; font-size: 11px; color:#fff; margin: 15px 0px -15px 0px; padding: 0px 0px 0px 5px; 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 { border-right: 1px solid #000; border-left: 1px solid #000; 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 #bdba15; 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  */