/* 
	Harris
	Master Screen CSS
	beth Dewey	
	06*15*09
	
	COLORS
		
 */

/* ------------------------ 
		reset
------------------------ */
 
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, font, img, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}
		
	body {
		
		background: #193F6B url(/content/v1/us/img/bg.gif) repeat-x top;
		font-family:tahoma;
		font-size:12px;
		line-height:1.55em;
		color:#4b4b4b;
	}
	
	
		a,
		a:link
		a:visited
		a:hover
		a:active {
			color:#193f6b;
		}
	
		 #accessibility {
			position: absolute;
			left: -9999px;
		 }
		 
		 #skiplink {
		 	text-indent:-9999px;
			display:none;
		 }
		 
	#container {
		width:980px;
		margin:0 auto;
		position:relative;
	}
	
 h1 {

	}
	 	h1 a{
			display:block;	
			width:350px;
			height:60px;
			text-indent:-9999px;
			position:absolute;
			margin-top:75px;
		}
		
  h2 {
	text-transform:uppercase;
	color:#333;
	font-size:16px;
	font-weight:bold;
	}
	
	h3 {
		font-size:24px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		line-height:1em;
		color:#4b4b4b;
		font-weight:normal;
		margin-bottom:10px;
	}
 
 img.image-right {
 	float:right;
 	_display: inline;
	display:block;
 }
 
 img.image-left{
 	float:left;
 	_display: inline;
	display:block;
 }
 
 #LeafContainer li {
 		padding-left: 8px;
 		margin-left: 10px;
 		background: url(/content/v1/us/img/bullet.gif) no-repeat left;
}
	
/* ------------------------ 
		head
------------------------ */

 
 #top-heads {
 	background:url(/content/v1/us/img/HeadTops.png) no-repeat;
 	_background:url(/content/v1/us/img/HeadTops.gif) no-repeat;
	display:block;
	width:233px; height:22px;
	margin-left:720px;
	position:absolute;
	margin-top:34px;
 }
 
 	#head {
		width:980px; 
		height:172px;
		margin:0 auto;
		background:url(/content/v1/us/img/header-sub.jpg) no-repeat 0 50px;
		display:block;
	 }
	 	
	 #head.home {
		width:980px; 
		height:289px;
		margin:0 auto;
		display:block;
		background:url(/content/v1/us/img/header-home.jpg) no-repeat 0 50px;
	 }	
/* ------------------------ 
		nav
------------------------ */ 
 
 ul#navigation {
	 width: 980px;
	 height: 55px;
	 }
	 
	 ul#navigation li {
	 	height: 55px;
		float: left;
		_display: inline;
	 }
	 
	 	 ul#navigation li a {
		 	text-indent: -9999px;
			overflow: hidden;
		 	height: 49px;
	 		display: block;
			background:url(/content/v1/us/img/NAV.gif) no-repeat;
		 }
	 
					
					
			ul#navigation li a#Nav-about {
				width: 171px;
			}
				ul#navigation li a#Nav-about:hover {
					background-position: 0 -55px;
				}
			
			ul#navigation li a#Nav-products {
				width: 148px;
				background-position: -171px 0;
			}
				ul#navigation li a#Nav-products:hover {
					background-position: -171px -55px;
					}
			
			ul#navigation li a#Nav-support {
				width: 141px;
				background-position: -319px 0;
			}
				ul#navigation li a#Nav-support:hover {
					background-position: -319px -55px;
					}
					
			ul#navigation li a#Nav-services {
				width: 138px;
				background-position: -460px 0;
			}
				ul#navigation li a#Nav-services:hover {
					background-position: -460px -55px;
				}
			
			ul#navigation li a#Nav-news {
				width: 185px;
				background-position: -598px 0;
			}
				ul#navigation li a#Nav-news:hover {
					background-position: -598px -55px;
					}
			
			ul#navigation li a#Nav-contact {
				width: 197px;
				background-position: -783px 0;
			}
				ul#navigation li a#Nav-contact:hover {
					background-position: -783px -55px;
					}
					
	/* drop down menu */
	/* single drop down styles */		
				#navigation ul { /* all lists */
					list-style: none;
					z-index: 90;
					z-index: 101;
					margin-top: -20px;
					background: url(/content/v1/us/img/dropdown.png);
					_background: #fff;
					border: 3px solid #ccc;
					font-size: 1.1em;
					text-transform: uppercase;
				}

					#navigation ul li {
						float: none;
						display: block;
						text-indent: 0;
						_display: inline;
						height: auto;
						padding: 0;
						line-height: 1.1;
						background: transparent !important;
					}
						ul#navigation ul li a {
							font-size: 85%;
							display: block;
							text-indent: 0;
							padding: 10px 15px 10px 25px ;
							height: auto;
							width: auto !important;
							text-decoration: none;
							_margin-top: -1px;
							border: 0;
							background: transparent url(/content/v1/us/img/arrow.gif) no-repeat scroll 4px 13px !important;
							border-top: 1px solid #ccc;
							min-width: 150px;
							color: #4B4B4B;
					}
						
							ul#navigation ul li a:hover {
								background: #fff  url(/content/v1/us/img/arrow.gif) no-repeat scroll 4px 13px !important;
								color: #193F6B;
							}
								
						#navigation li ul { /* second-level lists */
							position: absolute;
							left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
						}
						
						#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
							left: auto;
						}			
						
						/* IE 7 drop down fix, nav will stick when you change focus on the page otherwise */
							#navigation li.hover,
							#navigation li:hover,
							#navigation a:hover {
								*position: static;		
						}
						
					
					
/* page category headers */

	#head h3 {
		display:block;
		height:55px;
		left:672px;
		overflow:hidden;
		position:relative;
		text-indent:-9999px;
		top:58px;
		width:275px;
		position: absolute;
		left: 0;
		display: none;
	}

	
					
/* ------------------------ 
		side-nav
------------------------ */ 
 #side-nav {
	float:left;
	_display: inline;
	width: 192px;
	margin-right: 20px;
	min-height: 1px;
 }
 	#side-nav li {
		display: block;
		padding:.8em 0;
		border-bottom: 2px solid #fff;
	}
	
 		#side-nav li a{
			color:#4B4B4B;
			display:block;
			text-decoration:none;
			margin-left: 20px;
			padding-left: 15px;
			background: url(/content/v1/us/img/arrow.gif) no-repeat 0 6px;
		}
		
			#side-nav li a:hover {
				color: #193F6B;
			}
 			
/* ------------------------ 
		content 
------------------------ */

 #content {
	background:url(/content/v1/us/img/contentBG-sub.gif) no-repeat bottom;
	padding:8px 10px 40px 10px;
	width:960px;
	min-height: 300px;
	_height: 300px;
 }
 
 	.contact #content {
		background:url(/content/v1/us/img/contentBG-contact.gif) no-repeat bottom;
	 }
	 
	 	#LeafContainer {
			float:left;
			_display: inline;
			width:735px;
		}
		
		#content-sub p{
			margin-bottom:10px;
		}
		
		#content-sub li{	
			list-style:disc;
			margin-left:30px;
		}
		
 ul#press-top-nav {
 	color:#a5a5a5;
	margin-bottom:12px;
 }
		
	 ul#press-top-nav li {
 		display:inline;
		margin-left:0;
	 }
	 
		 ul#press-top-nav li a, h4 {
 			color:#A5A5A5;
			display:inline;
			float:none;
			font-size:11px;
			text-decoration:none;
		 }
 			ul#press-top-nav li a:hover {
				text-decoration:underline;
			 }

 

/* ------------------------ 
		contact
------------------------ */
 
 #contact-info {
 	float: right;
	_display: inline;
 	width: 255px;
 }
 	#contact-info p{
		margin-bottom:10px;
	 }
 
 
 #contactForm {
	float:left;
	_display: inline;
	clear: both;
	/*height:460px;*/
	padding:15px 15px 23px;
	width:450px;
 }	
 
 fieldset legend {
 	display: none;
 }
 
	fieldset dt {
		width: 100px;
		float: left;
		padding-top: .4em;
	}
	
	fieldset dd {
		float: left;
		width: 345px;
		padding: .2em 0;
	}
	
		fieldset dd input{
			width: 222px;
			border: 1px solid #ccc;
		}
		
		fieldset dd textarea{
			width:345px;
			border: 1px solid #ccc;
		}
		
			fieldset dd input:focus,
			fieldset dd textarea:focus {
				border-color: #999;	
			}
	 
	 	#State {
			width: 32px;
		}
		
		#Zip,
		#Phone, #Fax {
			width: 130px;
		}
		
		
		
		#submit {
			background:#ccc;
			border:1px solid #999;
			color:white;
			cursor:pointer;
			font-family:Tahoma;
			font-size:1.25em;
			font-weight:bold;
			margin-left:100px;
			padding:3px 9px;
			text-transform:uppercase;
			*margin-left:0px;
			margin-top:3px;
		}
		
		input.validation-failed {
			background-color: #ffe5e5;
			border-color: #f00 !important;
		}
		
		
		.validation-advice {
			color: #f00;
			font-size: .9em;
		}
		
		#lbl_signup {
			padding: .5em 0 1em 0;
			display: block;
			margin-left: 100px;
		}
		
			#lbl_signup input {
				position: relative;
				top: 2px;
			}


/* ------------------------ 
		footer
------------------------ */
 #footer {
 	width:980px; height:30px;
	background:url(/content/v1/us/img/footer.png) no-repeat top;
	_background:url(/content/v1/us/img/footer.gif) no-repeat top;
	margin: 0 auto; 
	padding-top:12px
	}
		
	#footer ul{
		display:block;
		color:#d1d9e2;
		font-size:11px;
	}
	
		#footer li{
			display: inline;
			background: url(/content/v1/us/img/footerBullet.gif) no-repeat left;
		}
			#footer li.noBullet{
				background-image:none;
				margin-left:-6px;
		}
		#footer li a{
			list-style:none;
			margin: 0px 3px 0px 9px;
			font-family:Arial, Helvetica, sans-serif;
			color:#d1d9e2;
			text-transform:uppercase;
			text-decoration:none;
			font-size:1em;
		}
		
		#footer li a:hover{
			list-style:none;
			margin: 0px 3px 0px 9px;
			color:white
		}
	
	#footer p{
		font-size:11px;
		color:#d1d9e2;
		float:right;
		text-align:right;
		margin-top:-20px;
	}
	
		#footer p span {
			color:#8c9fb5;
		}
		
		#footer p a {
			color: #d1d9e2;
			text-decoration: none;
		}
		
			#footer p a:hover {
				text-decoration: underline;
				}
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */