/********** Top Navigation Bar **********/
#header ul {
    margin: 0;
    padding: 6px 0em 34px 36px;
    list-style: none;
    background: url(/images/banners/top-nav-bg.png) repeat-x bottom;
}

#header li {
    display: inline;
    margin: 0;
    padding: 0;
}

#header a {
    float: left;
    background: url(/images/banners/top-nav-left.png) no-repeat left top;
    margin: 0 35px 0 0;
    padding: 0 0 0 6px;
    text-decoration: none;
}

#header a span {
    float: left;
    display: block;
    background: url(/images/banners/top-nav-right.png) no-repeat right top;
    padding: 3px 15px 18px 8px;
    font-weight: bold;
    text-align: center;
    color: #000;
    font-size: 11px; /* 0.92em */
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {
    float: none;
}
/* End IE5-Mac hack */

#header a.navHere {
    background-position: 0 -62px;
}
#header a.navHere span {
    background-position: 100% -62px;
}
#header a:hover {
    background-position: 0 -62px;
}
#header a:hover span {
    background-position: 100% -62px;
}
#header a:focus {
    background-position: 0 -62px;
}
#header a:focus span {
    background-position: 100% -62px;
}

/* Holds the logOut and navigation divs */
#left {
    float: left;
    width: 100%;
    margin-right: 5px;
}

/********** Side Navigation **********/


/* Side Navigation */
#navigation {
    display: inline;
    width: 220px;
    float: left;
    /*padding: 0;*/
    clear: left;
/*    margin: 0 20px 0 0;*/
    padding: 0 20px 0 0;
}

#navigation #logOut {
    padding-bottom: 12px;
    padding-left: 3px;
}

/* Navigation Measurements stay in pixels */
#navigation h3 {
    background: url(/images/headers/sidenav.png) bottom left no-repeat;
    height: 18px;
    padding: 7px 0px 1px 12px;
    margin-bottom: 5px;
    font-size: 11px; /* 0.92em */
}
#navigation h3.highlighted {
    background-image: url(/images/headers/sidenav-yellow.png);
}
#navigation a:visited {
    color: #996633;
}
#navigation a:hover {
    color: #006699;
    text-decoration: underline !important;
}
#navigation a.loginButton:hover {
    text-decoration: none !important;
}
#navigation .indentNoBling {
    padding-left: 10px;
    padding-bottom: 10px;
}
#navigation .indentNoBling li {
    padding: 3px;
}
#navigation .indentNoBling a {
    text-decoration: none;
}
#navigation p {
    margin-left: 2px;
}

/********** General Layout **********/



#breadCrumbs {
    /* Page width is 55, 8em spacing for "Print Friendly" links */
    width: 564px;
}

#breadCrumbsNoPrint {
    /* Page width no "Print Friendly" links */
    width: 660px;
}

#nonNav {
    /* This is the left-ish part of the page*/
    width: 713px;
    float: left;
    /*margin-left: 3px;*/
}

#main {
    /*Usually inside nonNav */
    float: left;
    display: block;
    clear: none;
    width: 100%;
}

#main3column {
    float: left;
    display: block;
    clear: none;
    width: 460px;
    margin: 0 10px 0 0;
}

/* Use for non H1 tag to span all columns */
#main4column {
    padding-left: 0;
    float: left;
    display: block;
    clear: none;
    height: auto;
}

#breadcrumbs {
    width: 455px;
    min-height: 12px !important;
    float: left;
    padding: 0em 12px 0em 2px;
    display: block;
    clear: none;
}

#right {
    /*Right Column */
    float: right;
    width: 220px;
    height: auto;
    margin: 15px 0px 0 10px;
}

/********** Specific Pages **********/
/***** Child Detail *****/
#childGroupList {
    clear: both;
}
#childGroupListTable {
    width: 658px;
    padding-bottom: 18px;
}
#chkbxlstStatus td {
    padding-bottom: 6px;
}
/*** Child Inquiry ***/
.childInqHead td {
    vertical-align: bottom;
}
.childInqBody td {
    vertical-align: top;
}
/***** Family Detail *****/
#FamilyDetailContent {
    background-color: #fff6dd;
    margin-right: 6px;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: #ffcc33;
    border-style: solid;
}
#familyApplicantView th {
    text-align: right;
}
/* Start of Not-Generic Stuff */

.listtitle {
    font-weight: bold;
    color: #003366;
    text-decoration: none;
    vertical-align: bottom;
}
.listbody /* For ruled tables where we only want horizontal padding */ {
    padding-right: 5px;
}
.bottomline {
    border-bottom: 1px solid black;
}
.listresultsmall {
    font-size: 0.9em;
}

/* Red triangle found on My Page's.                         */
/* Width & height change with user's text-size preferences. */
img.redTriangle {
    width: .8em;
    height: .8em;
    padding-right: .25em;
}

/* to prevent image links from having a border */
img {
    border: 0;
}
/* For static content, that needs to be displayed in 2 side-by-side columns */
.doubleColumn {
    float: left;
    margin-right: 20px;
    width: 320px;
}

/* Start Line spacing and larger font for content pages, family and child narratives */
#nonNav p, #mainFormContainer p, .familyNarrativeContent, .ContentText, #publicView p,
#nonNav .indentAndBling li, #nonNav .indentNoBling li, #nonNav .indentNoBlingOL li, #nonNav .indentAndBlingOL li {
    line-height: 1.5em;
}
/*#nonNav li{
	line-height:1.2em;
	margin-bottom:0.75em;}*/
#nonNav ul {
    margin-top: 6px;
}
#nonNav li li {
    font-size: inherit;
}
#nonNav li p {
    font-size: inherit;
}
.childrenPlaced p {
}
/* end line spacing */
.childCaseSummary {
    /* blue background of child summary tables */
    background-color: #C9D0E4;
    width: 100%;
}
#header #bluebar {
    background: url(/images/banners/bluebar.png) repeat-x;
    position: absolute;
    top: 70.5px;
    height: 8px;
    width: 100%;
}