@charset "utf-8";
body {
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	margin:0;
	padding:0;
	background:url("../images/hex_bg.gif") repeat top; 
}

#holder {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}


.banner{
	width: 900px;
	height: 100px;
	background-color:#000;
}

a img { border:none;}

h2 {color:#fff;}

p {color:#fff; line-height:21px;}

#mainbody { height:auto; width:900px; padding:0 0 0 0; margin:0 0 0 0; background:#000;}
.col-1 { clear:left; width:200px; float:left; padding:0; margin:0; background:#000; min-height:300px;}
.col-2 { width:700px; float:left;  padding:20px 0 0 0; margin:0; background:#000; min-height:300px;}
.col-3 { clear:left; background:#000; width:900px; background:#000;}

/*Banners */
#bannerOne {width:200px; height:112px; line-height:112px; background-color:#000; margin-bottom:10px; }
#bannerOne a {text-indent:-1000px; overflow:hidden; width:200px; height:112px; line-height:112px; background:#000 url("../images/nic_web_logo.jpg") no-repeat 0 -112px; }
#bannerOne a:hover  { background:#000 url("../images/nic_web_logo.jpg") no-repeat 0 top; }

#bannerOne {width:198px; height:112px; line-height:112px; background-color:#000; margin-bottom:10px; }
#bannerOne a {text-indent:-1000px; overflow:hidden; width:198px; height:112px; line-height:112px; background:#000 url("../images/nic_web_logo.jpg") no-repeat 0 -112px; }
#bannerOne a:hover  { background:#000 url("../images/nic_web_logo.jpg") no-repeat 0 top; }

#bannerTwo {width:198px; height:81px; line-height:81px; background-color:#000; margin-bottom:10px; }
#bannerTwo a {text-indent:-1000px; overflow:hidden; width:198px; height:81px; line-height:81px; background:#000 url("../images/performance_challenge.gif") no-repeat 0 -81px; }
#bannerTwo a:hover  { background:#000 url("../images/performance_challenge.gif") no-repeat 0 top; }

#bannerThree {width:198px; height:154px; line-height:154px; background-color:#000;}
#bannerThree a {text-indent:-1000px; overflow:hidden; width:198px; height:154px; line-height:154px; background:#000 url("../images/200x156.jpg") no-repeat 0 top; }
#bannerThree a:hover  { background:#000 url("../images/200x156.jpg") no-repeat 0 top; }


#banner4 {width:224px; height:82px; line-height:82px; background-color:#000; margin-bottom:0; }
#banner4 a {text-indent:-1000px; overflow:hidden; width:224px; height:82px; line-height:82px; background:#000 url("../images/home_risk_btn.gif") no-repeat 0 bottom; }
#banner4 a:hover  { background:#000 url("../images/home_risk_btn.gif") no-repeat 0 top; }

#banner5 {width:224px; height:82px; line-height:82px; background-color:#000; margin-bottom:0; }
#banner5 a {text-indent:-1000px; overflow:hidden; width:224px; height:82px; line-height:82px; background:#000 url("../images/home_vul_btn.gif") no-repeat 0 bottom; }
#banner5 a:hover  { background:#000 url("../images/home_vul_btn.gif") no-repeat 0 top; }

#banner6 {width:224px; height:82px; line-height:82px; background-color:#000; margin-bottom:0; }
#banner6 a {text-indent:-1000px; overflow:hidden; width:224px; height:82px; line-height:82px; background:#000 url("../images/home_scan_btn.gif") no-repeat 0 bottom; }
#banner6 a:hover  { background:#000 url("../images/home_scan_btn.gif") no-repeat 0 top; }

#banner7 {width:167px; height:84px; line-height:84px; background-color:#000; margin-bottom:0; }
#banner7 a {text-indent:-1000px; overflow:hidden; width:167px; height:84px; line-height:84px; background:#000 url("../images/btnbottom03.gif") no-repeat 0 0; }
#banner7 a:hover  { background:#000 url("../images/btnbottom03.gif") no-repeat 0 top; }


#banner1-mat {width:219px; height:32px; line-height:32px; background-color:#000; margin-bottom:0; }
#banner1-mat a {text-indent:-1000px; overflow:hidden; width:219px; height:32px; line-height:32px; background:#000 url("../images/product_matrix_win.gif") no-repeat 0 bottom; }
#banner1-mat a:hover  { background:#000 url("../images/product_matrix_win.gif") no-repeat 0 top; }

#banner2-mat {width:191px; height:32px; line-height:32px; background-color:#000; margin-bottom:0; }
#banner2-mat a {text-indent:-1000px; overflow:hidden; width:191px; height:32px; line-height:32px; background:#000 url("../images/product_matrix_mac.gif") no-repeat 0 bottom; }
#banner2-mat a:hover  { background:#000 url("../images/product_matrix_mac.gif") no-repeat 0 top; }

#banner1-promo {width:158px; height:32px; line-height:32px; background-color:#000; margin-bottom:0; }
#banner1-promo a {text-indent:-1000px; overflow:hidden; width:158px; height:32px; line-height:32px; background:#000 url("../images/promotions_retail_btn.gif") no-repeat 0 -32px; }
/*#banner1-promo a:hover  { background:#000 url("../images/promotions_retail_btn.gif") no-repeat 0 top; }*/

#banner2-promo {width:156px; height:32px; line-height:32px; background-color:#000; margin-bottom:0; }
#banner2-promo a {text-indent:-1000px; overflow:hidden; width:156px; height:32px; line-height:32px; background:#000 url("../images/promotions_online_btn.gif") no-repeat 0 top; }
/*#banner2-promo a:hover  { background:#000 url("../images/promotions_online_btn.gif") no-repeat 0 top; }*/

/* widget */
.widget-nav {width:685px; position:relative; z-index:99; background:#000; height:250px; margin-left:5px; padding:0; margin:0 0 0 0;}
* html .widget-nav {width:686px; w\idth:685px;}
.widget-nav ul {padding:0;margin:0;list-style-type:none; position:relative; top:180px; height:70px;}
.widget-nav ul ul {width:209px;}
.widget-nav li {float:left;width:120px; height:60px; position:relative; background-color:#000; opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=65); margin-left:20px; color:#FF0; text-align:center; vertical-align:middle;}
/* Fix IE6's inability to interpret top: 0; and bottom: 0; */
* html #mainbody .widget-nav { height: expression(document.getElementById("footer").offsetHeight); }
.widget-nav img { margin:-70px 0 0 0; padding:0;}
.widget-nav a { font-size:44px; font-weight:bold; color:#FC0; text-decoration:none; text-align:center;}


#headerOne {width:200px; height:54px; line-height:54px;}
#headerOne a {text-indent:-1000px; overflow:hidden; width:200px; height:54px; line-height:54px; background:url("../images/nopscenter_callsign.gif") no-repeat 0 -56px;  }
#headerOne a:hover  { background:url("../images/nopscenter_callsign.gif") no-repeat 0 top; }

#menuHome {width:75px;}

#menuHome a {overflow:hidden; width:75px; text-align:center; }
#menuHome ul a { display:none; visibility: hidden; }

#menuComm {width:140px;}

#menuComm a {overflow:hidden; width:140px; text-align:center; }

#menuComm ul li {width:178px;}

#menuComm ul a {overflow:hidden; width:178px; text-align:left; }



#menuEdu {width:156px;}

#menuEdu a {overflow:hidden; width:156px; text-align:center; }

#menuEdu ul li {width:200px;}

#menuEdu ul a {overflow:hidden; width:200px; text-align:left; }


#menuRea {width:146px;}

#menuRea a {overflow:hidden; width:146px; text-align:center; }

#menuRea ul li {width:156px;}

#menuRea ul a {overflow:hidden; width:156px; text-align:left; }

#menuPromo {width:146px;}

#menuPromo a {overflow:hidden; width:146px; text-align:center; }

#menuPromo ul li {width:156px;}

#menuPromo ul a {overflow:hidden; width:156px; text-align:left; }


/*menu navigation */

.menu {width:900px; height:56px; position:relative; z-index:100; border-bottom:1px solid #000; background-color:#202020; border-top:2px solid #ffcc00;}

/* hack to correct IE5.5 faulty box mrodel */

* html .menu {width:901px; w\idth:900px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:359px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:359px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:148px; height:54px; border:1px solid #000; border-width:1px 0 1px 1px; background:#202020; padding-left:0; line-height:53px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:159px; w\idth:148px;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:56px;left:0; width:309px; }

/* another hack for IE5.5 */

* html .menu ul ul {top:55px;t\op:56px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#999; color:#fff; height:auto; line-height:1em; padding:5px 0 5px 23px; border:1px solid #000;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:350px;w\idth:328px;}



/* style the top level hover */

.menu a:hover {}

.menu a:hover, .menu ul ul a:hover{color:#000; background:#ffcc00;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ffcc00;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible;}

.menu ul ul .highlight a, .menu ul ul .highlight a:visited {background:#F27F1A; color:#fff; height:auto; line-height:1em; padding:5px 0 5px 23px; border:1px solid #000;border-width:0 1px 1px 1px;}

.menu ul ul .highlight a:hover{color:#000; background:#ffcc00;}
.menu ul ul .highlight :hover > a {color:#000; background:#ffcc00;}



/*

.selected {background:#999;}

.selected a {background:#999;}

*/

.barLine { font-size:12px; font-weight:bold; /*background-color:#F27F1A;*/ color:#fff; width:auto; line-height:24px; /*text-indent:10px;*/ text-transform: uppercase;}

/*menu navigation */
/*#menuHome {width:75px;}
#menuHome a {overflow:hidden; width:75px; }
#menuComm {width:150px;}
#menuComm a {overflow:hidden; width:150px; }
#menuEdu {width:175px;}
#menuEdu a {overflow:hidden; width:175px; }
#menuEvents ul li {width:300px;}
#menuEvents ul a {overflow:hidden; width:300px; }
#menuRea {width:175px;}
#menuRea a {overflow:hidden; width:175px; }*/

/*.menu {width:900px; height:32px; position:relative; z-index:100; border-bottom:0 solid #ccc; background-color:#000; border-top:0 solid #999;}*/
/* hack to correct IE5.5 faulty box mrodel */
/** html .menu {width:901px; w\idth:900px;}*/
/* remove all the bullets, borders and padding from the default list styling */
/*.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:209px;}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/*.menu li {float:left;width:209px;position:relative;}*/
/* style the links for the top level */
/*.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:198px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#000; padding-left:10px; line-height:29px; font-weight:bold;}*/
/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu a, * html .menu a:visited {width:209px; w\idth:198px;}
*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
/*.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:209px; }*/
/* another hack for IE5.5 */
/** html .menu ul ul {top:30px;t\op:31px;}*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
/*.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
*/
/* style the second level links */
/*.menu ul ul a, .menu ul ul a:visited {background:#000; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:228px;border:1px solid #ccc;border-width:0 1px 0 1px;}*/
/* yet another hack for IE5.5 */
/** html .menu ul ul a, * html .menu ul ul a:visited {width:250px;w\idth:228px;}
*/
/* style the top level hover */
/*.menu a:hover, .menu ul ul a:hover{color:#fff; background:#999;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#999;}
*/
/* make the second level visible when hover on first level list OR link */
/*.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
*/
#mainbody { height:auto;}


/*menu navigation */
.banners {width:200px; position:relative; z-index:98; background-color:#000; padding:0; margin:0; list-style-type:none; }
.banners a, .banners a:visited {display:block; width:200px; background:#202020;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .banners a, * html .banners a:visited {width:200px; w\idth:200px;}

.vbanners {width:700px; position:relative; z-index:99; background-color:#000; padding:0; margin:12px 0 0 0; list-style-type:none; float:left;}
.vbanners li {background-color:#000; padding:0; margin:0 0 0 5px; float:left;}
.vbanners a, .vbanners a:visited {display:block; width:200px; background:#202020;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .vbanners a, * html .vbanners a:visited {width:200px; w\idth:200px;}

.bbanners {width:400px; position:relative; z-index:99; background-color:#000; padding:0; margin:12px 0 0 5px; list-style-type:none; }
.bbanners li {background-color:#000; padding:0; margin:0 5px 0 0; float:left;}
.bbanners a, .vbanners a:visited {display:block; width:200px; background:#202020;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .vbanners a, * html .vbanners a:visited {width:200px; w\idth:200px;}

/* Breadcrumbs */
#breadcrumbs {padding:0;margin:0 0 0 10px;list-style-type:none; position:relative; }
#breadcrumbs li { float:left; line-height:24px; font-weight:bold; color:#ffcc00;}
#breadcrumbs a { color:#ffcc00; text-decoration:none;}
#breadcrumbs a:hover { color:#ff9900;}


#fuaq h2 { color:#ffcc00; background-color:#666666; width:275px; border:1px dashed #333; padding:10px; float:left; margin-right:20px; font-size:14px; line-height:18px;}

#fuaq p { color:#fff; background-color:#666666; width:500px; border:1px dashed #333; padding:10px; float:left; line-height:18px;}

.learn-list {list-style-type:none;}
.learn-list li {float:left; line-height:0; font-weight:bold; color:#ffcc00;}

#insert-page { margin:0 20px; color:#fff;}
#insert-page ul { margin-left:0; padding-left:0;}
#insert-page a { text-decoration:none;}

#videoplayers { width:480px; height:360px; background-color:#333; float:left;}
#videolist { width:390px; height:360px; float:left; margin-left:10px;}
#videolist div  { width:390px; height:325px; background-color:#333; overflow:auto;}

#videolist ul { list-style:none; margin-left:0; padding-left:0; margin-bottom:10px; padding-bottom:10px;}
#videolist ul li img { float:left; margin-right:10px; margin-bottom:0; padding-bottom:0; width:50px; height:50px;}
#videolist ul li { clear:left; cursor:pointer; margin-left:10px; margin-bottom:10px; padding-bottom:10px; margin-top:5px;} 
#videolist ul li h3 { color:#ffcc00;  margin-bottom:0; margin-right:10px; padding-bottom:0; font-weight:normal; font-size:14px; margin-top:0; padding-top:0; float:left; line-height:14px;  width:280px;}
#videolist ul li p { color:#fff; margin-top:0; padding-top:0; margin-right:10px; font-size:11px; line-height:14px; margin-bottom:0; padding-bottom:0; width:280px; float:none;}
#videolist ul li a, #videolist ul li a:visited { color:#fff; text-decoration:none; margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;}
#videolist ul li h3 a, #videolist ul li h3 a:visited { color:#ffcc00;}
	
/* Footer */
/* Footer */



#footer {

		clear:left;

		width: 900px;

		background:#202020;

		line-height:32px;

		height:32px;

		text-indent:5px;

		padding:0;

		margin:0;

	}

#footer a {
	margin-top:5px;
	font-size:9px;
	color:#000;
	padding:6px 50px 6px 8px;
	background:url("../images/goto.gif") center left #202020 no-repeat;
	width:176px;
	height:20px;
	line-height:32px;
	text-decoration:none;
	letter-spacing: -0.5px

}

#footer a:hover {
	color:#333;
}
#fb {width:200px; float:right; text-align:center; padding-right:10px; height:24px;}
#fb a { display:block; width:200px; background:none; margin-top:0; padding:0 0 0 0; color:#fff; }
#fb a img { vertical-align:middle;}

/* Tables */
.threats-table { width:648px; margin:0 0 0 10px; text-align:left;}
.threats-table td { padding:5px;}
.threats-table th {color:#fff; width:162px; padding:5px;}

#loader { position:fixed;  top:0px; margin:0 auto; z-index:2000; background-color:#FFCC00; width:auto; border-top:2px solid #FFCC00; border-left:2px solid #FFCC00;}
#loader p {color:#000000; font-size:12px; font-weight:bold; margin:0 auto; padding:5px; line-height:16px; vertical-align:middle;}