body, html { height: 100%; }
body {
    font-size: 15px;
    line-height: 20px;
    font-family: Trebuchet MS, serif;
    color: #000;
    background: #eaeae1;
/*
    text-shadow: 1px 1px 0px #ffffff; 
*/
    margin: 0;
}
a { color: #093d02; }
a.link { color: #093d02; }
a.visited { color: #093d02; }
p,img { padding: 0; border: 0; max-width: 100%; }
img { height:auto }
div { max-width:100% }
h1,h2 { font-family: Trebuchet MS, serif; font-size: 18px; line-height:1; color: #342620; font-weight: normal; text-shadow: 1px 1px 0px #ffffff; }
h3 { font-family: Trebuchet MS,serif; font-size: 16px; line-height: 24px; font-weight: normal; color: #000; text-shadow: 1px 1px 0px #ffffff; }
h4 { font-family: Trebuchet MS,sans-serif; font-size: 14px; line-height: 17px; color: #3e2e28; font-weight: normal; margin:6px 0;font-weight:bold;text-shadow:none }
h5 { font-family: Trebuchet MS, serif; font-size: 19px; line-height: 22px; color: #342620; font-weight: normal; }
legend { font-family: Trebuchet MS,serif; font-size: 20px; line-height: 24px; font-weight: normal; color: #000; text-shadow: 1px 1px 0px #ccc; }
.bigHead { font-size:24px!important }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
#wrapperOLD { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background: #eaeae1; }
#wrapper { margin: 0 auto; background: #eaeae1; }
#wrap-shadow { width: 100%; background: url(/img/wrap-shadow.png) no-repeat center 40px; }
#header-wrap { width: 980px; padding-top: 18px; background: #eaeae1; }
#header { height:58px; padding: 0 19px 8px 20px; background: url(/img/header.png) #ffffff repeat-y; }
#headerState { background:#fff;padding: 0; max-width: 980px }
.headerStateText {height: 125px; max-width: 980px; background-repeat: no-repeat;padding: 50px 0 0 100px; font-family: Trebuchet MS, "Times New Roman", serif; font-size: 32px; color: #0354b0; text-shadow: 1px 1px 0px #E6E6E6; }
.headerStateText span { font-size:.75em }
#main-wrap { width: 100%; position: relative; background: #e6e6e6 url(/img/TESTmain-wrap.png) repeat-x 0 0 }
#mainOLD { position: relative; background: #fff; min-height:734px; width: 980px; }
#main { background: #fff; max-width: 980px; }
body #main { min-height: 0; background: none; }

.log-in { padding: 0 30px 3px; max-width: 920px; }
.log-in p { margin:0; font-size: 19px; color: #fff; line-height: 45px; text-shadow: 1px 1px 0px #000000;}
.log-inState { padding: 0 30px 3px; max-width: 920px; }
.log-inState p { margin:0; font-size: 19px; color: #fff; line-height: 45px; text-shadow: 1px 1px 0px #000000; background: url(/img/shieldIcon.png) no-repeat left;}
.log-buttons { padding-top: 7px; float: right; display: inline; }
a.button-1,a.button-2 { font-family: verdana,sans-serif; font-size: 15px; color: #fff; text-decoration:none;float: left; position: relative; height: 30px; line-height: 30px; padding: 0 13px; margin: 0 13px 0 0; background: #404040;background: linear-gradient(#404040,#000); border-radius:6px;border:1px solid #666;text-shadow: 1px 1px 0px #000; }
a.button-1:hover,a.button-2:hover { color:#111;background: linear-gradient(#f7d577,#edae00);box-shadow:0 0 4px #333;text-shadow: 1px 1px 0px #fff; }
.log-buttons .button-2 { margin-left: 14px; }
/* Should have used first:child to specify no margin for first button */
input.submitButton { font-family: verdana,sans-serif; font-size: 16px; color: #fff; padding: 2px 12px; background-color: #555;background: linear-gradient(#888,#333); border:1px solid #000;border-radius:6px }
input.submitButton:hover { box-shadow: 0 0 4px #333; }

a.button-start { font-family: verdana,sans-serif; font-size: 35px; color: #fff; text-shadow: 1px 1px 0px #000; text-decoration: none;}
a.button-start { float: left; left: 15%; position: relative; width: 200px; height: 60px; line-height: 60px; padding-left: 13px; margin: 0 13px 0 0; background: url(/img/button-start.png) no-repeat 0 0; }
a.button-start span { position: absolute; display: block; width: 13px; height: 60px; top: 0; right: -13px; background: url(/img/button-start.png) no-repeat right 0; }
a.button-start:hover { background-position: 0 -60px; text-decoration: none; }
a.button-start:hover span { background-position: right -60px; }

#logo { float:left; padding-top:12px; max-width:310px; }
#topNav {
	float:right;
}
#topNav a {
	display:block;
	float:left;
	padding: 22px 10px;
	text-decoration:none;
	height:38px;
	font-family: verdana,sans-serif;
	font-size:14px;
	color: #333;
}
#topNav a:hover {
	background: url(/img/topNavBg.png) top no-repeat;
}
.topNav { margin-top:0; padding-top:0 }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.shell { max-width: 980px; margin: 0 auto; background:#fff; }
#footer { margin:0; padding: 20px 0 0 0; height: 140px; background: #eaeae1 url(/img/footer.png) no-repeat top; }
#footer p a,
#footer_nav { clear:left }
#footer_nav a { color: #000; font-family:verdana,sans-serif; font-size:12px;text-decoration:none; }
#footer_nav a:hover { text-decoration:underline; }
#footer_nav li { list-style: none; display:inline;line-height:2 }
#footer_nav li+li { margin-left: 12px; padding-left: 15px; border-left: 1px solid #91a3ba; }

#footer p { padding: 0 18px; }
#footer h5 { float:left;margin: 0; padding: 0 0 12px 38px; }
#planSearch { white-space:nowrap; font-size: 11px;font-family:verdana,sans-serif; float: right; margin: 8px 40px 0 12px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.content { padding:0px 30px 2px 30px }
.footer-buttons { display: inline; float: right; padding-right: none; padding-top: 2px; }
.footer-buttons ul li { list-style: none; display: inline; float: right; font-family: verdana,sans-serif; font-size: 15px; color: #fff; text-shadow: 1px 1px 0px #000; text-decoration: none; line-height: 26px; margin-left: 6px; }
.footer-buttons ul li a { position: relative; color: #fff; height: 30px; float: left; padding-left: 10px; margin-right: 10px; background: url(/img/footer-button.png) no-repeat 0 0; text-decoration: none; }
.footer-buttons ul li a span { position: absolute; top: 0; right: -10px; display: block; width: 10px; height: 30px; background: url(/img/footer-button.png) no-repeat right 0; }
.footer-buttons ul li a:hover { text-decoration: none; background-position: 0 -30px; color: #fff; }
.footer-buttons ul li a:hover span { background-position: right -30px; }

.sub-nav { width: 950px; background: url(/img/sub-nav.png) repeat-x 0 0; padding: 9px 0 0 30px;  }
.sub-nav ul { margin-top: 0; padding: 0 }
.sub-nav ul li { padding-top:0;float: left; display: inline; list-style: none; font-family: verdana,sans-serif; font-size: 15px; margin-right: 5px; text-shadow: 1px 1px 0px #000; filter: dropshadow(color=#000, offx=1, offy=1); }
.sub-nav ul li a { text-decoration:none; position: relative; color: #fff; float: left; height: 30px; line-height: 30px; padding-left: 14px; padding-right: 6px; margin-right: 8px; background: url(/img/sub-nav-item.png) no-repeat 0 0;  }
.sub-nav ul li a span { position: absolute; top: 0; right: -8px; width: 8px; height: 30px; background: url(/img/sub-nav-item.png) no-repeat right 0; }
.sub-nav ul li a:hover,
.sub-nav ul li a.active { background-position: 0 -30px; text-decoration: none; }
.sub-nav ul li a:hover span,
.sub-nav ul li a.active span { background-position: right -30px; }
#demoArea {
	float:right;
	padding:0px 50px 0 0;
}
#demoArea div {
	width:300px;
	margin:12px 0 0 0;
	text-align:center;
}
.columns { padding: 4px 0 23px 30px; max-width: 980px; }
.col { display: inline-block; float: left; width: 28%; padding-right: 5%;margin:0 }
.col:last-child { padding-right: 0; width: 26%; }
.col h3 { position: relative; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 8px; }
.col h3 span.checkmark { position: absolute; top: 3px; left: -35px; display: block; width: 23px; height: 23px; background: url(/img/check123.png) no-repeat 0 0; }
.col h3 span.announcement { position: absolute; top: 3px; left: -35px; display: block; width: 23px; height: 21px; background: url(/img/announcement.png) no-repeat 0 0; }
.col h3 span.conversation { position: absolute; top: 0; left: -29px; display: block; width: 25px; height: 24px; background: url(/img/conversation.png) no-repeat 0 0; }
.col h3 span.clients { position: absolute; top: 6px; left: -32px; display: block; width: 28px; height: 17px; background: url(/img/clients.png) no-repeat 0 0; }
.noRightMargin { margin-right: 0; margin-bottom: 0; }
.contentTable { display:table;background:#fff;width: 100%;margin:0;padding:0;border:0;border-spacing:0 }
.contentTableRow { display:table-cell;margin:0;padding:0;border-spacing:0 }
#mainContent { width:680px;max-width:100%;background:#fff;padding:12px 30px 0 30px;margin:0 }
.contentTable #mainContent { display:table-cell;vertical-align:top }
#rightColumn { width:250px;background:#E6E6E6;padding:18px 12px;margin:0;border:0 }
.contentTable #rightColumn { display:table-cell;vertical-align:top }
#rightColumn a { color: #000; text-shadow: none; }
#copyright { margin-left:20px; padding-bottom:12px!important }
.sm { font-size:9px; font-family:arial,sans-serif; }
#footerBadges { margin:-12px auto 0 auto; width:980px; }
#footerBadges table { float:right; margin-right:32px; }
.paddedTable td { padding:5px; }

.commonquestion {
    border: 1px solid #ccc;
    padding: 4px;
    background: #ffffff;
	text-align: left;
    color: #000;
}
#question1, #question2, #question3, #question4, #question5, #question6 {
    display:none;font-size:13px
}

#questionsAnswers { text-align:left; border:1px solid #999;margin:-30px 0 0 0;padding:4px 4px 12px 4px;background:#f8f8f8 }
#questionsAnswers button { margin-top:16px;font-size:13px;padding:4px 3px }
#questionsAnswers button:hover { box-shadow:0 0 4px #333 }
#questionsAnswers legend { font-size:18px;font-weight:bold }
#mobileMenuButton { float:right;width:40px;height:28px;padding:4px;display:none;margin:20px 12px 12px 12px;border:2px solid #aaa;border-radius:4px;background:#ccc }
#mobileMenuButton:hover { box-shadow:0 0 4px #333;background:#fff }
#mobileMenu { margin-bottom:12px;display:none;z-index:2;position:static;top:0;right:0;clear:both;width:60%;border-radius:16px 0 0 16px;box-shadow:-2px 2px 4px #333 }
#mobileMenu a { border-top:1px solid #ccc }
#mobileMenu a:first-child { border:0 }
.noPadding { padding:0!important }
#footerLogos { white-space:nowrap;float:right;padding: 16px 16px 0 12px }
#footerLogos img:first-child { padding-right:12px }
.nowrap { white-space:nowrap }
.alignCenter { text-align:center }
.alignRight { text-align:right }
.alignLeft { text-align:left }
.valignTop { vertical-align:top }
.valignMiddle { vertical-align:middle }
.valignBottom { vertical-align:bottom }
.spacedList { padding-left: 24px;margin-left:0 }
.spacedList li { padding-bottom:8px }
ol.spacedListB li { font-weight:bold;font-size:1.3em }
ol.spacedListB li > * { font-weight:normal;font-size: .9em }
.stateSelect { margin:0 8px;padding:6px 8px;font-size:14px }
#breadCrumbs { font-family:Arial,Helvetica,Verdana,Sans-serif;padding:0;margin: 0 10px 16px 0;font-size:.9em }
#rightColLogos  { text-align:center }
#rightColLogos img { margin:16px auto; display:block }
.clear { clear:both }
.getStartedButton { margin-top:-3px }
.marginTop { margin-top:12px }
.marginTopLarge { margin-top:24px }
.marginBottom { margin-bottom:12px }
.marginBottomLarge { margin-bottom:24px }
.paddingTop { padding-top:12px }
.paddingTopLarge { padding-top:24px }
.paddingBottom { padding-bottom:12px }
.paddingBottomLarge { padding-bottom:24px }
#stateList { clear:both;margin:16px auto 8px auto; text-align:center }
#stateList h4 { margin-bottom:16px;text-align:left; }
#stateList a { font-size:.8em;text-decoration:none;display:inline-block;padding:2px 4px;border:1px solid #999;border-radius:5px;width:20%;margin:6px 4px;background:#eee;text-align:center }
#stateList a:hover { box-shadow: 0 0 4px #333 }
.statePageStateList { clear:both;border-top:1px solid #999;border-bottom:1px solid #999;margin:36px 0 }
.paddedList { margin: 12px 16px;padding:0 12px }
.paddedList li { margin-bottom:8px }
.squareBullet { list-style-type:square!important }
.circleBullet { list-style-type:circle!important }
fieldset { border: 1px solid #5d5f5d; border-radius: 0 0 12px 12px }
.termsPad { padding:20px 24px }
#stepImages { display:none;white-space:nowrap }
#qualifyContainer { margin:0 auto }
#qualifyFrame {
	max-width:100%;width:450px;height:360px;margin:0 auto;padding:0;border:0;
}
.qualifyForm { font-family:arial,verdana,sans-serif;text-shadow:none;background:#fff;color: #221a18; }
.bigHead3step { font-size:1.1em;font-weight:bold;color:#000;margin-bottom:5px }
.qualifyQuestions p { margin:16px 0 4px 0;color:#221a18;font-weight:bold;font-style:italic }
.tanBox3step {
    max-width: 450px;
    padding: 8px;
    background: #c3defc;
    margin: 0 auto;
	border-top: 8px solid blue;
	border-bottom: 8px solid blue;
}
.tanBox3step select { padding:6px 3px }
#counter { padding:4px;text-align:center }
#counter img { width:52px;height:auto; }

@media screen and (max-width:980px) { 
	#mobileMenuButton { display: block }
	#topNav { display:none }
	.col:first-child { padding-left:30px }
}
@media screen and (max-width:850px) { 
	.hideNarrow { display:none }
	#stepImages { display:block;margin:12px auto }
	#stepImages img { max-width:35% }
	.log-buttons { text-align:center;padding:64px 0 10px 0;float:none; display:block }
	.log-in p { width:100%;text-align:center }
	.log-in { padding: 0; }
	a.button-1,a.button-2 { float:none;display:inline-block;margin-right:4px }
	.col,.col:last-child { display: block; float: none; width: 95%; padding:0 0 10px 0;margin: 10px auto 16px auto;border-bottom:2px dotted #666 }
	.col:last-child { border-bottom:0 }
	.col:first-child { padding-left:0 }
	.contentTable { display:block }
	.contentTableRow { display:block }
	.contentTable #mainContent { width:90%;margin:2px auto;padding:2px;display:block }
	.contentTable #rightColumn { width:90%;margin:0 auto;display:block;background:#fff;padding:10px;border-bottom:1px solid #000 }
	#rightColLogos img { margin:16px 4px; display:inline;vertical-align:middle }
	#stateList a { width:25% }
	.shrink50 { max-width:50%; height:auto }
	.commonquestion { width:90% }
	#questionsAnswers button { display:block }
}
@media screen and (max-width:780px) { 
	#footer_nav { padding:0 3px 8px 0;clear:right;text-align:left }
	#footer_nav li+li { margin-left: 0; padding-left: 10px; border-left: 0; }
	#footer_nav li a { text-decoration:underline }
}
@media screen and (max-width:620px) { 
	.hideVeryNarrow { display:none }
	.content { padding:2px }
	#logo { width:200px;height:auto }
	.flex-control-nav,.flex-direction-nav { display:none }
	.flexslider { margin: 0; }
	#footerLogos { clear:left;display:block;float:none;text-align:center }
	#footer h5 { text-align:center;padding:0 3px 8px 20px }
	#copyright { margin-left:4px }
	#copyright b { display:block }
	.getStartedButton { display:block;text-align:center;margin-bottom:8px }
	.log-buttons a.button-1,.log-buttons a.button-2 { font-size:.8em;margin:0 1px }
	legend { font-size: 20px; }
	#stateList a { width:40% }
	.termsPad { padding:16px 0 }
	.headerStateText {padding: 30px 10px 0 20px;font-size:26px;line-height:26px }
	#stepImages { display:none }
	#qualifyFrame { height:425px }
	.log-inState p { padding-left: 60px }
	blockquote { margin: 16px }
}
@media screen and (max-width:400px) { 
	#footer_nav { border-top:1px solid #000;margin-top:16px; }
	#qualifyFrame { height:445px }
	.headerStateText {height: 145px; }
}