/* CSS Document - ACI Website - Screen Styles */

/* -- Begin Document Styles -- */
html, body {
	scrollbar-3dlight-color: #9bb7d0;
	scrollbar-arrow-color: #9bb7d0;
	scrollbar-base-color: #e2eaf0;
	scrollbar-darkshadow-color: #9bb7d0;
	scrollbar-face-color: color;
	scrollbar-highlight-color: color;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: color;

	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px }
.contentPage {
	width: 94% }

/* -- Begin Site Container Styles -- */
#container {
	width: 760px;
	height: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #CCCCCC }

/* -- Begin Index Specific Styles -- */
#indexLogo {
	float: left;
	position: relative;
	left: 565px;
	width: 155px;
	padding-bottom: 50px;
	top: 24px }
#indexBanner {
	height: 182px;
	background-image: url(../assets/image/index_color_bars.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #E32336 }
.indexBannerFF {
	float: left;
	border-top: 7px solid #505254;
	border-bottom: 7px solid #505254;
	padding-left: 10px }
.indexBannerIE {
	float: left;
	border-top: 7px solid #505254;
	border-bottom: 7px solid #505254;
	margin-left: 10px }
#indexContent {
	float: left;
	width: 400px;
	margin: 6px 0px 0px 25px }
#indexContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0 }
#indexContent img {
	margin-bottom: 4px }
.indexCallout {
	color: #B3C5E2;
	font-weight: bold;
	text-transform: uppercase }
#indexFooter {
	clear: both;
	border-left: 1px solid #9BB5CB;
	margin: 81px 0px 0px 334px }
#indexFooter img {
	margin: 0px 0px 5px 5px }

/* -- Begin Logo Styles -- */
#logo {
	width: 160px;
	position: absolute;
	top: 41px;
	margin: 0px auto }
	
/* -- Begin MainNav Styles -- */
#navContainer {
	width: 319px;
	height: 138px;
	/*float: right;*/
	position: relative;
	left: 441px;
	z-index: 10;
	background-color: #E32336;
	border-bottom: 7px solid #505254 }
#mainNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	width: 309px;
	/*position: relative*/ }
#mainNav h1 {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px }
.firstLevelUOL {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px }
.firstLevel {
	color: #2E2C2C;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	margin-left: 14px;
	padding-left: 0 }
.firstLevelLink a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	margin-left: 0;
	padding-left: 15px }
.firstLevel a {
	color: #FFFFFF;
	text-decoration: none;
	/* display: block; <-- Disabled to allow collapsing of Nav in IE */
	margin-left: 0;
	padding-left: 15px }
.firstLevel a:hover {
	color: #FFFFFF;
	text-decoration: underline }
.firstLevelOpen {
	color: #2E2C2C;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 15px }
.firstLevelOpen a {
	color: #2E2C2C;
	text-decoration: none;
	display: block;
	margin-left: 0;
	padding-left: 15px }
.firstLevelOpen a:hover {
	color: #FFFFFF;
	text-decoration: none }
.secondLevel {
	color: #2E2C2C;
	list-style-type: none !important;
	list-style-image: none !important;
	margin-left: 15px;
	padding-left: 0px }
.secondLevel a {
	color: #2E2C2C;
	list-style-type: none !important;
	list-style-image: none !important;
	padding-left: 0px;
	display: inline }
.secondLevel a:hover {
	color: #FFFFFF;
	text-decoration: none }
.secondLevelUOL {
	color: #2E2C2C;
	list-style-image: none;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 0px }
.firstLevelActive {
	text-decoration: underline }
.secondLevelActive {
	color: #FFFFFF }

/* -- Begin Title Styles -- */
#titleGroup {
	position: absolute;
	margin: 0px auto;
	top: 140px;
	width: 760px }
#title {
	width: 435px }
#title h1 {
	margin: 0px }
#subtitle {
	padding-top: 0px;
	margin-top: 0px }
#subtitle h2 {
	color: #E32336;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	margin: 0px }
.subtitleHighlight {
	color: #505254 }

/* -- Begin Content Styles -- */
#contentContainer {
	/* clear: both; <--- Causing Titles in IE to disappear, but Firefox to show and format properly (moving to div style corrected issues) */
	/* background-color: #CCFFFF; <--- Used for testing content boundary */
	height: 342px;
	margin: 0px }
#rightImage {
	float: right }
#outerIndent {
	width: 375px;
	height: 265px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	color: #505254;
	font-size: 12px;
	margin-left: 50px;
	padding-top: 12px }
#innerIndent {
	width: 325px;
	height: 265px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	color: #505254;
	font-size: 12px;
	margin-left: 100px;
	padding-top: 12px }
#scrollContent {
	height: 254px;
	overflow: hidden;
	padding-bottom: 15px }
#outerScrollControls {
	position: absolute;
	padding-left: 320px }
#outerVideoBack {
	position: absolute;
	padding-left: 204px }
#innerScrollControls {
	position: absolute;
	padding-left: 270px }
#content {
	font-family: Arial, Helvetica, sans-serif;
	color: #505254;
	font-size: 12px }
#content ul {
	padding-top: 0px;
	margin-top: 0px}
#peopleCaption {
	height: 290px;
	float: right;
	background-image: url(../assets/image/ourPeople_quoteBkg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-top: 52px }
#captionText {
	position: relative;
	left: 50px;
	margin-top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px }
#contentTable {
	font-family: Arial, Helvetica, sans-serif;
	width: 370px;
	border: 1px solid #949DBC;
	background-color: #FFFFFF;
	margin: 0px 0px 20px 0px;
	padding: 0px }
#contentTable th {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #ED0712;
	padding: 5px 5px 5px 0px }
#contentTable th.subhead {
	font-size: 12px;
	color: #ED0712;
	font-weight: bold;
	background-image: url(../assets/image/table_bkg01.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 0px }
#contentTable th.subheadLine {
	font-size: 12px;
	color: #ED0712;
	font-weight: bold;
	background-image: url(../assets/image/table_bkg03.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 0px }
#contentTable th.subheadTwo {
	font-size: 12px;
	color: #ED0712;
	font-weight: bold;
	text-transform: none;
	font-style: italic;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 0px }
#contentTable th.subheadTwoAltLine {
	font-size: 12px;
	color: #ED0712;
	font-weight: bold;
	text-transform: none;
	background-image: url(../assets/image/table_bkg02.gif);
	background-repeat: repeat-y;
	background-position: left;
	font-style: italic;
	background-color: #E8E8E8;
	padding: 5px 5px 5px 0px }
#contentTable th.subheadTwoAlt {
	font-size: 12px;
	color: #ED0712;
	font-weight: bold;
	text-transform: none;
	font-style: italic;
	background-color: #E8E8E8;
	padding: 5px 5px 5px 0px }
#contentTable tbody {
	font-size: 12px;
	color: #000000 }
#contentTable tr.altRow {
	background-color: #E8E8E8 }
.normCol {
	background-color: #FFFFFF }
.altColLine {
	background-image: url(../assets/image/table_bkg02.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #E8E8E8 }
.altCol {
	background-color: #E8E8E8 }
#contentTable td {
	padding: 5px }
.requiredTxt {
	color: #E32336 }
sup {
	text-decoration: none }
h4 {
	font-size: 12px;
	color: #505254 }
.intouchTitle {
	font-size: 16px;
	color: #e32336;
	font-weight: bold }
h4 a:link, h4 a:visited, h4 a:active {
	font-size: 12px;
	color: #778db2;
	text-decoration: none }
h4 a:hover {
	text-decoration: underline }

/* -- Begin SubNav Styles -- */
#horzSubNav {
	float: left;
	color: #505254;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 42px }
#horzSubNav ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px }
#horzSubNav li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	padding-right: 12px }
.horzSubNavLink a {
	color: #E32336;
	text-decoration: underline }
.horzSubNavLink a:hover {
	color: #505254;
	text-decoration: underline }
.horzSubNavLinkInActive {
	color: #505254;
	text-decoration: underline }

#vertSubNav {
	width: 126px;
	float: left;
	color: #505254;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px }
#vertSubNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px }
#vertSubNav li {
	list-style-type: none;
	overflow: hidden;
	padding: 3px 0px;
	margin-top: 5px;
	margin-bottom: 5px }
.vertSubNavLink a {
	color: #8CA5BA;
	padding: 3px 5px;
	text-decoration: none }
.vertSubNavLink a:hover {
	color: #505254;
	background-color: #E3DC23;
	text-decoration: none }
.vertSubNavLinkInActive {
	color: #505254;
	background-color: #E3DC23;
	padding: 3px 5px;
	text-decoration: none }

/* -- Begin FooterNav Styles -- */
#footer {
	clear: both;
	width: 100%;
	height: 33px;
	background-color: #E2E2E2 }
#footerNav {
	width: 198px;
	background-image: url(../assets/image/site_color_bars.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-left: 441px }
#footerNav ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px }
#footerNav li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	padding-left: 5px }
#globalfooterNav {
	font-family: arial;
	font-size: 11px;
	color: #92ADD1;
	width: 500px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px }
#globalfooterNav ul {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px }
#globalfooterNav li {
	list-style-type: none;
	display: inline;
	overflow: hidden;
	padding-left: 5px }
#globalfooterNav a {
	font-family: arial;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#globalfooterNav a:hover {
	font-family: arial;
	font-size: 11px;
	color: #92ADD1;
	text-decoration: none;
}

/* -- Begin Copyright Styles -- */
#copyright {
	width: 560px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px }