/*CSS file for Family Health Options based on the Flexi template*/
body   { background-color: #ddd; margin: 0; padding: 0 }
#FlexiAll  { margin-top: 10px; margin-right: auto; margin-left: auto; position: relative; width: 990px; height: auto }
#BorderTop { background-image: url("gfx/BorderTop.jpg"); background-repeat: no-repeat; position: relative; width: 990px; height: 20px }
#FlexiTop    { background: url("gfx/TopBackground.jpg") repeat-y; position: relative; width: 990px; height: 100px }
#FlexiTop p  { word-spacing: 5px; padding-top: 75px; padding-right: 18px; padding-left: 18px; width: 250px; vertical-align: bottom }
#FlexiTop a:link { color: #0b3b87; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
#FlexiTop a:visited { color: #0b3b87; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
#FlexiTop a:hover { color: #ddd; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
#FlexiSearch  { margin-left: -5px; position: absolute; z-index: 3; top: 97px; left: 285px; width: 300px; height: 30px }
#FlexiSearch input { color: #0b3b87; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #fff; margin-left: 5px; vertical-align: middle; border: solid 1px #ccc }
#FlexiSearch input:hover { color: #0b3b87; font-size: 10px; font-family: Arial; line-height: 12px; background-color: #efefef; margin-left: 5px; vertical-align: middle; border: solid 1px #ccc }
#FlexiHeader { background: url("gfx/flexi/FlexiHeader.gif") no-repeat; position: absolute; z-index: 2; top: 7px; left: 775px; width: 180px; height: 110px }
#FlexiTitle    { background: url("gfx/TitleBackground.jpg") repeat-y; position: relative; width: 990px; height: 50px }
#FlexiTitle p { color: #8b99af; font-size: 22px; font-family: "Times New Roman"; font-style: italic; line-height: 50px; text-align: right; letter-spacing: 1px; padding-right: 25px }
#ContentWrapper  { background-image: url("gfx/ContentBackground.jpg"); background-repeat: repeat-y; position: relative; width: 990px; height: auto; clear: none }
#LeftGradient { background-image: url("gfx/Left-Gradient-3.jpg"); background-repeat: no-repeat; position: absolute; left: 3px; width: 248px; height: 350px }
#FlexiLeft     { font-size: 0.8em; font-family: Arial; background-color: transparent; background-attachment: scroll; background-position: 0 0; position: relative; z-index: 3; left: 3px; width: 248px; float: left }
#FlexiLeft h3 { font-size: 14px; text-indent: 20px }
#FlexiLeft a  { color: #0b3b87; text-decoration: none; display: block; width: 248px }
#FlexiLeft ul li { text-indent: 40px; list-style-type: none; display: block; margin-left: -40px }
#FlexiLeft a.selflink { color: #fff; text-decoration: none; background-color: #0b3b87 }
#FlexiLeft a:hover  { color: #fff; text-decoration: none; background-color: #0b3b87 }
#MainWrapper   { margin-left: 265px; position: relative; width: 690px }
#FlexiMain     { font-size: 0.9em; font-family: Arial; line-height: 1.3em; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-right: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; position: relative; width: 650px }
#FlexiMain h1 { color: #8b99af; font-size: 2.5em; font-family: "Times New Roman", Times; font-style: italic; font-weight: bold; text-align: center }
#FlexiMain h2 { color: #000; font-size: 1.5em; font-weight: bold }
#FlexiMain h3 { color: #0b3b87; font-size: 1.3em; font-weight: bold }
#FlexiMain h4 { color: #000; font-size: 1.2em; font-weight: bold }
#FlexiMain h5 { color: #0b3b87; font-size: 1.2em; font-weight: bold }
#FlexiMain a:link { color: #1663aa; text-decoration: underline }
#FlexiMain a:visited { color: #76849a; text-decoration: underline }
#FlexiMain a:hover { color: #0b3b87; text-decoration: underline }
#FlexiRight    { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-left: 20px; padding-right: 10px; padding-left: 10px; position: relative; width: 150px; height: auto; float: right; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #0b3b87 }
#FlexiRight a.selflink  { color: #76849a; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none }
#FlexiFooter      { color: #8b99af; font-size: 0.8em; font-family: Arial; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: right; padding-top: 20px; padding-bottom: 10px; position: relative; width: 650px; clear: both }
#FlexiFooter a:link { color: #8b99af; text-decoration: none }
#FlexiFooter a:visited { color: #8b99af; text-decoration: none }
#FlexiFooter a:hover { color: #0b3b87; text-decoration: none }
#BorderBottom { background-image: url("gfx/BorderBottom.jpg"); background-repeat: no-repeat; position: relative; width: 990px; height: 20px }
#FlexiBottom    { color: #909db0; font-size: 0.75em; font-family: Arial; background-color: transparent; background-attachment: scroll; background-position: 0 0; position: relative; width: 990px; height: auto }
#FlexiBottom a:link { color: #8b99af; text-decoration: none }
#FlexiBottom a:visited { color: #8b99af; text-decoration: none }
#FlexiBottom a:hover { color: #0b3b87; text-decoration: none }
div.toc { font-size: 11px; background-color: #fff; padding: 10px; border-top: none; border-right: none; border-bottom: none; border-left: 2px solid #0b3b87 }
div.toc a:link, a:visited { color: #1663aa; text-decoration: none }
div.toc a:hover { color: #0b3b87; text-decoration: underline }