/*** GENERAL STYLES ***/

body {background: #bbb; text-align: center; margin: 0; padding: 0 0 20px 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #414140;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}


img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #821e00;}

.hide {display: none;}
.light {color: #767676;}
.small {font-size: 11px;}
.large {font-size: 13px;}
.dotline {background: url(/images/dotline.gif) left center repeat-x;}
.spacer {float: none; clear: both; height: 35px; overflow: hidden;}
	body.home .spacer {height: 1px;}
.imgreplace {position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; cursor: hand; background: no-repeat;}
.imgright {float: right; margin: 0 0 20px 30px;}


/*** TOP STYLES ***/

#outer {position: relative; width: 968px; padding: 0 5px; margin: 0 auto; text-align: left; background: #fff url(/images/outer.gif);}
#inner {padding: 0 1px 1px 1px; border-bottom: 2px solid #afafaf;}

#top {position: relative; height: 102px; background: #e4decf url(/images/top.gif) left top repeat-x;}
#top h1 a {position: absolute; left: 10px; top: 21px; width: 211px; height: 34px; padding-top:20px;  font-size: 24px; line-height: 28px; font-family: arial, tahoma, sans-serif; text-decoration: none; color: #525251; font-weight: normal; overflow: hidden;}
#top h1 a strong {font-weight: bold; color: #6b1a02;}
#top sup {vertical-align: text-top; font-size: 30%; font-weight: bold;}
#top h1 a .imgreplace {background: url(/images/AITlogo.gif ) left center no-repeat;}
#top p {position: absolute; left: 25px; top: 65px; font-size: 11px;}
#top h2 a {position: absolute; right: 0; bottom: 0; width: 209px; height: 55px; padding-top: 10px; text-align: center; line-height: 14px;}
#top h2 a .imgreplace {background: url(/images/top-h2.gif);}
#top ul {position: absolute; right: 20px; top: 18px; font-size: 11px;}
#top ul li {display: inline;}
#top ul a {color: #525251; text-decoration: none;}
#top ul a:hover {color: #821e00; text-decoration: underline;}


/*** NAV STYLES ***/
#nav {height: 18px; line-height: 18px; padding: 6px 0 35px 2px; background: url(/images/nav.gif) left top repeat-x;}
#nav li {float: left; margin-right: 3px;}
#nav a {display: block; color: #767676; text-decoration: none;}
#nav span {display: block; padding: 0 23px 0 15px; background: url(/images/nav-span.gif) right center no-repeat;}
#nav a:hover {color: #a71d13;}
#nav a:hover span {background: url(/images/nav-hover-span.gif) right center no-repeat;}
#nav li.on a {color: #000; background: #fff url(/images/nav-on-a.gif) left top no-repeat;}
#nav li.on a span {background: url(/images/nav-on-span.gif) right center no-repeat;}


/*** COLUMN STRUCTURE STYLES ***/

#main {min-height: 20px;}
#nonav {float: left; width: 5px; padding: 5px 5px 0 20px;}
#subnav {float: left; width: 167px; padding: 130px 20px 0 20px;}
	body.home #subnav, body.change #subnav, body.recommendation #subnav {display: none;}
	body.home #subnav, body.adv #subnav, body.recommendation #subnav {display: none;}
	body.tool #subnav {padding-top: 0;}
#content {float: left; width: 490px; padding-top: 130px;}
	body.home #content {width: 966px; padding: 0;}
	body.change #content, body.recommendation #content {width: 672px; padding-left: 25px;}
	body.adv #content, body.recommendation #content {width: 672px; padding-left: 25px;}
	body.tool #content {width: 705px; padding-top: 0; line-height: 18px;  margin : 0px 0px 0px 10px}
#navright {float: right; width: 206px; min-height: 276px; padding: 20px 15px 0 15px; background: url(/images/sidebar.gif) left top no-repeat;}
	body.home #navright{display: none;}
	body.adv #navright { width: 206px; min-height: 276px; background: url(/images/sidebar.gif) left top no-repeat;}
body.tool #navright {float : right; position : _absolute; _left:740px;  _top : 180px;  width:185px; min-height: 276px; background: url(/images/sidebar.gif) left top no-repeat; margin : 0px 10px 0px 5px}



/*** MASTHEAD IMAGE STYLES ***/

#masthead {position: absolute; left: 15px; top: 161px; width: 697px; height: 105px;}
body.home #masthead, body.tool #masthead {display: none;}
body.change #masthead {background: url(/images/masthead-change.jpg);}
body.options #masthead {background: url(/images/masthead-options.jpg);}
body.recommendation #masthead {background: url(/images/masthead-recommendation.jpg);}
body.ask #masthead {background: url(/images/masthead-ask.jpg);}
body.about #masthead {background: url(/images/masthead-about.jpg);}
body.about #subnav {float: left; width: 190px; padding: 130px 20px 0 20px;}
body.adv #masthead {background: url(/images/masthead-about.jpg);}
body.adv #navright #image{width: 220px; height: 165px; padding-right :0px;}


/*** SUBNAV STYLES ***/

#subnav h3 {font-size: 14px; margin-bottom: 15px;}
#subnav ul, #navright ul {margin-bottom: 20px;}
#subnav ul li, #navright ul li {padding-left: 15px; background: url(/images/bullet.gif) 0 4px no-repeat; margin-bottom: 6px;}
#subnav ul a {color: #414140; text-decoration: none;}
#subnav ul a:hover, #navright ul a:hover {color: #821e00; text-decoration: underline;}
body.tool #subnav ul li {color: #a8a8a8;}


#faq ul {margin-bottom: 20px;}
#faq ul li {padding-left: 15px; background: url(/images/bullet.gif) 0 4px no-repeat; margin-bottom: 6px;}

body.tool .faqquestion {position: top; padding: 0px 0px 0px 0px;}
#navlist li { list-style-type: square; }
#faqquestion ul {margin-bottom: 20px;}
#faqquestion  ul li {padding-left: 15px; background: url(/images/bullet.gif) 0 5px no-repeat; margin-bottom: 6px;}

#subnav li.on a {color: #821e00;}
#subnav li.on, body.personal #subnavpersonal, body.clients #subnavclients, body.operations #subnavoperations, body.practice #subnavpractice, body.results #subnavresults {color: #821e00 !important;}


/*** CONTENT STYLES ***/

#content h1 {font-size: 18px; color: #545231; font-weight: normal; margin: -2px 0 20px 0; line-height: 22px;}
#content h1 strong {font-weight: normal; color: #6b1a02;}
#content h2 {font-size: 14px; margin-bottom: 5px;}
	body.tool #content h2 {margin-bottom: 15px;}
#content h3 {margin-bottom: 3px;}

.askdiv {border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px;}
.askform label {display: block; font-weight: bold;}
.asktext, .askselect, .asktextarea {width: 300px; margin-bottom: 10px;}

#optionscolumns {background: url(/images/options-columns.gif) 163px 0 repeat-y; height: 10px;}
	html>body #optionscolumns {height: auto; min-height: 10px;}
#optionsa, #optionsb, #optionsc {float: left; width: 143px; padding: 10px;}
#optionsc {margin: 0;}
#optionscolumns p {margin: 0;}
#optionscolumns .dotline {height: 2em;}
#optionscolumns .spacer {height: 4em; background-color: #fff;}

#optionsa  a {color: #414140; text-decoration: none;}
#optionsa  a:hover {color: #821e00; text-decoration: underline;}
#optionsa  a:hover h3 {color: #821e00;}

#meetspecialist {border-top: 5px solid #999369; padding: 12px; background: url(/images/meetspecialist.gif) left top repeat-x; line-height: 15px; min-height: 115px;}
#meetspecialist .btn {margin-top: 5px;}
#specialista {float: left; width: 295px;}
#specialistb {float: right; width: 160px;}
#meetspecialist .dotline {clear: both; height: 1em; margin: 0 -12px 1em -12px;}
#check .dotline {clear: both; height: 1em; margin: 0 -1px 1em -1px;}


/*** navright STYLES ***/

#navright h3, #meetspecialist h3 {color: #3b3b3b; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
#navright .imgleft, #meetspecialist .imgleft {float: left; margin: 0 10px 0 0;}
#navright .clear {clear: both; margin-top: 0 !important;}
#navright .dotline {height: 1em; margin-bottom: 1em;}

/*** FOOTER STYLES ***/

#footer {padding: 20px; background: #ded7c4; text-align: center; color: #525251; font-size: 10px; line-height: 15px;}
#footer ul li {display: inline;}
#footer ul a {color: #525251; text-decoration: none;}
#footer ul a:hover {color: #821e00; text-decoration: underline;}
#footer p {margin: 0;}


/*** HOMEPAGE STYLES ***/

#homeflash {float: left; width: 596px; height: 293px;}
#homeflash a {display: block; width: 594px; height: 291px; text-align: center; line-height: 291px; border: 1px solid #eee;}
#homeflash a img {margin-top: 129px;}
#homemodules {float: right; width: 369px; padding: 0; background: none;}
.homemodule {position: relative; height: 116px; background: url(/images/homemodule.gif) left top repeat-x; padding: 15px;}
.homemodule sup {vertical-align: top; font-size: 40%;}
.homemodule h1 {text-transform: uppercase; font-size: 11px !important; margin: 0 !important;}
.homemodule h2 {margin-bottom: 10px !important; font-size: 14px; font-weight: normal; color: #555332;}
.homemodule p {position: relative; padding-left: 55px; line-height: 15px; margin-bottom: 0;}
.homemodule p img {position: absolute; left: -55px; top: 0;}

.homemodule_right h2 {margin-bottom: 10px !important; font-size: 14px; font-weight: normal; color: #555332;}
.homemodule_right {position: relative; height: 116px; background: url(/images/homemodule.gif) left top repeat-x; padding: 15px;}
.homemodule_right p {position: relative; padding-left: 0px; line-height: 15px; margin-bottom: 0;}

	html>body .homemodule p img {left: 0;}
#homelaunchlink {position: absolute; right: 15px; bottom: 10px; font-size: 10px; color: #9f8a60; text-transform: uppercase; text-decoration: none;}
#homelaunchlink:hover {color: #821e00;}

#homebottom {clear: both; border-top: 2px solid #fff; background: url(/images/homemodule.gif) left top repeat-x;}
#homebottom #dottedline {background: url(/images/dotline-v.gif) 595px top repeat-y; margin: 10px 0;}
#homebottom .homemodule {background: none; height: auto; padding: 3px 15px 35px 15px;}
#homebottom .a {width: 565px; float: left; padding: 10px;}
#homebottom .b {width: 339px; float: right;}

#homebottom .homemodule p {padding: 0;}
#homebottom  .b p img {position: absolute; padding-left: 0px; top: 0; left:-55px; }
#homebottom  .b p {position: relative; left: 55px; line-height: 15px; margin-bottom: 0; margin-right: 50px; }
#homebottom .spacer {height: 1px;}


/*** TOOL STYLES ***/

body.tool .question {position: relative; padding: 0 245px 20px 35px;}

body.tool .qwide {padding-right: 0;}
body.tool .number {position: absolute; left: -35px; top: 0;}
	html>body.tool .number {left: 0;}
body.tool .answer {position: absolute; right: 0; top: 0; width: 185px;}
body.tool .answercheck {position: absolute; right: -90; top: 30px; width: 100px;}
body.tool .awide {width: 320px;}
body.tool .answer.double {right: 285px; width: 75px;}
body.tool .before {position: absolute; right: 190px; text-align: right; white-space: nowrap;}
body.tool .answer.double .before {right: 80px;}
body.tool .option {position: relative; margin: 10px -245px 10px 0; padding-right: 245px;}
body.tool .total {border: solid #b5b5b5; border-width: 3px 0 1px 0; padding-top: 10px; padding-bottom: 10px; margin-right: -160px; padding-right: 160px; min-height: 10px;}
	html> body.tool .total {border-width: 1px 0;}
body.tool .total .answer {top: 10px; right: 85px; width: 100px;}
	html>body.tool .total .answer {right: 0;}
body.tool .total .answer .before {right: 105px;}
body.tool .total .answer.double {right: 285px; width: 75px;}
	html>body.tool .total .answer.double {right: 200px;}
body.tool .total .answer.double .before {right: 80px;}
body.tool .text30 {width: 30px;}
body.tool .text20 {width: 20px;}
body.tool .text50 {width: 50px;}
body.tool .text100 {width: 100px;}
body.tool .text150 {width: 150px;}
body.tool .select300 {width: 300px;}
body.tool .radiogrid {float: left; width: 20px; text-align: center; font-weight: bold;}
body.tool .continue {border-top: 1px solid #b5b5b5; padding-top: 20px; margin-top: 20px;}

body.tool .resultsbox {border: 1px solid #929191; min-height: 5px; padding: 15px 15px 10px 15px; color: #4e4e4d; background: url(/images/resultsbox.gif) 0 26px repeat-x; _margin-left: 0px;_padding: 0px 0px 10px 0px; }
body.tool .resultsbox h2 {background: #ded7c4; solid #fff font-size: 14px; margin: -15px -15px 0 -15px; padding: 0 15px; height: 26px; line-height: 26px;}
body.tool .resultsbox h3 {position: relative; color: #6b1a02; font-size: 14px; margin: 10px 0 15px 0;padding: 0px 0px;}
body.tool .resultsbox p {padding: 0 30px;}
body.tool .resultsbox li{padding: 5px 30px;}


body.tool .BTNRequest {position: absolute; left: 500px; top: 30;}
body.tool .resultsinfo {position: relative; padding-left: 70px; margin-bottom: 8px;}
body.tool .resultsinfo .label {position: absolute; left: -70px; top: 0;}
	html>body.tool .resultsinfo .label {left: 0;}
body.tool .resultsbox .button {margin: 15px 0 0 0;}

/* error ------------------------------ */

.error {margin: 0 auto auto auto; border: solid #000000; border-width: 1px 1px 1px 1px; background:#e4decf; padding: 3px 4px 3px 4px; width:100%;  _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left; vertical-align: middle;}
.errorfont {margin: 0 auto auto auto; border: solid #000000; border-width: 0px 1px 1px 1px; background:#ffffff; padding: 3px 4px 3px 4px; width:100%;  _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left;}

/* info ------------------------------ */

.info {margin: 0 auto auto auto; border: solid #000000; border-width: 1px 1px 1px 1px; background:#e4decf; padding: 3px 4px 3px 4px; width:100%; _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left; vertical-align: middle;}
.infofont {margin: 0 auto auto auto; border: solid #000000; border-width: 0px 1px 1px 1px; background:#ffffff; padding: 3px 4px 3px 4px; width:100%;  _width:100%; font-weight: bold; font-size: 11px; color: #000000; text-align: left;}


#progress { color: #525251; font-size: 15px; height:330px; }
#progress p { padding-left : 300px;}
#inner_content { margin : 0px 5px 0px 10px }
.results_ul {
	PADDING-LEFT: 2px; LIST-STYLE-TYPE: disc; margin: 0px 0px 0px 10px;
}