﻿/* Basic CSS page layout and global class style elements */

/*blue: 003366
dark green: 91C400
light green: E8FFA7 */

.alignright { text-align: right; }

.aligncenter { text-align: center; }

.blueheading { color: #0065A4; }

body {
    background: #7A1600 url('/images/dcf/gray_background.jpg') left top;
    font: 0.8em arial, helvetica, sans-serif;
    padding-top: 10px;
    text-align: center;
}

.boxcolor {
    background: #C1E7FE;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #336;
    font-family: Verdana, sans-serif;
    font-size: small;
    line-height: 20px;
}

.boxhead_blue {
    background-image: url('../../images/dcf/boxtab_blue.jpg');
    color: #fff;
}

.boxtabheading {
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;
    font-family: arial, helvetica, sans-serif;
    font-size: 99%;
    font-weight: bold;
    height: 44px;
    line-height: 1.2em;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 178px;
}

.clear { clear: both; }

/* clearfix for floats in div */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* validates in CSS2.1 */

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

/* end clearfix */

/* IE/Win Guillotine Bug fix caused by links in a float. Add a block element around the links and apply clearfix and style the margin 0  */

.floatedbox {
    border-bottom: 1px outset black;
    border-left: 2px outset #cccccc;
    border-right: 1px outset black;
    border-top: 2px outset #cccccc;
    float: right;
    margin-left: 8px;
    width: 160px;
}

.floatedbox h2 {
    background-color: #0065A4;
    color: #fff;
    font-size: small;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}

.floatedbox ul { margin-top: 5px; }

.floatedbox ul li { margin-left: -15px; }

.floatedboxw2left {
    border-bottom: 1px outset black;
    border-left: 1px outset black;
    border-right: 2px outset #cccccc;
    border-top: 2px outset #cccccc;
    float: left;
    width: 170px;
}

.floatedboxw2left h2 {
    background-color: #0065A4;
    color: #fff;
    font-size: small;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}

.floatedboxw2left ul { margin-top: 5px; }

.floatedboxw2left ul li { margin-left: -15px; }

.floatedboxw2right {
    border-bottom: 1px outset black;
    border-left: 2px outset #cccccc;
    border-right: 1px outset black;
    border-top: 2px outset #cccccc;
    float: right;
    margin-left: 8px;
    width: 160px;
}

.floatedboxw2right h2 {
    background-color: #0065A4;
    color: #fff;
    font-size: small;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}

.floatedboxw2right ul { margin-top: 5px; }

.floatedboxw2right ul li { margin-left: -15px; }

.floatedtable2col {
    float: left;
    height: auto;
    width: 430px;
}

.floatedtable3col {
    float: left;
    height: auto;
    width: 290px;
}

.gray { clear: both; }

/*added to clear float for content contact*/

.heading {
    background: #336;
    border: 1px solid #cccccc;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    text-transform: uppercase;
}

.highlight {
    color: #E31E3A;
    font-weight: bold;
}

.homepageheading {
    color: #F89721;
    font-family: Georgia;
    font-style: italic;
}

.homepageheading1 {
    color: #807F83;
    font-size: medium;
    font-weight: normal;
}

html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/*firefox */

html > body #navbox ul li { margin-left: 5px; }

html > body #navbox ul li a {
    margin-left: -5px;
    padding: 0;
}

h1 {
    font-size: x-large;
    margin: 0;
    padding: 0;
}

h2 {
    color: #000;
    font-size: large;
}


.icwquote {
    background: #FFD400;
    border: 1px solid #000;
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 70%;
}

.imagesleft {
    float: left;
    margin: 10px 10px 10px 0px;
}

.imagesright {
    float: right;
    margin: 10px 0px 10px 10px;
}

.indentsmall { margin-left: 40px; }

.indentmedium { margin-left: 60px; }

.indentlarge { margin-left: 80px; }

.menuboxhead {
    background: #0065A4;
    color: #fff;
    list-style-type: disc;
    padding-left: 5px;
}

.nodisplay, .nodisplay a, .nodisplay a:hover, .nodisplay a:visited {
    height: 1px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}

.nodisplay a:active, .nodisplay a:focus, a:active.nodisplay, a:focus.nodisplay {
    height: auto;
    position: static;
    width: auto;
}


p.bottomnav {
    font-size: small;
    margin: 5px 25px -20px 25px;
    text-align: center;
}

.push {
    left: -5000px;
    position: absolute;
    width: 100px;
}


.quote {
    background: #FFD400;
    border: 1px solid #000;
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 95%;
}

.quote1 {
    background: #F89721;
    border: 1px solid #000;
    color: #000;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 95%;
}

.smltxt, .small { font-size: 75%; }

.spanish1 {
    margin-bottom: -1px;
    margin-right: 36px;
    margin-top: -5px;
    text-align: right;
}

.spanish {
    margin-bottom: -1px;
    margin-right: 20px;
    margin-top: -5px;
    text-align: right;
}


table.primary, table.secondary, table.tertiary { border: 1px solid #eee; }

table.primary td p, table.secondary td p, table.tertiary td p, table.layoutprimary td p, table.layoutsecondary td p, table.layouttertiary td p { vertical-align: top; }

table.primary td, table.secondary td, table.tertiary td {
    border: 1px solid #eee;
    font-size: 90%;
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

table.layoutprimary td, table.layoutsecondary td, table.layouttertiary td {
    border: 1px solid #eee;
    font-size: 90%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

/*class added 080103 as font display of unordered lists within tables was incorrect*/

table.primary li, table.secondary li, table.tertiary li, table.layoutprimary li, table.layoutsecondary li, table.layouttertiary li { font-family: arial; }

table.primary th, table.layoutprimary th {
    background: #0065A4;
    border: 1px solid #eee;
    color: #eee;
    padding: 5px;
    text-align: center;
}

table.secondary th, table.layoutsecondary th {
    background: #DBD9DA;
    border: 1px solid #eee;
    color: #000;
    padding: 5px;
    text-align: center;
}

table.tertiary th, table.layouttertiary th {
    background: #000;
    border: 1px solid #eee;
    color: #fff;
    padding: 5px;
    text-align: center;
}

table.layoutprimary_ccpi {
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
}

table.layoutprimary_ccpi td p { vertical-align: top; }

table.layoutprimary_ccpi td {
    border: 1px solid #eee;
    font-size: 90%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

table.layoutprimary_ccpi li { font-family: arial; }

table.layoutprimary_ccpi th {
    background: #0065A4;
    border: 1px solid #eee;
    color: #eee;
    padding: 5px;
    text-align: center;
}

table.bcssecondary { border: 1px solid #000; }

table.bcssecondary td p { vertical-align: top; }

table.bcssecondary td {
    border: 1px solid #000;
    font-size: 90%;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

table.bcssecondary td.alignleft {
    border: 1px solid #000;
    font-size: 90%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

table.bcssecondary li { font-family: arial; }

table.bcssecondary th {
    background: #DBD9DA;
    border: 1px solid #000;
    color: #000;
    padding: 5px;
    text-align: center;
}

table.bcssecondary th.alignleft {
    background: #ccc;
    border: 1px solid #000;
    color: #000;
    padding: 5px;
    text-align: left;
}



/* ID style elements ID style elements ID style elements ID style elements ID style elements ID style elements*/

#breadcrumbs {
    font-family: verdana;
    font-size: x-small;
    font-weight: bold;
    margin-top: 2px;
}

#columnarea {
    background-color: #fff;
    color: #000;
    float: left;
    width: 100%;
}

#contentcolumn {
    background-color: #fff;
    color: #000;
    float: left;
    padding: 12px 7px 16px 8px;
    width: 67%;
}

#Container {
    background: #fff;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    clear: both;
    color: #333;
    margin: 0px;
    padding: 2px;
    width: 956px;
}

/*#Container a { text-decoration: none; color:#0065A4; font-weight:normal;}
#Container a:visited { color:#990099; }
#Container a:hover { text-decoration: underline; color: #F89721;}*/

#content {
    background: #fff;
    padding: 8px;
}

#content ul li {
    list-style-type: square;
    margin-bottom: .5em;
}

#content ul.circle li {
    list-style-type: circle;
    margin-bottom: .5em;
}

#content ul.youngstar li {
    list-style-image: url('/youngstar/images/youngstar_bullet.png');
    margin-bottom: .5em;
}

#content ol.alphasmall li {
    list-style-type: lower-alpha;
    margin-bottom: .5em;
}

#content ol.alpha li {
    list-style-type: upper-alpha;
    margin-bottom: .5em;
}

div.boxcolor p, div.boxwhite p {
    margin-top: 0px;
    padding-left: 8px;
    padding-right: 8px;
}

div.boxtabcontainer {
    float: left;
    margin: .5em 0;
    padding-left: 1.8em;
    width: 200px;
}

div.boxtab {
    border-bottom: 1px solid #8f9ca2;
    border-left: 1px solid #8f9ca2;
    border-right: 1px solid #8f9ca2;
    border-top: none;
    color: #333;
    margin-top: -20px;
    padding: 8px;
    padding-top: 5px;
    text-decoration: none;
    width: 176px;
}

div.boxtab img {
    border: none;
    float: left;
    margin-right: 7px;
}

div.boxtab ul li {
    list-style-type: square;
    margin-bottom: .5em;
    margin-left: -25px;
}

div#changeprint a#screendisplayprinter { display: block; }

div#changeprint a#printdisplay { display: none; }

div#flashdiv {
    margin-left: -28px;
    margin-top: 10px;
}

div#flashdiv span {
    background-color: #F89721;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 12px;
    text-align: center;
    width: 180px;
}

div#flashdiv span a { color: #fff; }

div#flashdiv span a:visited { color: #fff }

div#flashdiv span a:hover { color: #0065A4 }

div#flashdiv ul li {
    background-color: #F89721;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    list-style-type: none;
    margin-left: -12px;
    padding: 12px;
    text-align: center;
    width: 180px;
}

div#flashdiv ul li a { color: #fff; }

div#flashdiv ul li a:visited {
    color: #fff;
    text-decoration: none;
}

div#flashdiv ul li a:hover {
    color: #0065A4;
    text-decoration: none;
}

div#flashdiv ul li.fraud {
    background-color: #E31E3A;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    list-style-type: none;
    margin-left: -12px;
    padding: 12px;
    text-align: center;
    width: 180px;
}

div#flashdiv ul li.fraud a { color: #fff; }

div#flashdiv ul li.fraud a:visited {
    color: #fff;
    text-decoration: none;
}

div#flashdiv ul li.fraud a:hover {
    color: #0065A4;
    text-decoration: none;
}


#flash { border: 0; }

#flash_navbox ul {
    background: #eae6dd;
    height: 252px;
    margin: 5px 0 0 5px;
    padding: 10px 0 0 20px;
    width: 12.5em;
}

#footerstatement {
    color: #0065A4;
    line-height: 25px;
    text-align: center;
}

#footer {
    background-color: white;
    border-top: 3px solid #136382;
    bottom: 0;
    padding: 1em 0em 1em 0em;
    width: 100%;
    z-index: 1000;
}

/*@media screen and (max-width: 1024px) {
    #footer{
        position:static;
    }
}*/

#footer ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 0;
    width: 100%;
}

#footer ul li {
    display: block;
    float: left;
    width: 14%;
}

/*@media screen and (max-width: 767px) {
    #footer ul li {
        float:none;
        width: 100%;
    }*/

/*}*/

#footer ul li a {
    color: #288db4;
    display: block;
    font-weight: 700;
    padding: 0.2em 0%;
    text-align: center;
    width: 100%;
}

/*@media screen and (max-width: 1199px) {
    #footer ul li a {
        font-size:90%;
    }*/

/*}*/

/*@media screen and (max-width: 1024px) {
    #footer ul li a {
        font-size:75%;
    }
}

@media screen and (max-width: 767px) {
    #footer ul li a {
        text-align:left;
        padding: 1em;
        font-size: 100%;
    }
}*/

#footer ul li:last-child { border-right: 0; }

#go_button {
    background-color: #d7d7d7;
    border-style: none;
    color: #F89721;
    font-family: "Georgia";
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    width: 35px;
}

#go_button1 {
    background-color: #d7d7d7;
    border-style: none;
    color: #F89721;
    font-family: "Georgia";
    font-size: 13px;
    font-weight: bold;
    height: 21px;
    width: 42px;
}

#logo {
    height: 40px;
    margin-bottom: 0;
    padding: 0;
}


#mainNav {
    background-color: #00AFDB;
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#mainNav1 {
    float: right;
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#mainNavCS {
    background-color: #E36F1E;
    list-style-image: none;
    list-style-type: none;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#mainNav li {
    display: inline;
    float: left;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#mainNav1 li {
    display: inline;
    float: left;
    height: 19px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#mainNavCS li {
    display: inline;
    float: left;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}

#mainNav li a {
    background-attachment: scroll;
    background-color: #00AFDB;
    background-position: right 0px;
    background-repeat: no-repeat;
    color: #666666;
    float: left;
    font-weight: normal;
    height: auto;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    text-decoration: none;
    width: auto;
}

#mainNav1 li a {
    background-attachment: scroll;
    background-color: #0065A4;
    background-position: right 0px;
    background-repeat: no-repeat;
    color: #666666;
    float: left;
    font-weight: normal;
    height: auto;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-decoration: none;
    width: auto;
}

#mainNavCS li a {
    background-attachment: scroll;
    background-color: #E36F1E;
    background-position: right 0px;
    background-repeat: no-repeat;
    color: #fff;
    float: left;
    font-weight: normal;
    height: auto;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    text-decoration: none;
    width: auto;
}

#mainNav li a span {
    background-attachment: scroll;
    background-color: #00AFDB;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: normal;
    height: 19px;
    margin: 0px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 4px;
    width: auto;
}

#mainNav1 li a span {
    background-attachment: scroll;
    background-color: #0065A4;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: normal;
    height: 19px;
    margin: 0px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    text-align: center;
    width: auto;
}

#mainNavCS li a span {
    background-attachment: scroll;
    background-color: #E36F1E;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: normal;
    height: 19px;
    margin: 0px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 4px;
    width: auto;
}

#mainNav li.current a {
    background-attachment: scroll;
    background-color: #00AFDB;
    background-position: right -47px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: default;
}

#mainNav1 li.current a {
    background-attachment: scroll;
    background-color: #0065A4;
    background-position: right -47px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: default;
}

#mainNavCS li.current a {
    background-attachment: scroll;
    background-color: #E36F1E;
    background-position: right -47px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: default;
}

#mainNav li.current a span {
    background-attachment: scroll;
    background-color: #00AFDB;
    background-position: 0px -47px;
    background-repeat: no-repeat;
    color: #0065A4;
}

#mainNav1 li.current a span {
    background-attachment: scroll;
    background-color: #014c6c;
    background-position: 0px -47px;
    color: #00AFDB;
    height: 29px;
    margin-top: -10px;
    vertical-align: bottom;
}

#mainNavCS li.current a span {
    background-attachment: scroll;
    background-color: #00AFDB;
    background-position: 0px -47px;
    background-repeat: no-repeat;
    color: #0065A4;
}

#mainNav li a:hover span {
    color: #0065A4;
    font-weight: normal;
    text-decoration: none;
}

#mainNav1 li a:hover span {
    color: #00AFDB;
    font-weight: normal;
    text-decoration: none;
}

#mainNavCS li a:hover span {
    color: #0065A4;
    font-weight: normal;
    text-decoration: none;
}

#mainNav li.current a:hover span {
    color: #fff;
    cursor: default;
    text-decoration: none;
}

#mainNav1 li.current a:hover span {
    color: #fff;
    cursor: default;
    text-decoration: none;
}

#navbox {
    background: #eae6dd url(/images/dcf/home_image.jpg) top right no-repeat;
    border: 1px solid #2f4f4f;
    margin: auto;
    margin-bottom: 1em;
    padding: 5px 0;
    width: 100%;
}

#navbox ul {
    background: #eae6dd;
    height: 252px;
    list-style-type: none;
    margin: 5px 0 0 5px;
    padding: 10px 0 0 20px;
    width: 12.5em;
}

#navbox ul li { list-style-type: none; }

#navbox h2 { margin-left: 5px; }

#navcolumn {
    background-color: #fff;
    color: #000;
    float: left;
    padding: 12px 7px 16px 8px;
    width: 25%;
}

#Navigation {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 25px;
    margin-top: 34px;
    padding: 0px;
    width: 960px;
}

#Navigation1 {
    color: #333;
    float: right;
    font-family: georgia;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 11px;
    padding: 0px;
    width: auto;
}

#NavigationCS {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 0px;
    width: 960px;
}


#seek1 {
    background-color: #d7d7d7;
    float: right;
    margin-right: 10px;
    margin-top: 14px;
    padding-left: 5px;
    vertical-align: top;
    width: 180px;
}

#seek1 label {
    font-weight: bold;
    margin-right: 45px;
}

#search {
    background-color: #fff;
    border-style: none;
    margin-top: 0px;
    width: 120px;
}

#Wrapper {
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    height: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0px;
    text-align: left;
    width: 960px;
}

#xbox { display: none; }


/* MECA styles MECA styles MECA styles MECA styles MECA styles MECA styles */

.floatedbox_meca {
    float: right;
    margin-left: 8px;
    width: 280px;
}

.floatedbox_meca h2 {
    background-color: #E36F1E;
    color: #fff;
    font-size: medium;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}

.floatedbox_meca ul { margin-top: 5px; }

.floatedbox_meca ul li { margin-left: -15px; }

	
div.mecaboxtabcontainer {
    float: left;
    margin: .5em 0;
    padding-left: .3em;
    width: 250px;
}

.mecaboxtabheading {
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;
    font-family: arial, helvetica, sans-serif;
    font-size: 90%;
    font-weight: bold;
    height: 44px;
    line-height: 1.2em;
    margin: 0;
    padding: 8px;
    padding-left: 24px;
    padding-top: 21px;
    text-align: center;
    width: 228px;
}

div.mecaboxtab_families {
    border-bottom: 1px solid #8f9ca2;
    border-left: 1px solid #8f9ca2;
    border-right: 1px solid #8f9ca2;
    border-top: none;
    color: #333;
    margin-left: 4px;
    margin-top: -37px;
    padding: 8px;
    padding-top: 15px;
    text-decoration: none;
    width: 222px;
}

div.mecaboxtab_providers {
    border-bottom: 1px solid #8f9ca2;
    border-left: 1px solid #8f9ca2;
    border-right: 1px solid #8f9ca2;
    border-top: none;
    color: #333;
    margin-left: 4px;
    margin-top: -40px;
    padding: 8px;
    padding-top: 18px;
    text-decoration: none;
    width: 226px;
}

div.mecaboxtab_fraud {
    border-bottom: 1px solid #8f9ca2;
    border-left: 1px solid #8f9ca2;
    border-right: 1px solid #8f9ca2;
    border-top: none;
    color: #333;
    margin-left: 4px;
    margin-top: -45px;
    padding: 8px;
    padding-top: 23px;
    text-decoration: none;
    width: 226px;
}

div.mecaboxtab_families img {
    border: none;
    float: left;
    margin-right: 7px;
}

div.mecaboxtab_providers img {
    border: none;
    float: left;
    margin-right: 7px;
}

div.mecaboxtab_fraud img {
    border: none;
    float: left;
    margin-right: 7px;
}

div.mecaboxtab_families ul li {
    list-style-type: square;
    margin-bottom: .5em;
    margin-left: -29px;
}

div.mecaboxtab_providers ul li {
    list-style-type: square;
    margin-bottom: .5em;
    margin-left: -29px;
}

div.mecaboxtab_fraud ul li {
    list-style-type: square;
    margin-bottom: .5em;
    margin-left: -29px;
}

.mecaheading {
    background: #336;
    border: 1px solid #cccccc;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 70%;
}

.mecaheading_aqua {
    background: #8cc5ce;
    border: 1px solid #cccccc;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 70%;
}

.mecaheading_lightblue {
    background: #08adf1;
    border: 1px solid #cccccc;
    color: #fff;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 70%;
}

.mecaheading_orange { color: #e36f1e }

.mecaheading_orange_reversed {
    background-color: #e36f1e;
    color: #fff
}

.mecaheading_red { color: #e31e3a }

.mecaboxhead_families {
    background-image: url('/images/dcf/families.jpg');
    color: #fff;
}

.mecaboxhead_providers {
    background-image: url('/images/dcf/providers.jpg');
    color: #fff;
}

.mecaboxhead_fraud {
    background-image: url('/images/dcf/fraud.jpg');
    color: #fff;
}


/* YoungStar page styles YoungStar page styles YoungStar page styles YoungStar page styles*/

div.youngstarstart {
    background: url('/youngstar/images/get_started_here.jpg');
    font-size: 13px;
    height: 386px;
    width: 310px;
}

div#youngstardiv { background: url('/youngstar/images/nav_background.png') top left repeat-x; }

.floatedboxyoungstarright {
    float: right;
    margin-left: 8px;
    width: 160px;
}

.floatedboxyoungstarright h2 {
    color: #f5a947;
    font-size: small;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}

.floatedboxyoungstarright ul {
    list-style-type: none;
    margin-top: 5px;
}

.floatedboxyoungstarright ul li {
    list-style-type: none;
    margin-left: -25px;
}

table.youngstar {
    margin-left: auto;
    margin-right: auto;
}

table.youngstar td p { vertical-align: top; }

table.youngstar td {
    border-bottom: 1px gray solid;
    font-size: 90%;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

table.youngstar li { font-family: arial; }

table.youngstar th {
    background: #fefad5;
    border: 0px;
    color: #f5a947;
    padding: 5px;
    text-align: left;
}

table.youngstar_counties {
    margin-left: auto;
    margin-right: auto;
}

.youngstarheading { color: #b94f28 }

#youngstar-navigation a { color: #b32317; }

#youngstar-navigation {
    height: 300px;
    overflow: hidden; /* Hides anything that goes outside the box. */
    position: relative; /* Scopes the positioning of child elements. */

    width: 910px;
}

#youngstar-navigation #kids {
    height: 300px;
    left: 0;
    overflow: hidden; /* Makes sure that only one image displays, even if js is disabled. */

    position: absolute;
    top: 0;
    width: 360px;
    z-index: 2;
}

#youngstar-navigation #navigation-background {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}

#youngstar-navigation #navigation-caption {
    font-size: 14px;
    height: 75px;

    left: 370px;
    
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 225px;
    width: 285px;

    z-index: 4;
}

#youngstar-navigation ul.link-list {
    height: 290px;
    left: 680px;
    margin: 0;
    padding: 10px 5px 5px 5px;

    position: absolute;
    top: 0px;
    width: 220px;
    z-index: 4;
}

#youngstar-navigation ul.link-list li {
    display: block;
    height: 66px;
    list-style-type: none;
    margin: 0px 5px 5px 5px;
    padding: 0;

    width: 208px;
}

#youngstar-navigation ul.link-list a {
    background: url("/images/nav_button_star_alpha.png") center no-repeat #feeabe;
    border: 1px solid white;
    display: block;
    font-size: 1.2em;
    height: 64px;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    width: 208px;
}

#youngstar-navigation ul.link-list a:hover { background: url("/images/nav_button_star_alpha.png") center no-repeat #fef1d3; }

#youngstar-navigation ul.link-list a:visited { color: #b32317; }

#youngstar-navigation1 a { color: #b32317; }

#youngstar-navigation1 {
    overflow: hidden; /* Hides anything that goes outside the box. */
    position: relative; /* Scopes the positioning of child elements. */

    width: 910px;
}

#youngstar-navigation1 ul.link-list1 {
    height: 290px;
    left: 680px;
    margin: 0;
    padding: 10px 5px 5px 5px;

    position: absolute;
    top: 0px;
    width: 220px;
    z-index: 4;
}

#youngstar-navigation1 ul.link-list1 li {
    display: block;
    height: 66px;
    list-style-type: none;
    margin: 0px 5px 5px 5px;
    padding: 0;

    width: 208px;
}

#youngstar-navigation1 ul.link-list1 a {
    background: url("/images/nav_button_star_alpha.png") center no-repeat #feeabe;
    border: 1px solid white;
    display: block;
    font-size: 1.2em;
    height: 64px;
    line-height: 64px;
    text-align: center;
    text-decoration: none;
    width: 208px;
}

#youngstar-navigation1 ul.link-list1 a:hover { background: url("/images/nav_button_star_alpha.png") center no-repeat #fef1d3; }

#youngstar-navigation1 ul.link-list1 a:visited { color: #b32317; }

#youngstar-page {
    /* Font list will either need to be changed to fonts more users will have,
       or a font-face license for Myriad will need to be procured. */
    font-family: arial, helvetica, sans-serif;
}

.youngstar_quote {
    background: #ffff99;
    border: 1px solid #000;
    color: #000;
    float: left;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 40%;
}

.youngstar_quote1 {
    background: #ccff99;
    border: 1px solid #000;
    color: #000;
    float: right;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 40%;
}

.youngstar_quote2 {
    background: #ccffff;
    border: 1px solid #000;
    color: #000;
    float: left;
    font-family: Verdana, sans-serif;
    font-size: small;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 40%;
}

#mobileheaderline { display: none; }

#logomobile { display: none; }

#mobilemenu { display: none; }

/* draft styles for mobile devices
@media screen and (max-width: 400px) {
	#logo {
				height: 80px;
				background: #5DCCE8;
				margin-bottom: 0px;
				float: left;
}
	#logo div {
				float: left;
				display: block;
}
	#logo img {
				height: 80px;
				float: left;

}
	#standardlogo {
				display: none;
}
	#logomobile {
				display: block;
}
	#Navigation {
		display: none;		
}
	#Navigation1 {
				display: none;
}
	#seek1 {
				float: right;
				display: block;
				background: #5DCCE8;
				margin: 15px 0px 0px 5px;
}

	#seek1 #search {
				border: 2px inset #F89721;
				height: 20px;
}

	#seek1 #go_button {
				background: #F89721;
				color: white;
				border: 2px outset #F89721;
				padding: 0px 4px 0px 2px;
}
	#mobileheaderline {
				clear: both;
				display: block;
				color: #5DCCE8;
				margin: 0px;
}
	#mobilemenu {
				float: right;
				clear: right;
				display: block;
				margin-top: 10px;
				margin-left: 120px;
				
}
	#mobilemenu input{
				background: #F89721;
				color: white;
				border: 2px outset #F89721;

}
}*/

.video {
    height: 250px;
    width: 100%;
}