@charset "utf-8";
@import './styleReset.css';

/*Global Styles*/
body {background:#676767; font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#333; margin: 0 20px;}
h1, h2, h3, h4, h5, h6{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px; font-weight:normal;}
p{margin:0px 0px 12px 0px;}

h1{font-size:11pt;margin:12px 0px 12px 0px; font-weight:bold;}
h2{font-size:9pt;color:#7fb539; text-transform:uppercase;}
h3{font-size:8pt;}
h4{font-size:12pt;}
h5{font-size:11pt;}
h6{font-size:10pt;}

h2{font-size:9pt; font-weight:bold;}

strong{font-weight:bold;}
em{font-style: italic;}

a{color:#666; text-decoration:none;}
.left{float:left;}
.right{float:right;}
.green{color:#a7cf3a;}
.grey{color:#333;}


.show{display:block;}
.hide{display:none;}


ul{margin:0px 0px 12px 0px;}
ul li{list-style:disc; padding:0px 0px 0px 6px; margin:0px 0px 0px 22px;}
ol {margin:0px 0px 12px 0px;}
ol li{list-style:decimal; padding:0px 0px 0px 0px; margin:0px 0px 0px 28px;}

#main{background:#fff;}

#contentShell {float: left; width: 100%;}

/*header elements*/
#header {font-size:9pt; font-weight:bold; background:#fff;}
#header input{font-size:9pt;}

#homeBanner{min-height:267px;}

/*Logo*/
.logo{float:left;display:block;padding:18px 0px 0px 18px; width:250px;clear:left;}

/*Micro Navigation - HSTX*/ 
#microNav{float:right; width:500px; padding:18px 20px 13px 0px; text-align:right;font-size:7.5pt;}
#microNav ul{margin:0px;}
#microNav li{display:inline;margin:0px 0px 0px 5px; text-transform:uppercase;}

		/* Common Nav */
	#mainNav {float:left;display:block;clear:left;padding:0px 0px 0px 0px; width: 100%; text-align:center;background:#fff; }
	#mainNav ul {margin:0px 0px 0px 214px ;}
	#mainNav ul ul {clear:left;width:200px;padding:0px;position:absolute;left:-999em;margin:-1px 0px 0px 0px;text-align:left;z-index:1000;}
	#mainNav ul li {float:left;padding:0px;cursor:pointer; display:inline;list-style:none; margin:0px 0px 0px 0px;font-size:9pt;text-transform:uppercase;}
	
	#mainNav ul li span {float:left;background:url(../images/nav_div.gif) no-repeat 0px 2px;padding:0px 0px 0px 1px; }
	#mainNav ul li span.first {background:url(../images/nav_shim.gif);}
	
	#mainNav ul ul li span {float:left;background:url(none);padding:0px 0px 0px 0px; }
	
	#mainNav ul a {text-decoration:none;display:block;}
	
	#mainNav ul ul li {width:200px;display:block;}
	
	#mainNav ul ul ul {width:200px;}
	#mainNav ul li:hover ul, #mainNav ul li:hover ul ul, #mainNav ul li:hover ul ul ul, #mainNav ul li.sfhover ul ul, #mainNav ul li.sfhover ul ul ul {left:-999em;}
	#mainNav ul li:hover ul, #mainNav ul li li:hover ul, #mainNav ul li li li:hover ul, #mainNav ul li.sfhover ul, #mainNav ul li li.sfhover ul, #mainNav ul li li li.sfhover ul, #mainNav ul li li li li.sfhover ul {left:auto;}
	
	/* Unique Nav */

	#mainNav ul a {min-height:21px;height:auto !important;height:21px;padding:5px 15px 0px 15px; color:#81b539; float:left;}

	#mainNav ul a:hover {color:#fff; background:#81b539;}
	#mainNav ul .first a:hover {color:#fff; background:#81b539;}
	#mainNav ul ul {background:#eee; font-weight:normal;border-bottom:1px solid #eee;}
	#mainNav ul ul li {border-right:0px solid #fff;border-top:1px solid #fff;border-bottom:none;}
	#mainNav ul ul li a {color:#666;background:none;padding:5px 10px 0px 10px; width:180px;}
	#mainNav ul ul ul {background:#eee;border:1px solid #fff;border-top:0px solid #eee;margin:-27px 0px 0px 200px;}
	#mainNav ul li:hover, #mainNav ul li.sfhover {background:#fff;}
	#mainNav ul li li:hover, #mainNav ul li li.sfhover {background:#eee;color:#666;border-bottom:none;}
    #mainNav .selected{color:#fff; background:#81b539;}
	
/*SearchForm*/
#searchForm{float:right; width:308px; padding:10px 0px 0px 0px;}
#searchForm label{float:left; width:95px; font-weight:normal;text-align:right; padding:0px 0px 0px 0px;}
#keyword{float:left; width:155px;padding:0px 5px 2px 5px;background:url(../images/bg_searchFormField.gif) no-repeat; border:none;}

*+html #keyword{padding:1px 5px;}

/*Content Area*/
#content{float:left;background:#fff;padding:10px 0px 10px 0px; margin:0;}
#homeBanner{float:left;padding:0px 0px 0px 0px;}
#homeBanner p{margin:0px; padding:0px;}
/*Info Bar*/
#infoBar{float:left;width:920px;margin:0px 0px 10px 0px;padding:0px 20px 0px 20px; color:#000;}
#tickerBar{float:left;height:22px; width:551px; background:url(../images/bg_tickerBar_1.gif) no-repeat;}
#tickerArea{width:463px; height:18px; overflow: hidden;cursor: default;margin:0px 0px 0px 88px; padding:4px 0px 0px 0px;}
.ticker	{white-space: nowrap;line-height: 16px;cursor: default;visibility: hidden;}
#tickerArea span{float:left; display:block;padding:0px 15px 0px 0px;}

#tickerLinks{float:left;background:#eee; width:136px; height:22px;}

#tickerNewsLink{float:left; display:block; background:url(../images/ico_arrow_right.gif) no-repeat right;  height:17px;padding:5px 10px 0px 6px; text-transform:uppercase; color:#81b539; font-weight:bold; }
#tickerRSSLink{float:right;background:url(../images/ico_RSS.gif) no-repeat 0px 4px; width:22px; height:22px;}
#findUs{float:right;height:22px; width:221px; background:url(../images/bg_findUs.gif) no-repeat;}


/*Home Stacks*/
#stacks{float:left;width:920px; margin:0px; padding:0px 20px 0px 20px;}
#stacks h2, .internal #contentShell .right #stack h2{float:left; clear:left; width:197px; padding:0px 0px 12px 0px;}

#stacks h2 a, .internal #contentShell .right #stack h2 a{float:left;background:url(../images/ico_arrow_right_btm.gif) no-repeat right bottom;padding-right:10px;color:#81b539;}

.more a{text-transform:uppercase;font-size:7.5pt;padding:0px 10px 0px 0px;background:url(../images/ico_arrow_right.gif) no-repeat right;}
.more a:hover{text-decoration:underline;}

.col3{background:url(../images/bg_3Col.gif) repeat-y 20px 20px;}
.col4{background:url(../images/bg_4Col.gif) repeat-y 20px 20px;}

	#stackA{float:left; background:#eee; width:197px;padding:12px 12px 0px 12px;}
	#stackA img{padding:0px 0px 12px 0px;}
	#stackA img{float:left;}
	#stackA form{float:left;margin:0px 0px 12px 0px;}
	#stackA label{float:left;width:60px; }
	#stackA input{float:left;width:106px;height:17px; background:url(../images/bg_formField.gif) no-repeat; border:none;}
	#stackA #go,#go{float:left;background:url(../images/btn_go.gif) no-repeat; width:23px;font-size:1px; color:#737375; cursor:pointer; border:none;}
	#stackA form div{clear:left;padding:2px 0px 2px 0px;}	
	
	#stackB{float:left; background:#eee;  margin:0px 0px 0px 12px; padding:12px;}
	#stackB img{float:left;padding:0px 0px 0px 0px;}
	#stackB h2{}
	
	.home #tabs {position:absolute; margin:142px 0px 0px 247px; width:185px}
	/* *+html .home #tabs {position:absolute; margin:142px 0px 0px px; width:185px}*/
	
	.home #tabs li{float:left;list-style:none;margin:0px;padding:0px 0px 0px 2px}
	.home #tabs.two a{float:left;height:19px;background:url(../images/bg_tab.gif) repeat-x bottom; padding:4px 4px 0px 4px; width:82px; text-align:center; color:#fff}
	.home #tabs.three a{float:left;height:19px;background:url(../images/bg_tab.gif) repeat-x bottom; padding:4px 4px 0px 4px; width:51px; text-align:center; color:#fff}
	.home #tabs a:hover, .home #tabs a.selected{background:url(../images/bg_tab.gif) repeat-x top;}
	
	.col3 #stackB{width:428px;}
	.col3 #stackB .right{float:right;width:180px;}
	.col3 #stackB .right img{margin:0px 0px 12px 0px;}
	.col3 #stackB img{float:left;}
	.col3 #stackB p{float:right;width:180px;}
	.col3 #stackB h2{float:right;width:180px;}

	.col4 #stackB{ width:197px;}
	.col4 #stackB img{margin:0px 0px 12px 0px;}
	.col4 #stackB img{}
	.col4 #stackB p{float:left;clear:left;width:197px;}
	
	.col4 #stackC h2{}

	#stackC{float:left;background:#eee; width:197px;  padding:12px; margin:0px 0px 0px 12px;}
	#stackC img{float:left;padding:0px 0px 12px 0px;}
	#stackC p{float:left;clear:left;width:197px;}
	
	#stackD{float:right;background:#eee; width:197px;  padding:12px;}
	#stackD img{float:left;padding:0px 0px 12px 0px;}
	#stackD p{float:left;clear:left;width:197px;}

/*Internal*/

.internal #contentShell {float:left; width: 100%; background:#fff url(../images/bg_mainSideNav.gif) repeat-y 20px 0px;}

.internal #contentShell .right {margin-left: 195px; }	
/*Internal Content*/
.internal #contentShell .right #content {padding:10px 10px 10px 13px; margin: 0;}

.internal #contentShell .left {float:left; width:175px; margin: 0 0 0 -100%; padding: 0;}

.internal #contentShell .right #content #breadcrumb li{display:inline;margin:0px; padding:0px; text-transform:uppercase;}
.internal #contentShell .right #content #breadcrumb a:hover{color:#86af3f;}

.internal #contentShell .right #content #pageTabs{float:left; background:#c7c8ca url(../images/bg_pageTabMain.gif) repeat-x bottom;margin:0px 0px 12px 0px; width:100%; line-height: normal;}
.internal #contentShell .right #content #pageTabs li{display:inline;padding:0px;margin:0px;}
.internal #contentShell .right #content #pageTabs li a{float:left;padding:3px 6px 3px 6px; text-transform:uppercase;color:#fff; font-weight: bold;}
.internal #contentShell .right #content #pageTabs li span{float:left;b_ackground:url(../images/bg_pageTabDiv.gif) no-repeat right;border:0px solid #c7c8ca; border-bottom:none;}
.internal #contentShell .right #content #pageTabs li .first{background:url(none);}

.internal #contentShell .right #content #pageTabs li.selected span{border:1px solid #b7b7b7;border-bottom:none;}
.internal #contentShell .right #content #pageTabs li.selected a{background:#fff; color:#81b539;}

.internal #contentShell .right #content #pageTabs li a:hover{color:#81b539; }

.internal #contentShell .right #content h2{color:#999; font-weight:bold; text-transform:none; margin:0px 0px 12px 0px;}
.internal #contentShell .right #content h3{color:#000; font-weight:bold; text-transform:none; margin:0px 0px 12px 0px;}






.internal #tabs2,.internal #tabs3{width:197px; height:17px;}
.internal #tabs2 ul,.internal #tabs3 ul{float:left;}
.internal #tabs2 li,.internal #tabs3 li{float:left;list-style:none;padding:0px 1px 0px 0px;margin:0px;}
.internal #tabs2 li a, .internal #tabs3 li a{float:left; padding:3px 6px 2px 6px;background:url(../images/bg_tab.gif) repeat-x bottom; color:#fff; border:1px solid #fff; border-top:none; font-size:7pt;}
.internal #tabs2 li a:hover, .internal #tabs2 li a.selected,.internal #tabs3 li a:hover, .internal #tabs3 li a.selected{background:url(../images/bg_tab.gif) repeat-x top;}
.internal #tabs2 .more,.internal #tabs3 .more{float:right;}






/*Secondary Nav*/
		#secNav{text-transform:uppercase;font-size:9pt; float: left;}
		#secNav div{ padding:30px 10px 5px 10px; width:170px; color:#fff; background:#c7c8ca;}

		#secNav ul{float:left;margin:0px;border-bottom:1px solid #fff; width:190px;}
		#secNav ul ul{border:none;padding:0px 0px 0px 0px;}
		#secNav ul ul ul{border:none;}

		#secNav li{float:left;clear:left;list-style:none;width:190px;padding:0px;margin:0px;}
		#secNav li li{border:none;}

		#secNav li a{float:left;padding:5px 10px 3px 10px; width:170px;border-top:1px solid #fff;}
		#secNav li li a{float:left;padding:6px 10px 4px 20px; width:160px;}
		#secNav li li li a{float:left;padding:6px 10px 4px 30px; width:150px; background:url(../images/bullet_sn3.gif) no-repeat 20px 9px;}
		#secNav li a:hover{background:#81b539; color:#fff;}
		#secNav li li li a:hover{background:#81b539 url(../images/bullet_sn3_over.gif) no-repeat 20px 9px; color:#fff;}
		#secNav li a.selected{background:#81b539;color:#fff;}

		
		
/*Footer Area*/
#footer{ height:42px; width: auto; margin: 0; padding:10px 10px 0px 10px; border-top: 1px solid #eee; background:url(../images/bg_footer.gif) repeat-x; color:#666; clear: left;}

#footer .social{float:left;  margin:5px 0px 0px 10px;padding:13px 0px 0px 0px; width:93px; background: url(../images/bg_aviat_networks.gif) no-repeat;}
#footer .social li{display:inline; margin:0px;padding:0px 0px 0px 0px;}

#footer .links{float:left;margin:10px 0px 0px 10px; text-transform:uppercase; width:546px; text-align:left;}
#footer ul{margin:0px;}
#footer li{display:inline; margin:0px;padding:0px 20px 0px 0px;}
#footer .links a:hover{text-decoration:underline;}
#footer .copy{float:right;margin:10px 10px 0px 0px; font-size:7pt;}

.gap{float:left; width:100%; height:12px;}