body{background-color:#000000; font-size:12px; font-family: Tahoma; color: #162B43;}

.subHeadingAlertText{color: saddlebrown; font-style: italic; font-weight: bold;}

.faqQ{font-family: Arial; font-size: 12pt; color:#6A1D1F; font-weight:700;vertical-align: top;}
.faqA{font-family: Arial; font-size: 12pt; color:#333333; border-bottom: solid 1px #808080;vertical-align: top;}
.faqQASymbol{font-family: Arial; font-size: 12pt; color:#333333; vertical-align: top; font-weight:700;}
.hLink{font-family: Arial; font-size: 12pt; color:#1A7996; text-decoration:underline; vertical-align: top;vertical-align: top;}
.faqClose{font-family: Arial; font-size: 12pt; color:#E00006; font-weight:700; text-align: right;vertical-align: top;}

Option, Select{font-size:12px; font-family: Tahoma; color: #162B43}

#menuLeft{position: fixed; width: 20%; height: auto; border-right: solid 0px #B9CCEC; background-color:#306285; font-family: Tahoma; font-size:12px;}
#body{position: fixed; width: 60%; height: auto; border-right: solid 0px #B9CCEC; background-color: #FFFFFF; font-family: Tahoma; font-size:12px;}
#menuRight{position: fixed; width: 20%; height: auto; border: solid 0px black; background-color: #F0F0F0; text-align: center; padding: 0px; font-family: Tahoma; font-size:12px;}

#MainBody {background-color:#ffffff; height: auto; font-family: Tahoma; font-size:12px; border: solid 0px red; width: auto; min-width: 1450px;}
.menuinner {width: 290px; height: 600px; border-right: solid 0px #B9CCEC; background-color:#306285; font-family: Tahoma; font-size:12px;}
.announceDate {color: #162B43; font-weight: 100; font-size: 12px; font-family: Tahoma;}
.announceTitle {color: #162B43; font-weight: 700; font-size: 12px; font-family: Tahoma; text-align: left;}
.homescreenmissions {text-align:left; font-size: 12px;font-family:Tahoma; color:#306285;}
.pageheadings{font-size:14px; color:#162B43; font-weight:900; text-transform:uppercase; font-family: Tahoma;}
.myoutter {margin-left: 10px; background-color: #FFFFFF;}
#TitleHeadTop {color: #820000; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: Tahoma;}
#TitleHeadBottom {color: #000000; font-size: 14px; font-weight: bold; font-family: Tahoma;}
#ptext {color: #162B43;	font-size:12px; font-family: Tahoma;}
.hrmainbody {width: 98%; border: solid 1px #cccccc; text-align: left;}
li.norm {list-style-type: disc;list-style: inside;list-style-position: outside;}
#norm2 {list-style-type: disc;list-style: inside;list-style-position: outside;}
.careertext{font-size: 12px; font-family: Tahoma; color: #1A4081;}
#archives {margin-right: 100px;}
.t{font-size:14px;color:#820000;font-weight:900;}
#NCJUA, #NCIUA{text-align: left;}

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

#tagline {border-top: dotted 1px #999999; border-bottom: dotted 1px #999999; font-size: 18px; font-weight:800; color: #400000; text-align: center; font-family: Tahoma; padding-top: 5px; padding-bottom: 5px; text-shadow: 1px 1px 0 #ccc; text-transform: uppercase;}
#alertShowHide {display: block;}
.alertbox {background-color: #FEF9EB; padding: 5,5,5,5; padding-left: 20px; padding-top: 10px; border: solid 1px #000B2A;}
.alerthead {font-size: 16px; font-weight:800; color: #B10002; text-align: center; font-family: Tahoma; padding-top: 5px; padding-bottom: 0px;}
.alerttext {font-size: 16px; font-weight:400; color: #B10002; text-align: center; font-family: Tahoma; padding-top: 5px; padding-bottom: 5px;}

/*****************  TOP HEADER STYLES   *******************/
.header-logo img {
	position:absolute;
	top: 7px;
	left:9px;
	}
.header-blue-top, .header-blue-bottom {background-color:#162B43; width: auto;}
.header-blue-top {height:98px; width: auto;}
.header-blue-bottom {height:38px; width: auto;}
.header-white{background-color:#fff; width: auto;}
.header-text-white, .header-text-blue{padding: 8px 8px 8px 236px; font-size:17px; min-width: 640px; max-width: auto;}
.header-text-blue {color: #162B43; width: auto;}
.header-text-white {color: #fff; padding-top:44px; width: auto;}

.header-logo_sm img {position:absolute;	top: 3px; left:9px; width: auto; height: 70px; border: solid 0px red;}
.header-blue-top_sm, .header-blue-bottom_sm {background-color:#162B43; width: auto;}
.header-blue-top_sm {height:30px; width: auto;}
.header-blue-bottom_sm {height:45px; width: auto;}
.header-white_sm {background-color:#fff; width: auto;}
.header-text-white_sm {padding: 6px 6px 6px 136px; font-size:14px; min-width: 540px; max-width: auto;}
.header-text-white_top_sm {padding: 10px 6px 6px 136px; font-size:14px; min-width: 540px; color: #fff; max-width: auto;}
.header-text-blue_sm {padding: 6px 6px 6px 136px; font-size:14px; min-width: 540px; max-width: auto;}
.header-text-blue_sm {color: #162B43; width: auto;}
.header-text-white_sm {color: #fff; padding-top:4px; width: auto;}

.logoheadertext {margin-left: 10px; color: #162B43; font-size:17px;}
.logoheadertexttop {margin-left: 10px; color: #ffffff; font-size:17px;}
.logoheadersubpagetext {margin-left: 10px; color: #162B43; font-size:14px;}
.logoheadersubpagetexttop {margin-left: 10px; color: #ffffff; font-size:14px;}

/*************************************************************************************/

.divhide {display: none;}
.divshow {display: block;}
.employeename {font-weight: 100;margin-left: 10px; font-size: 12px;}
.depttitles {color: #162B43; font-weight: 700; font-size: 12px; font-family: Tahoma;}
.jobtitle {color: #162B43;font-size: 12px; font-family: Tahoma;}
.deptsubtitles {font-size: 12px; font-weight: 600; text-decoration: none; font-family: Tahoma; color:#295578;}
.pageheadings2{font-size:14px;color:#162B43;font-weight:900; text-transform:uppercase; font-family: Tahoma;}
.contactus_note {color: #820000; font-weight: 100; font-size: 12px; background-color: #ffffff;}

.footertext{color: #ffffff; font-family:Tahoma; font-size: 11px;}
.bottomBorderSolid{border-bottom: dotted 1px #162B43 }

#ad, #uw, #cl, #ms, #it{width: 800px; border: solid 0px red;}

.stormreadiness_title {float: left; width: 400px; border-bottom: dotted 1px #CFCFCF; color: #943B00; font-weight: 800; font-size: 13px; background-color: #ffffff;}
.stormreadiness_address {float: left; width: 200px; margin-top: 10px; font-size: 12px; background-color: #ffffff;}
.stormreadiness_spacer {float: left; width: 470px; border: solid 0px red; background-color: #ffffff;}
.stormreadiness_locationname {float: left; border: solid 0px red; width: 400px; margin-top: 10px; color: #162B43; font-weight: 800; font-size: 13px; background-color: #ffffff;}
.stormreadiness_mapit {float: right; border: solid 0px red; width: 130px; height: 90px; margin-top: 0px; text-align: left; background-color: #ffffff;}

.showschedule {overflow:auto; width: 450px; height: 400px; position:absolute; top:20%; left:10%; margin:-20px 0 0 -100px; display:none; Border: solid 3px #000;	background-color: #ffffff;
}

/*****  STORM ACTIVITY STYLES  *********/
.alertstormheader {font-size: 12px; font-weight:800; color: #F00;}
.alertstormcontentheader {font-size: 12px; font-weight:100; color: #000000;}
.normalertstormheader {font-size: 12px; font-weight:800; color: #943B00;}
.boldstormheader {font-size: 12px; font-weight:800; color: #000000;}
.popup-home-show {display:block;}
.popup-home-hide {display:none;}
.popup {height:550px; position:absolute; top:20%; left:10%; margin: 3px 0 0 550px; display:none; Border: solid 3px #000; background-color: #000;}
.popup2 {display:none;Border: solid 0px #1B2F5C;background-color: #fff;}
.stormactivity {display:none;Border: solid 0px #1B2F5C;background-color: #fff;}

/******* TREE MENU STYLES  *********/
ul{list-style-type: none;}
.folderainheadings{font-size:13px;color:#162B43;font-weight:900;}
.treeview {padding: 0; font-size: 12px; font-family: Tahoma; }
.treeview {list-style-type: none; font-size: 12px; font-family: Tahoma; padding-left: 25px; margin-bottom: 3px;}
.treeview li.submenu{cursor: hand !important; cursor: pointer !important; font-size: 12px; font-family: Tahoma;}
.treeview li.submenu ul{list-style-type: none; display: none; font-size: 12px; font-family: Tahoma;}
.treeview .submenu ul li{list-style-type: none; cursor: default; font-size: 12px; font-family: Tahoma;}

/***  USED FOR BOARD OF DIRECTORS PAGE  ***********/
.DirectorNames {font-size: 11px; color: #162B43; font-family: Tahoma;}
.DirectorCompany {font-size: 13px; color: #740001; font-family: Tahoma;}
.DirectorTableTitle {font-size: 12px; color: #162B43;font-weight: bold;text-align: center;border-bottom: solid 1px #000000; font-family: Tahoma;}

/***  USED FOR BACKGROUND COLOR ON LEFT AND RIGHT SECTION SIDES  ***********/
.tblmenublue {background-color:#306285;}

/***  USED FOR SUBHEADING STYLES UNDER BREAKING NEWS ON RIGHT SECTION  ***********/
.rightmenusubheadings {color: #306285; text-decoration: none;}

/**********  USED FOR PAY ONLINE IMAGE EFFECTS  **************/
.highlightit img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.highlightit:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }


/**********  MAIN LINK ROLL-OVERS  ***************/
a:link{font-family:Tahoma;text-decoration:none;color:#162B43;font-size:12px;}
a:visited{color:#162B43;Font-Family:Tahoma;text-decoration:none;font-size:12px;}
a:hover{color:#820000;font-Family:Tahoma;text-decoration:none;font-size:12px;}

/*********  USED FOR FOOTER  **************/
a.footer:link{font-family:Tahoma;text-decoration:none;color:#ffffff;font-size:11px; font-weight: 800;}
a.footer:visited{color:#ffffff;Font-Family:Tahoma;text-decoration:none;font-size:11px; font-weight: 800;}
a.footer:hover{color:#306285;font-Family:Tahoma;text-decoration:none;font-size:11px; font-weight: 800;}

/* USED FOR TOP MENU BAR */
a.topmenu:link{font-family:Tahoma; text-transform: uppercase; text-decoration:none; color: #162B43; font-weight:900; font-size:12px; padding: 2px;}
a.topmenu:visited{color:#162B43; Font-Family:Tahoma; text-decoration:none; font-weight:900; font-size:12px;}
a.topmenu:hover{color:#162B43; font-Family:Tahoma; text-decoration:none; font-weight:900; font-size:12px; border: solid 1px #162B43 ;background-color: #BFD7E8; padding: 1px;}

/* USED FOR LEFT MENU BAR */
a.leftmenu:link{font-family:Tahoma; text-decoration:none; color:#ffffff; font-size:12px;}
a.leftmenu:visited{color:#ffffff; Font-Family:Tahoma; text-decoration:none; font-size:12px;}
a.leftmenu:hover{color:#990000; font-Family:Tahoma; text-decoration:none; font-size:12px;}

/* USED FOR RIGHT SIDE MENUS */
a.rightmenu:link{font-family:Tahoma;text-decoration:none;color: #162B43;font-weight:900;font-size:12px;}
a.rightmenu:visited{color:#162B43;Font-Family:Tahoma;text-decoration:none;font-weight:900;font-size:12px;}
a.rightmenu:hover{color:#990000;font-Family:Tahoma;text-decoration:none;font-weight:900;font-size:12px;}

/* LEFT AND TOP MENU STYLES */
.menu_simple ul {margin: 4px; padding: 0; width: 90%; list-style-type: none; font-Family:Tahoma; font-size: 12px;}
.menu_simple ul li a {text-decoration: none; color: white; padding: 5px 6px; background-color: #306285; display:block; font-Family:Tahoma; font-size: 12px;}
.menu_simple ul li a:hover, .menu_simple ul li .current {color: #162B43; padding: 4px 5px; background-color: #BFD7E8; border: solid 1px #162B43; font-Family:Tahoma; font-size: 12px;}

/*********  RIGHT SIDE STYLES  *********/
.divoutterRightside {width: 300px; border: solid 0px green; background-color: #ECF2F2; text-align: left; padding: 0px;}
.tdoutterRightside {border-left: solid 1px #000000; border-right: solid 0px #000000; background-color: #ECF2F2; vertical-align: top; text-align: left;}
.ImportLinksHead {border: 0px solid #000000; background-image:url(../images/linksback.jpg);width:275px; height: 20px; background-color:#306285; color: #ffffff; padding: 2px; padding-left: 2px; font-size: 14px; text-align: center;font-weight: 600;}
.ImportLinksHeadBottom {border: 0px solid #000000; background-image:url(../images/linksbackbottom.jpg);width:275px; height: 20px; background-color:#5C72A9; color: #ffffff; padding: 2px; padding-left: 2px; font-size: 14px; text-align: center;font-weight: 600;}
.ImportLinksBody {width: 275px; text-align: left; border: solid 0px black; color: #1A4081;font-size: 11px;padding: 0px; text-align: left;}
.hrmenuright {width: 100%; border: solid 1px #dddddd;}
li#normrightside {margin-left: 0px; color: #1A4081; list-style-type: none; list-style: none; text-align: left; border: solid 0px red;}
.normrightside {margin-left: 0px; color: #1A4081; list-style-type: none; list-style: none; text-align: left; border: solid 0px red;}
.rightsideul{color: #162B43; font-Family:Tahoma; font-size: 11px; text-align: left;}

/************  FAQs STYLE  ************/
.faqsQ {color: #306285; font-Family:Tahoma; font-size: 16px; text-align: left; font-weight: bold;}
.faqsA {color: #162B43; font-Family:Tahoma; font-size: 12px; text-align: left; font-weight: 100;}

/**************************  HOME PAGE BUTTONS  ****************************************/
.navbtn {
  margin: auto;
  width: 80%;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2d5975);
  background-image: -moz-linear-gradient(top, #3498db, #2d5975);
  background-image: -ms-linear-gradient(top, #3498db, #2d5975);
  background-image: -o-linear-gradient(top, #3498db, #2d5975);
  background-image: linear-gradient(to bottom, #3498db, #2d5975);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  -webkit-box-shadow: 1px 2px 3px #000000;
  -moz-box-shadow: 1px 2px 3px #000000;
  box-shadow: 1px 2px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 10px 10px 10px;
  border: solid #030303 1px;
  text-decoration: none;
}

.btn {
  float: left;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2d5975);
  background-image: -moz-linear-gradient(top, #3498db, #2d5975);
  background-image: -ms-linear-gradient(top, #3498db, #2d5975);
  background-image: -o-linear-gradient(top, #3498db, #2d5975);
  background-image: linear-gradient(to bottom, #3498db, #2d5975);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  -webkit-box-shadow: 1px 2px 3px #000000;
  -moz-box-shadow: 1px 2px 3px #000000;
  box-shadow: 1px 2px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  border: solid #030303 1px;
  text-decoration: none;
  position: relative;  left: 50%;
}

.btn:hover {
  background: #3385b8;
  background-image: -webkit-linear-gradient(top, #3385b8, #3498db);
  background-image: -moz-linear-gradient(top, #3385b8, #3498db);
  background-image: -ms-linear-gradient(top, #3385b8, #3498db);
  background-image: -o-linear-gradient(top, #3385b8, #3498db);
  background-image: linear-gradient(to bottom, #3385b8, #3498db);
  text-decoration: none;
}

/*background: -webkit-gradient(linear, left top, left bottom, from(#EBEFF2), to(#ebeff2)); 
			background: -moz-linear-gradient(top, ##BFD7E8, #ccd5df); 
			filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeff2, endColorstr=#ccd5df)"; 
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeff2, endColorstr=#ccd5df)";*/
.btnFile{float: left; background-color: #306285; border: 1px solid #20262A; cursor: pointer; width: 180px; height: 20px; -moz-border-radius: 10.5em; border-radius: 0.5em; font-weight:600; padding: 5px; font-size: 12pt;}
.btnFileSpacer{float: left; border: 0px solid #ACBECF; width: 20px; height: 20px;
}
.btnHurri{background-color: #EBEFF2; border: 1px solid #00457F; cursor: pointer; width: 448px; height: 99px; -moz-border-radius: 10.5em; border-radius: 0.5em; font-weight:600;}
.btnStorm{background-color: #EBEFF2; border: 1px solid #ACBECF; cursor: pointer; width: 250px; height: 30px; -moz-border-radius: 10.5em; border-radius: 0.5em; font-weight:600;}
.btnClaims{background-color: #295578; border: 1px solid #ACBECF; cursor: pointer; width: 250px; height: 60px; -moz-border-radius: 10.5em; border-radius: 0.5em; color:#EBEFF2; font-weight:600;}
.btnNews{background-color: #162B43; border: 1px solid #ACBECF; cursor: pointer; width: 250px; height: 45px; -moz-border-radius: 10.5em; border-radius: 0.5em; color:#EBEFF2; font-weight:600;}
.ast{font-size: 14px; color: #F0FF00;}
             
.btnStorm:hover, .btnNews:hover, .btnClaims:hover{-o-box-shadow: 2px 2px 19px #162B43;-webkit-box-shadow: 2px 2px 19px #162B43;-moz-box-shadow: 2px 2px 19px #162B43;}
.btnStorm:active, .btnNews:active{-o-box-shadow: 2px 2px 19px #306285;-webkit-box-shadow: 2px 2px 19px #306285;-moz-box-shadow: 2px 2px 19px #306285;}
.btnInnerText{margin-top: 7px;}

#cl,#at, #it, #ad, #threeCol{-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;}
	
#map-canvas {
	width: 300px;
	height: 250px;
	border: solid 1px #162B43;
  }
/* Table Styles */
table.striped thead {
  background-color: #AAC6E6;
}
table.striped tbody tr:nth-child(even)
{

  background-color: #F6F6F6; 
}

/* Hero Image on main page*/
.hero {
  height: 400px;
  background-image: url("../images/home.jpeg");
  background-size: cover;
  background-position: center;
}