/* ---------- HTML Element Selectors ---------- */

body{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575757;
	line-height: 18px;
	margin: 0;
	background: white url(images/bg.gif) repeat-y;
}

html{ height: 100%; }

* html #container{ height: 97%; } /* container min-height hack for IE */
* html #contentColumn{ margin-right: 6px; } /* right margin of content column for IE */

img{ border: none; }

input.text { border: 1px solid #a4a4a4; }
select { border: 1px solid #a4a4a4; }
textarea { border: 1px solid #a4a4a4; }

tr{ vertical-align: top; }

ul{ list-style-image: url(images/liArrow.gif); }

hr{
	height: 1px;
	border: none;
	background: #efefef;
	color: #efefef;
}

a{
	color: #639ab3;
	text-decoration: none;
}

a:hover{
	color: #ff7200;
	text-decoration: none;
}

a.footerLink{
	color: #333333;
	text-decoration: none;
	font-size: 10px;
}

a.footerLink:hover{
	color: #0076a3;
	text-decoration: none;
	font-size: 10px;
}

/* ---------- ID Selectors ---------- */

#container{
	min-height: 97%;
	width: 758px;
	position: relative;
	background: url(images/containerBGMenu.gif) repeat-y top left;
	padding-bottom: 20px;
	margin-left: 14px;
	margin-bottom: 5px;
}

	#header{
		width: 758px;
		height: 60px;
		position: relative;
	}
	
		#headerLogo{
			width: 160px;
			height: 59px;
			position: absolute;
			background: white url(images/aisLogo.gif) no-repeat;
		}
		
		#headerLoginContact{
			top: 0px;
			left: 160px;
			width: 598px;		
			height: 60px;
			text-align: right;
			padding-top: 1px;
			position: absolute;
			background: white url(images/subNavBG.gif) no-repeat top right;
		}
		
			#headerLoginContact a{
				margin:0 30px 0 0;
				text-decoration: none;
				color: #575757;
			}
			
			#headerLoginContact a:hover{
				text-decoration: none;
				color: #cdcdcd;
			}
		
	#headerMenu{
		width: 758px;
		height: 22px;
		position: relative;
		font-weight: bold;
		vertical-align: middle;
		text-align: right;
		padding-top: 3px;
		border-bottom: 1px solid white;
		background: #3a3a3a;
		color: #808080;
	}
	
		#headerMenu a{
			margin:0 20px 0 0;
			text-decoration: none;
			color: #cdcdcd;
		}
		
		#headerMenu a:hover{
			text-decoration: none;
			color: white;
		}
	
	#headerBanner{
		width:758px;
		position: relative;
	}
	
	#pageContentContainer{
		width: 738px;
		margin: 10px 10px 75px 10px;
		position: relative;
	}
		
		#leftMiddleColumnContainer{ /* For home pages with three column layouts, contains left and middle columns */
			float: left;
			width: 502px;
			position: relative;
		}
		
			#leftColumn{
				float: left;
				padding: 8px;
				width: 234px;
			}
			
			#middleColumn{
				float: right;
				padding: 8px;
				width: 234px;
			}
		
		#rightColumn{ /* For home pages with three column layouts, contains right column */
			float: right;
			padding: 8px;
			width: 234px;
		}
		
		#interiorLeftNavColumn{ /* Left side navigation column for interior pages */
			float: left;
			width: 159px;
		}
		
		#interiorContentColumn{ /* Contents of interior pages */
			float: right;
			width: 570px;
			margin: 10px;
			position: relative;
		}
	
#footer{
	margin: -3.5em 0 0 14px;
	width: 738px;
	padding: 12px 0 15px 20px;
	position: relative;
	border-top: 5px solid #e0e0e0;
	background: #f8f6f2 url(images/footerPhoneNumbers.gif) no-repeat top right;
}
	
	#footerCopy{
		color: #575757;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
	}
	
		#footerCopy a{
			color: #575757;
		}
		
		#footerCopy a:hover{
			color: #639ab3;
		}

/* ---------- Class Selectors ---------- */

.sectionDivider{
	height: 19px;
	color: white;
	font-weight: bold;
	padding-left: 10px;
	background: url(images/sectionDivider.gif) no-repeat;
}

.sectionText{
	padding: 0 10px 0 10px;
}

.sectionReadMore{
	text-align: right;
	font-size: 11px;
}

.navNewsletter{
	display: block;
	width: 144px;
	height: 140px;
	padding-left: 15px;
	color: #333333;
	background: #f7f7f7;
	border-bottom: 1px solid white;
	text-decoration: none;
}

.navItem{
	display: block;
	width: 144px;
	height: 20px;
	padding-left: 15px;
	color: #333333;
	background: #efefef;
	border-bottom: 1px solid white;
	text-decoration: none;
}

.navItem:hover{
	display: block;
	width: 144px;
	height: 20px;
	color: #0076a3;
	background: #dadada;
	border-bottom: 1px solid white;
	text-decoration: none;
}

.navItemSelected{
	display: block;
	width: 144px;
	height: 20px;
	padding-left: 15px;
	color: #333333;
	background: #efefef url(images/chickletStorefront.gif) no-repeat 1px 1px;
	border-bottom: 1px solid white;
	text-decoration: none;
}

.tabbuttoncontainer{
	width: 570px;
	height: 23px;	
	margin: 0px;
	background: url(images/tabBarHorizontalLine.gif) repeat-x;
}

.tabpanecontainer{
	width: 548px;
	padding: 10px;	
	border: 1px solid #a3a3a3;
	border-top: none;
}

.formSectionHeader{ /* header for tableless forms */
	width: 561px;
	height: 14px;
	line-height: 14px;
	margin: 10px 0 0 0;
	padding: 3px 5px 2px 5px;
	font-weight: bold;
	font-size: 11px;
	color: white;
	background: url(images/tabTop-Left.gif) no-repeat;
}

.formRow{ /* row for tableless forms */
	padding: 5px;
	width: 550px;
	font-size: 11px;
	clear: both;
}

	.formRow label{ /* row label for tableless forms */
		display: block;
		float: left;
		width: 180px;
		text-align: right;
		padding-right: 10px;
	}

.leftImage{
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
	border: none;
	clear: both;
}

.centerImage{
	display: block;
	margin: 10px auto;
	border: none;
	clear: both;
}

.rightImage{
	display: block;
	float: right;
	margin: 10px 0 10px 10px;
	border: none;
	clear: both;
}

.smallText{
	font-size: 11px;
	line-height: 14px;
}

.formTableRowLeft{ /* used for tables with forms */
	border:1px solid #dadbdc;
	border-right:none;
	border-top:none;
	text-align:right;
	vertical-align: middle;
}

.formTableRowRight{ /* used for tables with forms */
	border:1px solid #dadbdc;
	border-left:none;
	border-top:none;
	vertical-align: middle;
}

.tableRowTopBorder{ /* table border for comparison chart and data tables */
	border-top: 1px solid #dadbdc;	
	padding-top:3px;
	padding-left:10px;
	padding-bottom:3px;
}

.tableRowBottomBorder{ /* table border for comparison chart and data tables */
	border-bottom: 1px solid #dadbdc;	
	padding-top:3px;
	padding-left:10px;
	padding-bottom:3px;
}

.highlightable{ /* make highlightable table rows change cursor to hyperlink */
	cursor: pointer;
}

.clear{
	clear: both;
}

.hide{
	display: none;
}