body {
	background-color: #fff;
	margin-top: 0;
	padding: 0;
}
html, body, h1, h2, h3, h4, div, p, ul, li, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link { color: #304162; }
a:visited { color: #304162; }
a:hover { color: #622; }
a:active { color: #c22; }
img { max-width:100%;height:auto;border:0 }

#bodyBlock {
    max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#header {
    height: 91px;
    max-width: 960px;
	background: url(/images/dsHeader2.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
#logo {
	width:225px;height:88px;display:block;float:left;
}
#logo img {
	width: 225px;
	height: 88px;
}
#rightHead {
	float: right;
	margin: 0;
	padding: 0;
}
#topLinks {
	float: right;
	height: 18px;
	background: url(/images/topNavLeft.gif) no-repeat left;
	background-color: #4f4f4f;
	font-size: 11px;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	padding-bottom: auto;
	margin: 0;
}
#topLinks a {
	color: #fff;
	text-decoration: none;
}
#topLinks a:hover {
	color: #c7cdd9;
	text-decoration: underline;
}
#searchBox {
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px 20px 0;
	margin: 0;
	vertical-align: middle;
}
#blueNav {
	clear:both;
    height: 19px;
    max-width: 960px;
	background: url(/images/horizontalBar2.jpg) no-repeat bottom;
	padding: 0;
}
#blueNavLinks {
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: auto;
	margin: 0;
	color: #fff;
}
#blueNavLinks a {
	color: #fff;
	text-decoration: none;
	}
#blueNavLinks a:hover {
	color: #c7cdd9;
	text-decoration: underline;
}
#breadCrumbs {
    max-width: 942px;
	background-color: #c7cdd9;
	font-size: 12px;
	text-align: left;
	color: #555;
	padding: 4px 4px 4px 14px;
	margin: 0;
}
#breadCrumbs a {
	color: #555;
	text-decoration: none;
	padding: 0 4px 0 4px;
	}
#breadCrumbs a:hover {
	color: #000;
	text-decoration: underline;
}
.submitButton {
	vertical-align: middle;
	border: 0;
}
#leftNavContainer {
	background-color: #607192;
	width: 160px;
	padding: 12px;
	margin: 0;
}
#leftNav {
	width: 154px;
	margin: 0;
	padding: 0;
	background-color: #e0e3ea;
}
#navTop {
	background: url(/images/navTop.jpg) no-repeat center bottom;
	width: 154px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #8f9196;
}
#navBottom {
	background: url(/images/navBottom.jpg) no-repeat center top;
	width: 154px;
	height: 10px;
	margin: 0;
	padding: 0;
}
#leftNav p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	display: block;
	margin: 0;
	padding: 0;
}
#leftNav a {
	display: block;
	padding: 6px;
	margin: 0;
	border-top: 1px solid White;
	border-bottom: 1px solid #8F9196;
	color: #607192;
	text-decoration: none;
}
#leftNav a:hover {
	background-color: #a0b1d2;
	border-top: 1px solid #5F6166;
	border-bottom: 1px solid #ddd;
	color: #000;
}
#rightLinks {
	background-color: #eee;
	width: 162px;
	padding: 12px;
	margin: 0;
	font-size: small;
}
.rightLinksBg {
	background-color: #eee;
}
#rightLinks a {
	color: #607192;
	text-decoration: none;
	font-size: x-small;
}
#rightLinks a:hover {
	color: #000;
	text-decoration: underline;
}
#rightLinks li {
	margin: 0 0 12px 0;
}
#bottomLinks {
    width: 100%;
	background-color: #c7cdd9;
	text-align: center;
	font-size: x-small;
	color: #555;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
}
#bottomLinks a {
	color: #555;
	text-decoration: none;
}
#bottomLinks a:hover {
	color: #000;
	text-decoration: underline;
}
#footer {
    width: 100%;
	background-color: #4f4f4f;
	text-align: center;
	font-size: x-small;
	color: #dddddd;
	padding: 6px 0;
	margin: 0;
	border-radius: 0 0 6px 6px;
}
#mainContent {
	background-color: #fff;
	border-right: 1px solid #c7cdd9;
	padding: 12px;
	margin: 0;
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#rightLinks a {
    color: #607192;
    text-decoration: none;
}
.linkList {
	list-style: none;
	margin: 0;
	padding: 0 0 6px 0;
}
.linkList a {
    color: #555;
}
.linkList a:hover {
    color: #000;
    text-decoration: underline;
}
.linkList li {
    margin: 0 0 12px 12px;
}

.heading {
	font-size: 14px;
	font-weight: bold;
	color: #607192;
}
.smallHead {
	font-size: 12px;
	font-weight: bold;
	color: #607192;
	margin: 4px 0 6px 0;
	padding: 0;
}
.mediumHead {
	font-size: 14px;
	font-weight: bold;
	color: #607192;
	margin: 4px 0 6px 0;
	padding: 0;
}
.whiteHead {
	font-size: small;
	font-weight: bold;
	color: #fff;
	margin-bottom: 6px;
	text-align: center;
}
.whiteHeadSmall {
	font-size: x-small;
	font-weight: bold;
	color: #fff;
	margin-bottom: 6px;
	text-align: center;
}
.noBullets {
	list-style: none;
	margin: 0;
	padding: 0 0 6px 0;
}
.smallSelect {
	font-size: x-small;
}
.narrowHr {
	margin: 6px -12px 6px -12px;
}
.large {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: large;
}
.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: medium;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
}
.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
}
.listTable {
        background-color: #c7cdd9;
        border: 1px solid #999999;
        padding: 4px;
}
.listTable select { font-size: x-small; }
form {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}
h1,h2,h3 {
	color: #607192;
	margin: 0; border: 0; padding: 0;
}
h1 {
	font-size: 1.5em;
	padding-bottom: 10px;
}
h2 {
	font-size: small;
	padding: 1em, 0, 1em, 0;
}
h3 {
	font-size: x-small;
	padding: 1em, 0, 1em, 0;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
	background-color: #eeeef9;
}
option {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.blue { color: #607192; }
.blueBgTop {
	height: 18px;
	background: url(/img/roundedBlueBgTop.png) no-repeat;
}
.blueBg {
	background: url(/img/roundedBlueBg.png) repeat-y;
	padding-left: 8px;
}
.blueBgBottom {
	height: 18px;
	background: url(/img/roundedBlueBgBottom.png) no-repeat;
}
.outerRoundedBorder {
    background:#eee;
    border-radius:14px;
    -moz-border-radius:14px;
    padding:2px;
    border:1px solid #aaa;
}
.tanRoundedBox {
	background:#fff url(/img/tanGradient.jpg) repeat-x;
	border-radius:12px;
	-moz-border-radius:12px;
	padding:12px;
	border:1px solid #ccc;
}
.pageHead {
	font-size: 20px;
	font-weight:bold;
	font-family: "Trebuchet MS",verdana,arial,sans-serif;
	margin-bottom: 16px;
	color:#556;
}
.pageTitle { font-size: 16px; color: #933c20; font-weight: bold; margin-bottom:12px }
.darkBlue {
	color: #124386;
}
.subHead {
	font-size: 16px;
	font-weight:bold;
	font-family: "Trebuchet MS",verdana,arial,sans-serif;
	margin-bottom: 16px;
	color:#556;
	background: url(/img/goldArrow.png) no-repeat left;
	padding-left: 20px;
}


.spacedList li { margin-bottom: 1em; }
.bigText { font-size:1.2em; }
.cellPad0 td,th { padding: 0 }
.cellPad4 td,th { padding: 4px }
.cellPad8 td,th { padding: 8px }
.cellPad12 td,th { padding: 12px }
.valignTop { vertical-align:top }
.valignTop td,th { vertical-align:top }
.valignMid { vertical-align:middle }
.valignMid td,th { vertical-align:middle }
.pad0 { padding:0 }
.pad4 { padding:4px }
.pad8 { padding:8px }
.pad12 { padding:12px }
.margin0 { margin:0 }
.margin4 { margin:4px }
.margin8 { margin:8px }
.margin12 { margin:12px }
.clear { clear: both }
#navLink { display:none; float: right; margin: 10px 12px; }
#navLinkImg { width: 40px; height: 28px; }
#mobileNav {
    display:none;
	/* background:#fffbeb; */
    background:#e9ebf0;
    position: absolute;
    top: 62px;
    float: right;
    z-index: 10;
    right: 6px;
	max-width: 310px;
	box-shadow: 0 0 8px #333;
	border:1px solid #333;
	border-radius: 5px;
}
#mobileNav a { background:#fff;padding: .6em; width: 9em; color: #236; display:block; text-decoration:none; font-size: .9em; border: 1px solid #333; margin-bottom:3px;border-radius:4px; }
#mobileNavLeft table tr td { display: none; }
#mobileNavLeft p { margin-top:0; }
.mobileNavSeparator {
    border-radius:8px 8px 0 0;margin-top:3px;color:#eee;background:#444;text-align:center;padding:4px;font-weight:bold;
}
a.rightCloseButton, #mobileNav a.rightCloseButton {
    background: #e7c781;
    background: linear-gradient(#f2ede2, #e7c781);
    color: #333;
    font-weight: bold;
    font-size: .9em;
    width: 5.5em;
    padding: .2em;
    text-align: center;
    border-radius: 12px;
    text-decoration:none;
    border: 1px solid #222;
    box-shadow: 0 0 3px #333;
    margin-top: -16px;
    border-color:#666;
    font-size:1em;
    float:right;
}
.nowrap { white-space: nowrap }
.alignRight { text-align: right }
.alignLeft { text-align: left }
.alignCenter,.centered { text-align: center }
.roundedBox {
	padding: 6px; border-radius:10px; margin: 10px 0; border:1px solid #ccc; box-shadow: 0 0 3px #333;
}

#chooseState {
    display:none;
	float:right;
}
.smallButton {
    background: #e7c781;
    background: linear-gradient(#f2ede2, #e7c781);
    -webkit-background: linear-gradient(#f2ede2, #e7c781);
    -o-background: linear-gradient(#f2ede2, #e7c781);
    -moz-background: linear-gradient(#f2ede2, #e7c781);
    color: #333;
    font-weight: bold;
    margin: .2em;
    padding: .2em;
    text-align: center;
    border-radius: 8px;
    text-decoration:none;
    border: 1px solid #222;
    box-shadow: 0 0 3px #333;
    display: block;
}
.startButton {
    background: #f26e50;
    background: linear-gradient(#f26e50, #c84626);
    -webkit-background: linear-gradient(#f26e50, #c84626);
    -o-background: linear-gradient(#f26e50, #c84626);
    -moz-background: linear-gradient(#f26e50, #c84626);
    color: #fff;
    font-size:13px;
    font-weight: normal;
    text-shadow:1px 1px 1px #333;
    padding: .1em .2em .2em .2em;
    letter-spacing:.2px;
    text-align: center;
    border-radius: 8px;
    text-decoration:none;
    box-shadow: 0 0 3px #000;
    display: block;
    width: 10em;
}
a.startButton { color: #fff; }
a.startButton:hover { box-shadow: 0 0 3px #fff; }
a.bigStartButton {
    background: #f26e50;
    background: linear-gradient(#f26e50, #c84626);
    -webkit-background: linear-gradient(#f26e50, #c84626);
    -o-background: linear-gradient(#f26e50, #c84626);
    -moz-background: linear-gradient(#f26e50, #c84626);
    color: #fff;
    font-size:15px;
    letter-spacing:1.2px;
    font-weight: normal;
    text-shadow:1px 1px 1px #333;
    padding: .5em;
    text-align: center;
    border-radius: 5px;
    text-decoration:none;
    box-shadow: 0 0 3px #000;
    display: inline-block;
    width: 15em;
    margin: 6px 0;
    line-height:.9;
}
a.bigStartButton span {
    font-size:12px;
    font-weight:normal;
    letter-spacing:.75px;
    color:#ddd;
}
a.bigStartButton:hover { box-shadow: 0 0 3px #fff; }
#startDivorceRow, #startDivorceFooter {
	display: none;
	clear: both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background:#607192;
	padding: 4px 10px;
}
#startDivorceButton {
	float: left;
	display:block;
	margin-top:5px;
}
#qualifyIframe { clear:left;width:98%;height:375px;border:0;padding:1% }

@media screen and (max-width: 1000px) {
	.topNavLink a { font-size: 12px }
	.topNavLink { padding-right: 8px }
	.navIcon { display: none }
	#mobileNav { display: none }
}
@media screen and (max-width: 870px) {
	#rightHead { display: none }
	#leftNavContainer { display: none; }
	#mainContent { border-left: 1px solid #c7cdd9; }
	#navLink { display: block }
	#otherSitesHead { color:#000 }
}
@media screen and (max-width: 700px) {
	#blueNav { display: none; }
	#breadCrumbs { display: none; }
	#startDivorceRow, #startDivorceFooter { display: block }
	#chooseState { display: block }
	#rightLinks { display: none; }
}
@media screen and (max-width: 620px) {
	#header { background: url(/img/divSupLogo.jpg) no-repeat; }
	#topLinks { display: none }
	#stateGoButton { display: none }
	#startDivorceButton { margin-top: 3px }
	.extraContent { display:none }
	td div.tiny ul { margin-left: 0; padding-left: 1em; }
	.listTable tr td img { display:none }
}
@media screen and (max-width: 520px) {
	#bottomLinks,#footer { font-size: .65em }
}
@media screen and (max-width: 430px) {
	#qualifyIframe { height:470px }
}
@media screen and (max-width: 400px) {
    #qualifyIframe { height:540px }
}
@media screen and (max-width: 300px) {
    #qualifyIframe { height:600px }
}
@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}