.html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* --------------------------------------------------------------------------------------------- */
/* Typography */
/* --------------------------------------------------------------------------------------------- */
/*@import "compass/typography/links/link-colors";*/
body { line-height: 1.5; font-family: Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; color: #4c4c4c; font-size: 87.5%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; /*color: $header-color;*/ }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

h1 { font-size: 1.929em; line-height: 1; margin-bottom: 0.556em; }

h2 { font-size: 1.714em; line-height: 1.125; margin-bottom: 0.625em; color: #7f7f7f; }

h3, .hgroup h2 { font-size: 1.5em; line-height: 1.05; margin-bottom: 0.5em; }

h4 { font-size: 1.286em; line-height: 1.167; margin-bottom: 0.556em; }

h5 { font-size: 1.071em; line-height: 1.4; margin-bottom: 0.667em; font-weight: bold; }

h6 { font-size: 0.929em; line-height: 1.615; font-weight: bold; }

p { margin: 0 0 1.5em 0; }
p .left { display: inline; float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
p .right { display: inline; float: right; margin: 0 0 1.5em 1.5em; padding: 0; }

a { text-decoration: none; color: #166e9b; }
a:visited { color: #166e9b; }
a:focus { color: #224b89; }
a:hover { color: #224b89; }
a:active { color: #166e9b; }

blockquote { margin: 1.5em; color: #666666; font-style: italic; }

strong, dfn { font-weight: bold; }

em, dfn { font-style: italic; }

sup, sub { line-height: 0; font-size: 0.857em; }

sup { vertical-align: super; }

abbr, acronym { border-bottom: 1px dotted #666666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 0; width: 100%; font-size: 0.857em; font-family: "Tahoma", tahoma, Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; }

th { font-weight: bold; }

thead th { background: #9e2076; color: #fff; text-transform: uppercase; }

th, td { padding: 0.5em 0.714em 0.5em 0.643em; }

th, td { width: 22.787%; text-align: center; vertical-align: middle; }
th.datagroup, td.datagroup { width: 54.754%; text-align: left; }

td.datagroup { padding-left: 5.902%; }

td.even { background-color: #e5e9ee; }

/*table.striped tr:nth-child(even) td, table         tr.even            td { background: $table-stripe-color; }*/
tfoot { font-style: italic; }

caption { font-family: Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; font-weight: bold; text-transform: uppercase; }

.quiet { color: #666666; }

.loud { color: #111111; }

::selection { background-color: #224b89; color: #fff; }

::-moz-selection { background-color: #224b89; color: #fff; }

a::selection { background-color: #166e9b; /* Firefox */ color: #fff; }

a::-moz-selection { background-color: #166e9b; /* Firefox */ color: #fff; }

img { border: 1px solid #c1c1c1; background-color: #c1c1c1; }
.map img, img .pie { border: none; background-color: transparent; }

/* Navigation
---------------------------------------- */
#nav li { font-size: 1.071em; line-height: 1.0; }
.wf-active #nav li { font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; }
#nav a { color: #fff; font-weight: normal; }
.wf-active #nav a { font-weight: bold; text-shadow: rbga(0, 0, 0, 0.99) 0px 0px 1px; }
/*#nav a:hover, #nav a:focus { color: #fbb441; }*/
#nav .secondary li { font-size: 0.8em; font-family: Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; }

.nav h2 { font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; }

/* Site related tweeks
---------------------------------------- */
.section { color: #fff; }
.section h1 { font-size: 1.714em; margin-bottom: 0; }
.secondary-front .section h1 { font-size: 2em; }
.section .hgroup h2, .section .hgroup p { /*color:#d8d8d7;*/ }
.section a, .section .article a { color: #fff; }
.section .more { font-weight: bold; }
.tertiary-front .section p { line-height: 1.214; }

.hgroup h2 { font-style: italic; }
.section .hgroup h2 { color: #d8d8d7; font-size: 1.143em; }

/* Slideshow Tab panel
---------------------------------------- */
#slide-show .ui-tabs-panel h2 { margin-bottom: 0.308em; color: #fff; font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; font-size: 1.857em; /*        weight: bold;*/ line-height: 1.0; text-transform: uppercase; }
#slide-show .ui-tabs-panel p { margin-bottom: 1.75em; color: #d8d8d8; font-family: tahoma, "Tahoma", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; font-size: 1.143em; line-height: 1.188; }

/* Module adjustmets
---------------------------------------- */
.mod a { overflow: hidden; }
.mod h2 { color: #203969; font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; font-size: 1.143em; font-weight: bold; text-transform: uppercase; }
.secondary-front .mod h2 { text-transform: capitalize; }
.mod h3 { margin-bottom: 0; font-size: 1em; font-weight: bold; }
.mod a, .mod a h3 { color: #203969; }
.mod a:hover, .mod a:hover h3, .mod a:focus, .mod a:focus h3 { color: #166e9b; }
.mod cite { display: block; font-size: 0.714em; line-height: 1.4; }
.mod p { font-size: 0.857em; margin-bottom: 0.833em; }

.dyk h2, .callout h2 { color: #203969; font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; font-size: 1.143em; font-weight: bold; text-transform: uppercase; }

.tips ol { padding-left: 1.75em; }
.tips li { margin-bottom: 0.833em; font-weight: bold; font-size: 0.857em; line-height: 1.25; }

.figure h2 { margin-bottom: 0.313em; }

.updated, .mod .updated { font-size: 0.714em; text-transform: uppercase; color: #7f7f7f; }

.video-feed h3 { margin-bottom: 0; font-family: "proxima-nova-1", "proxima-nova-2", Arial, "Helvetica Neue", Helvetica, FreeSans, "Nimbus Sans L", sans-serif; font-size: 1.143em; font-weight: bold; }

.entry-content .entry-title { margin-bottom: 0; color: #203969; font-size: 1em; font-weight: bold; }
.entry-content a:hover .entry-title, .entry-content a:focus .entry-title { color: #166e9b; }
.entry-content .updated { margin-bottom: 0.75em; }
.entry-content .hfeed .url { display: block; }

/* State page
---------------------------------------- */
.state blockquote { font-style: normal; font-weight: bold; }
.state caption { font-size: 1.167em; }
.state th { font-weight: normal; /*      font-size: pxs2ems(12);*/ text-transform: capitalize; }
.state td { padding-top: 0.357em; padding-bottom: 0.357em; }
.state td.datagroup { font-weight: bold; }

#footnotes h3 { font-size: 0.857em; font-weight: bold; }
#footnotes dt, #footnotes dd { font-size: 0.786em; }

/* Footer
---------------------------------------- */
#footer { color: #b8c2d4; font-size: 0.714em; }
#footer a { color: #fff; }
#footer a:hover, #footer a:focus { color: #b8c2d4; }
#footer h2 { margin-bottom: 0; color: #b8c2d4; font-size: 1.1em; }
#footer .vcard p { margin-bottom: 0; }

a { color: #166e9b; }
a:visited { color: #166e9b; }
a:focus { color: #166e9b; }
a:hover { color: #224b89; }
a:active { color: #224b89; }

/* --------------------------------------------------------------------------------------------- */
/* Grid */
/* --------------------------------------------------------------------------------------------- */
/* Containing blocks
---------------------------------------- */
body { background-color: #fbb441; }

#wrapper { position: relative; text-align: left; margin: 0 auto; overflow: hidden; text-align: left; max-width: 960px; background-color: #fff; padding-top: 0; padding-right: 15px; padding-bottom: 1.071em; padding-left: 15px; -moz-box-shadow: 0px 0px 6px #9f7531; -webkit-box-shadow: 0px 0px 6px #9f7531; -o-box-shadow: 0px 0px 6px #9f7531; box-shadow: 0px 0px 6px #9f7531; }
.ie6 #wrapper { width: 960px; }

#main { background: white url("../images/oah-sys-images/bg-main.png") right top repeat-y; position: relative; padding-bottom: 1.429em; }
.home #main { background-image: url("../images/oah-sys-images/bg-main-home.png"); }

/* Basic Blocks
---------------------------------------- */
.article { width: 63.542%; padding: 0 2.604%; display: inline; float: left; }
#main .article { background: white url("../images/oah-sys-images/bg-article.png") left top repeat-x; }
.tertiary-front #main .article, .secondary-front #main .article { width: 64.583%; padding: 0 2.083%; background-position: left -46px; }
.tertiary-front #main .article .article, .secondary-front #main .article .article { width: auto; padding: 0; background-image: none; background-color: transparent; }
.home #main .article { width: 58.191%; padding: 0 2.128% 0 2.128%; }
#main li .article { background-image: none; background-color: transparent; }
.section .article { width: 66.563%; padding: 0; }
.home .section .article { position: absolute; bottom: 0; overflow: visible; }
#home .article { position: relative; width: 61.743%; padding: 0; background-position: left -46px; }

.aside { width: 27.083%; padding: 1.429em 2.083%; display: inline; float: right; background-color: #eff1f4; }
.home .aside { width: 33.333%; padding: 1.429em 2.083%; }
.section .aside { /* for usage if we want to stick .aside to the bottom,  worked in all browsers*/ position: absolute; bottom: 5px; right: 20px; width: 27.083%; /*width: (260/916) * 100%;*/ background-color: transparent; padding: 0; }
#home .section .aside { position: relative; left: 0; width: 34.006%; padding-top: 1.429em; padding-bottom: 0.429em; background-color: transparent; }

/* wonky full page override */
.full #main { background: none; }
.full .article { /*    width: auto;*/ width: 94.792%; }

/* Common Overrides
---------------------------------------- */
.hfeed { list-style: none; }
.hfeed .media { margin: 0 0 1em 0; }

ul.hfeed { padding-left: 0; margin-right: 0; }

/* Header
---------------------------------------- */
#header { margin-bottom: 2.571em; overflow: hidden; padding: 0 17px; height: 216px; background: white url("../images/oah-sys-images/bg-header.jpg") center bottom no-repeat; }
#header h1 { margin-top: 51px; width: 160px; }
#header h1 a { display: block; height: 153px; background: transparent url("/ash/oah/images/new-logo.png") left top no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-indent: -999999px; }

/* Navigation
---------------------------------------- */
#nav { position: absolute; top: 216px; right: 15px; left: 15px; /*  background-color: #700c50;*/ background: #700c50 url("../images/oah-sys-images/bg-nav.png") center top no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; z-index: 999; }
.cssgradients #nav { background-position: center top; background: url("../images/oah-sys-images/bg-nav.png"), -webkit-gradient(linear, 50% 0%, 50% 35, color-stop(0%, #a40c73), color-stop(40%, #a30d72), color-stop(100%, #700c50)); background: url("../images/oah-sys-images/bg-nav.png"), -webkit-linear-gradient(#a40c73, #a30d72 14px, #700c50 35px); background: url("../images/oah-sys-images/bg-nav.png"), -moz-linear-gradient(#a40c73, #a30d72 14px, #700c50 35px); background: url("../images/oah-sys-images/bg-nav.png"), -o-linear-gradient(#a40c73, #a30d72 14px, #700c50 35px); background: url("../images/oah-sys-images/bg-nav.png"), -ms-linear-gradient(#a40c73, #a30d72 14px, #700c50 35px); background: url("../images/oah-sys-images/bg-nav.png"), linear-gradient(#a40c73, #a30d72 14px, #700c50 35px); background-repeat: no-repeat; }
#nav ul { margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 0; /*    overflow: hidden;*/ list-style: none; background: transparent url("../images/oah-sys-images/bg-nav.png") center top no-repeat; }
#nav li { position: relative; border-left: 1px solid #700c50; display: inline; float: left; background: transparent url("../images/oah-sys-images/bg-nav-border.png") left top no-repeat; }
#nav li:first-child a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
#nav li:last-child a { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
#nav li:hover .secondary, 
#nav li:focus .secondary, 
#nav li:active .secondary, 
#nav li a:focus .secondary, 
#nav li.hover .secondary { top: auto; left: 0; }

#nav a { /*padding: 15px 14px;*/ margin-left: 1px; width: 100%; padding: 15px 0; display: block; text-align: center; }
.wf-active #nav a { padding: 12px 0 13px 0; }
#nav a:hover, #nav a:focus, #nav a.current { background: -webkit-gradient(linear, 50% 0%, 50% 40, color-stop(12.5%, #f421e9), color-stop(50%, #bf149c), color-stop(100%, #750c54)); background: -webkit-linear-gradient(#f421e9 5px, #bf149c 20px, #750c54 40px); background: -moz-linear-gradient(#f421e9 5px, #bf149c 20px, #750c54 40px); background: -o-linear-gradient(#f421e9 5px, #bf149c 20px, #750c54 40px); background: -ms-linear-gradient(#f421e9 5px, #bf149c 20px, #750c54 40px); background: linear-gradient(#f421e9 5px, #bf149c 20px, #750c54 40px); }
.no-cssgradients #nav a.current { background: transparent url("../images/oah-sys-images/bg-nav-bits.png") right -160px repeat-x; }
#nav #nav-home { margin-left: 0; border-left: none; background-image: none; }
.no-cssgradients #nav #nav-home { background: transparent url("../images/oah-sys-images/bg-nav-bits.png") left top no-repeat; }
.no-cssgradients #nav #nav-home .current { background: transparent url("../images/oah-sys-images/bg-nav-ends-hover.png") left top no-repeat; }
.no-cssgradients #nav #nav-grants { background: transparent url("../images/oah-sys-images/bg-nav-bits.png") right -80px no-repeat; }
.no-cssgradients #nav #nav-grants .current { background: transparent url("../images/oah-sys-images/bg-nav-ends-hover.png") right -80px no-repeat; }
#nav #nav-grants:hover .secondary, #nav #nav-grants:focus .secondary, #nav #nav-grants.hover .secondary { top: auto; left: auto; right: 0px; }
#nav .secondary, #nav .secondary ul, #nav .secondary a, #nav .secondary li:first-child a, #nav .secondary li:last-child a, #nav a:hover, #nav a:focus, #nav .secondary li, #nav #nav-grants:last-child .secondary a { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
#nav .secondary, #nav .secondary ul, #nav .secondary a, #nav a:hover .secondary a, #nav a:hover .secondary a:hover, #nav a:focus, #nav .secondary li { background-image: none; }
#nav .secondary { position: absolute; left: -9990px; top: -9990px; width: 218px; background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
#nav .secondary li { display: block; float: none; margin-bottom: 1px; border: none; width: 100%; }
#nav .secondary a { display: block; padding: 8px 0 9px 15px; width: auto; background: #e8eaec url("../images/oah-sys-images/bg-bullet.png") 5px -37px no-repeat; /*      background-color: #e8eaec;*/ text-align: left; color: #203969; }
#nav .secondary a:hover, #nav .secondary a:focus, #nav .secondary a.current { color: #fff; /*background-color: $bright-maroon;*/ background: #9e2076 url("../images/oah-sys-images/bg-bullet.png") -21px 12px no-repeat; }

#nav-home { width: 7.5%; }

#nav-about { width: 10.313%; }

#nav-initiatives { width: 14.063%; }

#nav-topic { width: 21.458%; }

#nav-news { width: 7.604%; }

#nav-resources { width: 21.354%; }

#nav-grants { width: 17.083%; }

/* Breadcrumbs
---------------------------------------- */
#breadcrumbs { margin: 0 -4.098%; padding: 0.929em 4.098%; }
#breadcrumbs ol { margin: 0; padding: 0; overflow: hidden; list-style: none; }
#breadcrumbs li { display: inline; float: left; font-size: 0.857em; }
#breadcrumbs li:after { content: "\00A0\003e\00A0"; }
#breadcrumbs .current a { color: #4c4c4c; font-weight: bold; }
#breadcrumbs .current:after { content: ""; }

/* Modules
---------------------------------------- */
.container { overflow: hidden; }
#main .container { background: transparent url("../images/oah-sys-images/bg-container.png") center top no-repeat; }
.secondary-front #main .container { background-image: none; }
#main .entry-content .container { background-image: none; }

.bnr { padding-top: 1.429em; }
.bnr h2 { margin-bottom: 0; }
.bnr a img { border: 1px solid #c1c1c1; }

#main .first { background-image: none; }
#main .second { padding-bottom: 1.071em; }

.mod { position: relative; display: inline; float: left; padding-top: 1.429em; width: 51.613%; }
.mod:first-child { width: 41.935%; padding-right: 3.226%; }
.mod .rss { position: absolute; top: 1.857em; left: 13.929em; }
.mod .rss a { display: block; width: 12px; height: 12px; text-indent: -999em; background: transparent url("../images/oah-sys-images/btn-sm-rss.png") center center no-repeat; }
.second .mod { width: 46.607%; }
.secondary-front #main .mod { margin-bottom: 0; width: 43.065%; padding-top: 0.857em; padding-right: 2.419%; padding-bottom: 1.071em; padding-left: 2.419%; }
.secondary-front #main .mod:first-child { margin-right: 3.226%; }
.entry-content .mod { width: 100%; padding-top: 0; }

.initiative-topic .mod { width: 46.774%; padding-left: 2.903%; }
.initiative-topic .mod:first-child { width: 46.774%; padding-right: 2.903%; padding-left: 0; }
.initiative-topic .mod img { max-width: 100%; }

.figure { padding-left: 3.226%; background: transparent url("../images/oah-sys-images/bg-figure.png") left top no-repeat; }
.home .figure .figure-caption { display: inline; float: left; width: 60%; font-weight: normal; font-size: 1.071em; line-height: 1.133; }
.home .figure .figure-caption a { display: block; clear: both; text-transform: uppercase; font-size: 0.667em; line-height: 1.7; color: #224b89; }
.home .figure .figure-caption a:hover, .home .figure .figure-caption a:focus { color: #166e9b; }
.home .figure .entry-content-asset { display: inline; float: right; width: 35.385%; }

.stories, .map, .secondary-front .mod { margin-top: 1.429em; margin-bottom: 1.429em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #c1c1c1; background-image: none; background-color: #fff; }

.stories { width: 49.677%; padding: 1em 2.419%; }

.map { width: 51.613%; padding: 1em 1.29%; }
.map h2 { text-align: center; }
.map .button, .map form { display: inline; float: left; }
.map .button { background-color: red; padding-top: 6px; padding-bottom: 8px; padding-left: 24px; color: #597195; font-weight: bold; font-size: 0.786em; text-transform: uppercase; }
.map form { width: 103px; margin-right: 5px; }
.map form label { position: absolute; left: -999em; top: auto; width: 1px; height: 1px; }
.map select { padding-top: 5px; padding-bottom: 5px; width: 100%; height: 26px; border-color: #dbdbdb; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background: white url("../images/oah-sys-images/bg-select-state.png") left top repeat-x; font-size: 11px; }
.map #nation-data { margin-right: 5px; padding-right: 11px; background: transparent url("../images/oah-sys-images/btn-national-data.png") left top no-repeat; }
.map #enlarge { padding-right: 4px; background: transparent url("../images/oah-sys-images/btn-enlarge.png") left top no-repeat; }

.pubs h3 { color: #203969; }
.pubs .media .url { display: inline; }
.pubs a { color: #166e9b; }
.pubs a:hover, .pubs a:focus { color: #224b89; }
.pubs abbr { border: none; }

.spotlight h3 { margin-bottom: 0.286em; }
.spotlight p { line-height: 1.333; }
.home .spotlight { width: 100%; }
.home #main .spotlight { margin-right: -1.754%; width: 101.786%; }
.home #main .spotlight .article { width: 31.579%; padding: 0 1.754% 0 0; background-image: none; }

.container .external-news { width: 100%; }
.external-news .entry-summary { color: #4c4c4c; }
.external-news a:hover, .external-news a:focus { outline: #166e9b dotted 1px; }
.external-news a:hover p, .external-news a:focus p { color: #166e9b; }

.meta { text-transform: uppercase; color: #7f7f7f; }
.mod .meta { margin-bottom: 0; font-size: 0.714em; }
.meta .updated { font-size: 1.0em; }
.meta .source { border-right: 1px solid #7f7f7f; padding-right: 0.25em; }

.tweet { padding: 1.071em 5.769%; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color: #3373a1; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(19%, #3373a1), color-stop(100%, #33acdf)); background: -webkit-linear-gradient(#3373a1 19%, #33acdf); background: -moz-linear-gradient(#3373a1 19%, #33acdf); background: -o-linear-gradient(#3373a1 19%, #33acdf); background: -ms-linear-gradient(#3373a1 19%, #33acdf); background: linear-gradient(#3373a1 19%, #33acdf); }
.tweet h2, .tweet a, .tweet p, .tweet a:hover, .tweet a:focus { color: #fff; }
.tweet p { margin-bottom: 0; }

.video-feed { list-style: none; margin: 0; padding-left: 0; }
.video-feed li { display: inline; float: left; }
.video-feed a { display: block; height: 185px; width: 180px; padding: 5px 5px 0 5px; margin-right: 10px; margin-bottom: 10px; }
.video-feed a:hover, .video-feed a:focus { background-color: #e5e9ee; }

.pie { padding-bottom: 1.429em; }
.pie .figure-caption { display: inline; float: left; width: 112px; font-size: 1.357em; font-weight: normal; }
.pie .figure-caption strong { font-weight: normal; }
.pie .entry-content-asset { display: inline; float: right; width: 177px; }

.large-map { border: none; }

.state-list .col { display: inline; float: left; width: 24%; margin-right: 3%; }
.state-list .last { margin-right: 0; }

.img-right { float: right; padding-left: .5em; padding-bottom: .25em; }
.img-right img { padding: 1px; }

.entry-content .dyk, .entry-content .callout { margin-left: .5em; border: 2px solid #c1c1c1; width: 200px; padding: 1.429em 1.429em 0 1.429em; background: transparent url("../images/oah-sys-images/bg-dyk.png") left top no-repeat; }
.entry-content .dyk p { color: #585858; font-size: 1.214em; line-height: 1.235; }
.entry-content .callout ul, .entry-content .callout ol { padding-left: 1em; }
.entry-content .callout img { max-width: 100%; margin-bottom: 1em; }

/* Content Blocks
---------------------------------------- */
.section { position: relative; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; padding: 1.286em 2.083% 0.214em 2.604%; background-color: #8c206b; }
.content .section { padding-top: 1.071em; padding-bottom: 1.071em; background-image: url("../images/oah-sys-images/bg-sec-content.jpg"); background-position: center bottom; background-repeat: no-repeat; }
#home .section { position: relative; width: inherit; padding: 0 2.083% 0 0; background: #8c206b url("../images/oah-sys-images/bg-section-home.jpg") no-repeat bottom center; }
.secondary-front .section { background-color: #b13f08; }
.secondary-front .section .article { display: inline; float: right; width: 61.069%; }
.secondary-front .section p { color: #fff; }

#main .hgroup { margin-top: 1.857em; margin-bottom: 0.714em; overflow: hidden; }

/* Side Navigation
---------------------------------------- */
.nav { margin-bottom: 1.0em; border-width: 1px; border-style: solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; padding: 9px; /* Over Rides for use within Fat Section */ }
.nav h2 { color: #fff; font-size: 1.143em; font-weight: bold; text-transform: uppercase; }
.nav h2 span { text-transform: lowercase; }
.nav ul { list-style: none; padding: 0; margin: 0; }
.nav li { margin-bottom: 1px; }
.nav a { display: block; padding: 0.429em 6px 0.5em 15px; color: #fff; font-weight: bold; background-image: url("../images/oah-sys-images/bg-bullet.png"); background-position: -21px 15px; background-repeat: no-repeat; }
.section .nav, .section .nav.tertiary, #home .section .nav { border: none; padding: 0; background-color: transparent; /*a { background-color: $mid-maroon; }*/ }

.aside { /* Define specific types */ }
.aside .secondary { border-color: #234578; background-color: #4d75b1; }
.aside .secondary h2 { color: #fedf9a; }
.aside .secondary a { background-color: #234578; }
.aside .secondary a:hover, .aside .secondary a:focus { background-color: #203969; }
.aside .topics { border-color: #de8900; background-color: #fdd594; }
.aside .topics h2 { color: #203969; }
.aside .topics a { background-color: #fbb441; color: #203969; background-position: -8px -10px; }
.aside .topics a:hover, .aside .topics a:focus { background-color: #de8900; }
.aside .tertiary, .home .aside .nav { border-color: #42092f; background-color: #42092f; }
.aside .tertiary a, .home .aside .nav a { background-color: #9e2076; }
.aside .tertiary a:hover, .aside .tertiary a:focus, .home .aside .nav a:hover, .home .aside .nav a:focus { background-color: #6c1d57; }
.section .aside .tertiary a:hover, .section .aside .tertiary a:focus, .section .home .aside .nav a:hover, .section .home .aside .nav a:focus { background-color: #42092f; }

.home .nav h2 { font-size: 1.714em; color: #d8d8d8; text-transform: capitalize; line-height: 1.0; margin-bottom: 0.625em; }
.home .nav a { padding: 0.214em 6px 0.214em 15px; background-position: -20px 11px; }

/* Banner buttons
---------------------------------------- */
.banner { margin-bottom: 1.0em; overflow: hidden; }
.banner a { display: block; height: 60px; overflow: hidden; text-indent: -999em; background-color: #ddd; background-position: left top; background-repeat: no-repeat; }
.banner a:hover, .banner a:focus { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; }
.home .banner a { height: 80px; }

.grantees a { background-image: url("../images/oah-sys-images/bg-sm-grantees.jpg"); }
.home .grantees a { background-image: url("../images/oah-sys-images/bg-lg-grantees.jpg"); }

.programs a { background-image: url("../images/banner-ebp.jpg"); }
.home .programs a { background-image: url("../images/banner-home-ebp.jpg"); }

.healthy a { background-image: url("../images/oah-sys-images/bg-sm-2020.jpg"); }
.home .healthy a { background-image: url("../images/oah-sys-images/bg-lg-2020.jpg"); }

.conversation a { background-image: url("../images/oah-sys-images/bg-sm-conversation.jpg"); }
.home .conversation a { background-image: url("../images/oah-sys-images/bg-lg-conversation.jpg"); }

.web-md a { background-image: url("../images/web-md-banner-interior.jpg"); height: 213px; }
.home .web-md a { background-image: url("../images/web-md-banner-home.jpg"); height: 262px; }

/* Social Media Buttons
---------------------------------------- */
.social-media { height: 78px; background: white url("../images/icons/bg-lg-social.png") center top no-repeat; }
.social-media ul { margin: 0; padding: 0 15px 0 17px; list-style: none; }
#home .social-media ul { padding: 0 50px 0 40px; }
.social-media li { display: inline; float: left; margin-left: 10px; width: 40px; }
.social-media li.email { margin-left: 25px; }
.social-media a, #home .social-media a { margin-top: 31px; height: 25px; background-color: transparent; background-position: center top; background-repeat: no-repeat; }
.social-media a:hover, .social-media a:focus, #home .social-media a:hover, #home .social-media a:focus { margin-top: 20px; height: 35px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.social-media .email a { background-image: url("../images/icons/btn-email.png"); }
.social-media .twitter a { background-image: url("../images/icons/btn-twitter.png"); }
.social-media .facebook a { background-image: url("../images/oah-sys-images/btn-facebook.png"); }
.social-media .youtube a { background-image: url("../images/icons/btn-youtube.png"); }
.social-media .linkedin a { background-image: url("../images/icons/btn-linkedin.png"); }
.social-media .slide-share a { background-image: url("../images/icons/btn-slideshare.png"); }
.social-media li.rss { display: none;}
/*#home .social-media { background-image: url("../images/icons/bg-lg-social.png"); height: 75px; }*/

/*  Media block re-worked Inspired buy @stubbornella http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/  Renamed .bd => .article and .img(Ext) => .obj(Ext) because there are a lot of instances where  it's text instead, and articles can be nested.
---------------------------------------- */
.media, .article { overflow: hidden; _overflow: visible; zoom: 1; }

.media { margin: 10px; }
.media .article { width: auto; float: none; display: block; }
.media .obj { float: left; margin-right: 10px; }
.media .obj img, .media .obj p { display: block; }
.media .objExt { float: right; margin-left: 10px; }
.media .url { display: block; }

/* Partner Logos
---------------------------------------- */
#partners { position: relative; padding: 1.071em 9px; overflow: hidden; background: white url("../images/oah-sys-images/bg-partners.png") repeat-x left top; }
#partners .carousel { width: 905px; display: inline; float: left; }
#partners ul { margin: 0; padding: 0; height: 71px; overflow: hidden; list-style: none; }
#partners li { display: inline; float: left; /*    margin-left: 8px;*/ /*    &:last-child a { padding-right: 0;x
}*/ }
#partners li a { display: block; padding: 0 3px 0 2px; }
#partners img { border: 1px solid #e8e8e8; }
#partners .button { height: 69px; display: block; text-indent: -999em; background: transparent url("../images/oah-sys-images/btn-partners.png") no-repeat left 7px; }
#partners .left { width: 18px; float: left; }
#partners .right { width: 17px; float: right; background-position: right 7px; }

/* Search
---------------------------------------- */
#search { position: absolute; top: 114px; right: 55px; width: 25%; }
#search li { display: inline; float: left; }
#search .text { width: 88.333%; }
#search .button { width: 11.667%; }
#search .button button { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -o-border-top-left-radius: 0; -ms-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -o-border-bottom-left-radius: 0; -ms-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; width: 100%; text-indent: -999em; background-image: url("../images/oah-sys-images/btn-search.png"); background-repeat: no-repeat; background-position: center center; background-color: #949fb0; -moz-box-shadow: rgba(117, 135, 160, 0.8) 1px 1px 2px 1px inset; -webkit-box-shadow: rgba(117, 135, 160, 0.8) 1px 1px 2px 1px inset; -o-box-shadow: rgba(117, 135, 160, 0.8) 1px 1px 2px 1px inset; box-shadow: rgba(117, 135, 160, 0.8) 1px 1px 2px 1px inset; margin-left: -5px; }
#search .button button:hover, #search .button button:focus { background-color: #8b9199; }
#search label { position: absolute; left: -999em; top: auto; width: 1px; height: 1px; }
#search button { border-left: 0px; }

#query { width: 100%; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -o-border-top-right-radius: 0; -ms-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -o-border-bottom-right-radius: 0; -ms-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Footer
---------------------------------------- */
#footer { background-color: #203969; overflow: hidden; }
#footer .vcard { width: 175; padding: 2em 15px; display: inline; float: left; background-color: #0f244c; }
#footer .footer-links { display: inline; float: left; width: 680px; }
#footer ul { list-style: none; padding: 0; margin: 2em 0 -1.5em 0; text-align: center; }
#footer li { display: inline; padding: 0 .4em 0 .5em; }
#wrapper:first-child #footer li { border-left: 1px solid #b8c2d4; }
#wrapper:first-child #footer li:first-child { border-left: none; }
#footer .awards { display: inline; float: right; width: 75px; padding-top: 14px; padding-right: 13px; }
#footer .awards img { border: none; background-color: transparent; }

/* Ribbon
---------------------------------------- */
.ribbon { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 40px; background: transparent url("../images/oah-sys-images/bg-ribbon.gif") left bottom repeat-x; text-align: center; }
.ribbon .container { position: relative; width: 960px; margin: 0 auto; overflow: hidden; text-align: left; }
.ribbon p { margin-bottom: 0; display: block; height: 40px; }
.ribbon .logo { float: left; background: transparent url("../images/oah-sys-images/bg-hhs-logo.gif") left bottom no-repeat; overflow: hidden; text-indent: -999em; width: 353px; }
.ribbon .url { float: right; overflow: hidden; background: transparent url("../images/oah-sys-images/bg-hhs-url.gif") left bottom no-repeat; }
.ribbon .url a { display: block; width: 132px; height: 40px; text-indent: -999em; }

/* jQuery 
---------------------------------------- */
.ui-tabs-hide, #slide-show .ui-tabs-hide { position: absolute; left: -999em; top: auto; width: 1px; height: 1px; top: -999em; }

/* Tab panel
---------------------------------------- */
#slide-show .ui-tabs-nav { position: absolute; bottom: 0px; right: 0px; z-index: 1000; width: 72px; padding-right: 88px; }
#slide-show .ui-tabs-nav li { display: inline; float: left; width: 10px; padding: 0 4px; }
#slide-show .ui-tabs-nav a { display: block; height: 10px; text-indent: -999em; background: transparent url("../images/oah-sys-images/bg-bullet-section.png") no-repeat center center; }
#slide-show .ui-tabs-nav a:hover, #slide-show .ui-tabs-nav a:focus, #slide-show .ui-tabs-nav .ui-tabs-selected a, #slide-show .ui-tabs-nav .ui-state-active a { background-image: url("../images/oah-sys-images/bg-bullet-section-hover.png"); }
#slide-show .ui-tabs-panel { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -o-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; width: auto; height: 204px; overflow: visible; padding-top: 90px; padding-left: 55.172%; padding-bottom: 40px; background-color: transparent; background-repeat: no-repeat; background-position: left bottom; }
#slide-show .ui-tabs-panel a { display: block; }
#slide-show .button { height: 29px; text-indent: -999em; background: transparent url("../images/oah-sys-images/btn-more.png") no-repeat center top; }
#slide-show a:hover .button, #slide-show a:focus .button { background-position: center bottom; }

/* State page
---------------------------------------- */
.table-group { margin-bottom: 1.5em; }
.table-group caption { font-size: 13px; }
.table-group thead th { text-transform: none; }
.table-group td { padding: .25em .714em .25em .643em; }

.state caption { padding-top: 0.5em; padding-bottom: 0.5em; }

#footnotes dt, #footnotes dd { float: left; margin-left: 0; }
#footnotes dt { width: 5.0%; }
#footnotes dd { width: 95.0%; margin-bottom: 0.75em; }

/* DB Search Page
---------------------------------------- */
#dbsearch .hgroup { text-align: center; }
#dbsearch .hgroup h2, #dbsearch .hgroup p { display: inline; }
#dbsearch h2 { margin-right: .25em; border-right: 1px dotted #616162; padding-right: .5em; color: #166e9b; font-size: 1.286em; font-style: normal; }

#dbresults { width: 100%; }
#dbresults thead { background: #fff7ec url("../images/oah-sys-images/bg-db-thead.png") center top no-repeat; background-color: #fff7ec; }
#dbresults th { background-color: transparent; color: #5d5d5c; text-transform: capitalize; }
#dbresults th, #dbresults td { border: 1px solid #dcdbd1; padding: 11px 14px; min-width: 54px; font-size: 0.917em; }
#dbresults .datagroup { min-width: 100px; font-weight: bold; }
#dbresults .header { background-image: url("../images/oah-sys-images/bg-sortable.png"); background-position: bottom right; background-repeat: no-repeat; }
#dbresults .header:hover, #dbresults .header:focus { background-color: #f2ebdf; cursor: pointer; }
#dbresults .headerSortDown { background-color: #f2ebdf; background-image: url("../images/oah-sys-images/bg-sort-asc.png"); }
#dbresults .headerSortUp { background-color: #f2ebdf; background-image: url("../images/oah-sys-images/bg-sort-dsc.png"); }

/* Health Topics overides
---------------------------------------- */
.highlights .ui-tabs-nav { margin: 0 0 25px 0; padding: 0; list-style: none; font-size: 11px; background: #f0f2f5; border-top: 1px solid #dfe4ea; border-right: 1px solid #dfe4ea; border-left: 1px solid #dfe4ea; }
.highlights .ui-tabs-nav li { float: left; position: relative; display: block; padding: 5px 7px; border-right: 1px solid #dfe4ea; border-bottom: 1px solid #dfe4ea; text-align: center; }
.highlights .ui-tabs-nav li.last { border-right: none; }
.highlights .ui-tabs-nav li.ui-tabs-selected { background: white; font-weight: bold; border-bottom: 1px solid white; }

.ui-tabs-nav #fast-facts { width: 62px; }
.ui-tabs-nav #the-numbers { width: 81px; }
.ui-tabs-nav #risks-and-protective-factors { width: 170px; }
.ui-tabs-nav #strategies-and-resources { width: 152px; }
.ui-tabs-nav #references { width: 69px; }

.content .figure { overflow: hidden; margin-bottom: 1.429em; border: 1px #c1c1c1 solid; padding: 1.0em; background-image: none; }
.content .figure img { margin-bottom: 1.071em; border: none; width: 100%; height: auto; background-color: transparent; }
.content .figure .vcard { position: absolute; top: 0px; right: 0px; width: 117px; height: 65px; text-indent: -990em; background: transparent url('/images/../images/oah-sys-images/logo-sm.png') left top no-repeat; }
.content .figcaption { font-weight: bold; margin-bottom: 1.786em; }
.content .map { float: right; margin-top: 0; margin-left: 1.0em; width: 51.613%; }

.figure .footer { position: relative; padding-right: 150px; height: 65px; font-size: 0.714em; font-weight: bold; line-height: 1.2; }

.data table { margin-bottom: 2.0em; }
.data .datagroup { font-weight: bold; }
.data td.datagroup, .data th.datagroup { width: 15%; }
.data .even { background-color: #e5e9ee; }

.entry-content .back { display: inline; float: left; margin-bottom: 1.0em; }
.entry-content .next { display: inline; float: right; margin-bottom: 1.0em; }
.entry-content .footer { clear: both; margin-top: 1.0em; border-top: 1px solid #d8d8d8; padding-top: 1.0em; }

/* Hidden nav related stuff
---------------------------------------- */
.skip { position: absolute; left: -999em; top: auto; width: 1px; height: 1px; }

/* Clearfix
---------------------------------------- */
#main, .section, #slide-show, #nav, .highlight-links { *zoom: 1; }
#main:after, .section:after, #slide-show:after, #nav:after, .highlight-links:after { content: ""; display: table; clear: both; }

/* --------------------------------------------------------------------------------------------- */
/* Section Background Images */
/* --------------------------------------------------------------------------------------------- */
#conversation-generation .section { background-image: url("../images/oah-sys-images/conversation-generation/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#conversation-generation .section .article { padding-top: 10.714em; }
#conversation-generation .section .aside { padding-top: 4.357em; }
#adolescent-health-topics .section { background-image: url("../images/oah-sys-images/adolescent-health-topics/bg-section.jpg"); background-repeat: no-repeat; background-position: center top; }
#oah-initiatives .section { background-image: url("../images/oah_sys_images/oah-initiatives/bg-section.jpg"); background-repeat: no-repeat; background-position: center top; }
#reproductive-health .section, #paf .section { background-image: url("../images/oah_sys_images/reproductive-health/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#paf_rc .section { background-image: url("../images/bg-section-paf-rc.jpg"); background-repeat: no-repeat; background-position: center top; }
#paf_program .section { background-image: url("../images/bg-section-paf-program.jpg"); background-repeat: no-repeat; background-position: center top; }
#reproductive-health .section .article, #paf .section .article { padding-top: 9.643em; }
#paf_rc .section .article, #paf_program .article { padding-top: 11.5em; }
#paf_rc .section .aside { padding-top: 11.5em; }
#reproductive-health .section .aside, #paf .section .aside { padding-top: 11.5em; }
#mental-health .section { background-image: url("../images/oah_sys_images/mental-health/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#mental-health .section .article { padding-top: 8.357em; }
#mental-health .section .aside { padding-top: 14.786em; }
#physical-health-nutrition .section { background-image: url("../images/oah-sys-images/physical-health-nutrition/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#physical-health-nutrition .section .article { padding-top: 14.357em; }
#physical-health-nutrition .section .aside { padding-top: 12.714em; }
#substance-abuse .section { background-image: url("../images/substance-abuse/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#substance-abuse .section .article { padding-top: 15.643em; }
#substance-abuse .section .aside { padding-top: 14.786em; }
#healthy-relationships .section { background-image: url("../images/oah-sys-images/healthy-relationships/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#healthy-relationships .section .article { padding-top: 11.857em; }
#healthy-relationships .section .aside { padding-top: 9.429em; }
#americas-adolescents .section { background-image: url("../images/americas-adolescents/bg-section.jpg"); background-repeat: no-repeat; background-position: center bottom; }
#americas-adolescents .section .article { padding-top: 11.857em; }
#americas-adolescents .section .aside { padding-top: 9.429em; }

.conversation-generation #wrapper .section { background-image: url("../images/oah-sys-images/conversation-generation/bg-sec-content.jpg"); }
.reproductive-health #wrapper .section { background-image: url("../images/oah-sys-images/reproductive-health/bg-sec-content.jpg"); }
.americas-adolescents #wrapper .section { background-image: url("../images/americas-adolescents/bg-sec-content.jpg"); }
.mental-health #wrapper .section { background-image: url("../images/oah_sys_images/mental-health/bg-sec-content.jpg"); }
.physical-health-nutrition #wrapper .section { background-image: url("../images/oah-sys-images/physical-health-nutrition/bg-sec-content.jpg"); }
.substance-abuse #wrapper .section { background-image: url("../images/substance-abuse/bg-sec-content.jpg"); }
.healthy-relationships #wrapper .section { background-image: url("../images/oah-sys-images/healthy-relationships/bg-sec-content.jpg"); }
.adolescent-health-topics #wrapper .section { background-image: url("../images/oah-sys-images/adolescent-health-topics/bg-sec-content.jpg"); }
.oah-initiatives #wrapper .section { background-image: url("../images/oah_sys_images/oah-initiatives/bg-sec-content.jpg"); }

/* --------------------------------------------------------------------------------------------- */
/* Forms */
/* --------------------------------------------------------------------------------------------- */
.input_tiny { width: 50px; }

.input_small { width: 100px; }

.input_medium { width: 150px; }

.input_large { width: 200px; }

.input_xlarge { width: 250px; }

.input_xxlarge { width: 300px; }

.input_full { width: 100%; }

.input_full_wrap { display: block; padding-right: 8px; }

::-moz-focus-inner { border: 0; padding: 0; }

input[type="search"]::-webkit-search-decoration { display: none; }

input, button, select, textarea { margin: 0; vertical-align: middle; }

input[type="radio"], input[type="checkbox"] { position: relative; vertical-align: top; top: 3px; top: 0 \0; *top: -3px; }

@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) { input[type="radio"], input[type="checkbox"] { vertical-align: baseline; top: 2px; } }
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) { input[type="radio"], input[type="checkbox"] { vertical-align: baseline; top: 0; } }
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) { input[type="radio"], input[type="checkbox"] { vertical-align: baseline; top: 0; } }
button, input[type="reset"], input[type="submit"], input[type="button"] { -webkit-appearance: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; background: #dddddd url("../images/oah-sys-images/button.png") repeat-x; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(#ffffff, #dddddd); background: -moz-linear-gradient(#ffffff, #dddddd); background: -o-linear-gradient(#ffffff, #dddddd); background: -ms-linear-gradient(#ffffff, #dddddd); background: linear-gradient(#ffffff, #dddddd); border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; outline: 0; overflow: visible; padding: 3px 10px; text-shadow: white 0 1px 1px; width: auto; *padding-top: 2px; *padding-bottom: 0px; }

button { *padding-top: 1px; *padding-bottom: 1px; }

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], #search button, #search button, input[type="time"], input[type="url"], input[type="week"] { -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; background-color: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; outline: 0; padding: 2px 3px; font-size: 13px; font-family: Arial, "Liberation Sans", FreeSans, sans-serif; height: 1.8em; *padding-top: 2px; *padding-bottom: 1px; *height: auto; }

::-webkit-input-placeholder { color: #888888; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #888888; }

input.placeholder-text, textarea.placeholder-text { color: #888888; }

:invalid { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { -moz-box-shadow: #0066ff 0 0 7px; -webkit-box-shadow: #0066ff 0 0 7px; box-shadow: #0066ff 0 0 7px; z-index: 1; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

select[disabled], textarea[disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="email"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], #search button[disabled], #search button[disabled], input[type="time"][disabled], input[type="url"][disabled], input[type="week"][disabled] { background-color: #eeeeee; }

button[disabled], input[disabled], select[disabled], select[disabled] option, select[disabled] optgroup, textarea[disabled] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: #888888; cursor: default; }

textarea, select[size], select[multiple] { height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) { select { background-image: url("../images/oah-sys-images/select_arrow.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
  select[size], select[multiple] { background-image: none; padding: 0; }
  ::-webkit-validation-bubble-message { box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black)); border: 1px solid; border-color: #747474 #5e5e5e #4f4f4f; color: white; font: 11px/1 "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif; padding: 15px 15px 17px; text-shadow: black 0 0 1px; }
  ::-webkit-validation-bubble-top-outer-arrow, ::-webkit-validation-bubble-top-inner-arrow { display: none; } }
textarea { min-height: 40px; overflow: auto; resize: vertical; width: 100%; }

optgroup { color: black; font-style: normal; font-weight: normal; }

.ie6_button, * html button { background: #dddddd url("../images/oah-sys-images/button.png") repeat-x; border: 1px solid; border-color: #dddddd #bbbbbb #999999; cursor: pointer; color: #333333; font: bold 12px/1.2 Arial, sans-serif; padding: 2px 10px 0px; overflow: visible; width: auto; }

* html button { padding-top: 1px; padding-bottom: 1px; }

.ie6_input, * html textarea, * html select { background: white; border: 1px solid; border-color: #848484 #c1c1c1 #e1e1e1; color: black; padding: 2px 3px 1px; font-size: 13px; font-family: Arial, sans-serif; vertical-align: top; }

* html select { margin-top: 1px; }

.placeholder_text, .ie6_input_disabled, .ie6_button_disabled { color: #888888; }

.ie6_input_disabled { background: #eeeeee; }

/* The Basics
---------------------------------------- */
form { width: 75%; }
form ol, form ul { margin: 0; padding: 0; list-style: none; }
form li { margin-bottom: 1.0em; }
form li li { margin-bottom: 0; }
form label { display: block; }

.radio label, .checkbox label { display: inline; }

select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], #search button, #search button, input[type="time"], input[type="url"], input[type="week"] { width: 65%; font-size: 1em; }

input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], #search button, #search button, input[type="time"], input[type="url"], input[type="week"] { height: 2.143em; padding: 0.5em 0.786em; }

/* Site Level form stylings
---------------------------------------- */
/*select,*/
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], #search button, #search button, input[type="time"], input[type="url"], input[type="week"] { -moz-border-radius: 0.286em; -webkit-border-radius: 0.286em; -o-border-radius: 0.286em; -ms-border-radius: 0.286em; -khtml-border-radius: 0.286em; border-radius: 0.286em; background-color: #fff; border-style: solid; /*border-style: inset; border-width: 1px;*/ border-color: #949fb0; -moz-box-shadow: rgba(211, 217, 224, 0.5) 1px 1px 2px 1px inset; -webkit-box-shadow: rgba(211, 217, 224, 0.5) 1px 1px 2px 1px inset; -o-box-shadow: rgba(211, 217, 224, 0.5) 1px 1px 2px 1px inset; box-shadow: rgba(211, 217, 224, 0.5) 1px 1px 2px 1px inset; }
input[type="date"]:focus, input[type="date"]:hover, input[type="datetime"]:focus, input[type="datetime"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="month"]:focus, input[type="month"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="search"]:focus, input[type="search"]:hover, input[type="tel"]:focus, input[type="tel"]:hover, input[type="text"]:focus, #search button:focus, #search button:focus, input[type="text"]:hover, #search button:hover, #search button:hover, input[type="time"]:focus, input[type="time"]:hover, input[type="url"]:focus, input[type="url"]:hover, input[type="week"]:focus, input[type="week"]:hover { background-color: #ededed; }

button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active { -moz-box-shadow: #6c1d57 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; -webkit-box-shadow: #6c1d57 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; -o-box-shadow: #6c1d57 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; box-shadow: #6c1d57 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; z-index: 1; }

textarea, select { -moz-border-radius: 0.286em; -webkit-border-radius: 0.286em; -o-border-radius: 0.286em; -ms-border-radius: 0.286em; -khtml-border-radius: 0.286em; border-radius: 0.286em; border-style: solid; border-color: #949fb0; }

input.placeholder-text, textarea.placeholder-text, input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

::-webkit-input-placeholder { color: #b0b0b0; }

/* Error styling */
.error .error-message { display: block; clear: both; color: #c00; margin-bottom: 0.5em; }
.error input, .error textarea { -moz-box-shadow: red 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; -webkit-box-shadow: red 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; -o-box-shadow: red 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; box-shadow: red 0 0 2px 1px, rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; }

li.error { border: 1px solid #800000; -moz-border-radius: 0.286em; -webkit-border-radius: 0.286em; -o-border-radius: 0.286em; -ms-border-radius: 0.286em; -khtml-border-radius: 0.286em; border-radius: 0.286em; padding: 0.25em 1.0em 1.0em 1.0em; background-color: #F5E5E5; }

/* Individual form Overrides 
---------------------------------------- */
#search input[type="search"], #search input[type="text"], #search #search button, #search #search button { background-color: #b2bcca; -moz-box-shadow: rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; -webkit-box-shadow: rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; -o-box-shadow: rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; box-shadow: rgba(140, 152, 169, 0.5) 1px 1px 2px 1px inset; }
#search input[type="search"]:focus, #search input[type="search"]:hover, #search input[type="text"]:focus, #search #search button:focus, #search #search button:focus, #search input[type="text"]:hover, #search #search button:hover, #search #search button:hover { background-color: #d0d8e2; }
#search input.placeholder-text, #search textarea.placeholder-text, #search input:-moz-placeholder, #search textarea:-moz-placeholder { color: #fff; }
#search ::-webkit-input-placeholder { color: #fff; }

#dbsearch { margin-bottom: 1.7em; width: auto; }
#dbsearch ol { background-color: #fff7ec; padding-top: 1.5em; }
#dbsearch label { font-weight: bold; font-size: 0.786em; }
#dbsearch select { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
#dbsearch select option { padding-top: 2px; padding-bottom: 2px; }
#dbsearch .checkbox li label { font-weight: normal; }
#dbsearch .text, #dbsearch .checkbox { /*    display:inline;*/ float: left; /*    width: 50%;*/ overflow: hidden; }
#dbsearch .text label, #dbsearch .text ul, #dbsearch .text li, #dbsearch .checkbox label, #dbsearch .checkbox ul, #dbsearch .checkbox li { display: inline; }
#dbsearch .text { width: 35%; /*padding-right: 5%;*/ padding-left: 119px; }
#dbsearch .text input { margin-left: .5em; width: 55%; font-size: 0.786em; }
#dbsearch .checkbox input { margin-left: 5px; }
#dbsearch .programs { text-transform: uppercase; }
#dbsearch .fieldset { padding: 0 13.077%; clear: both; background-color: #feeaca; }
#dbsearch fieldset ol { background-color: transparent; }
#dbsearch fieldset li { float: left; padding-bottom: 1.5em; padding-right: 20px; }
#dbsearch fieldset select { width: 100%; font-size: 0.786em; }
#dbsearch fieldset p { clear: both; text-align: center; }
#dbsearch .button { text-align: center; padding-bottom: 1.0em; }
#dbsearch .program-type { width: 186px; }
#dbsearch .setting { width: 296px; }
#dbsearch .intervention-length { width: 148px; padding-right: 0; }
#dbsearch .age { width: 113px; }
#dbsearch .ethnicity { width: 126px; }
#dbsearch .outcomes { width: 251px; }
#dbsearch .study-rating { width: 121px; padding-right: 0; }

/* --------------------------------------------------------------------------------------------- */
/* IE Fixing */
/* --------------------------------------------------------------------------------------------- */
/* Fix those pesky hasLayout bugs */
.zoom, .ie6 #home .nav a, .ie6 #nav ul, .ie6 #nav li, .ie6 #nav a, .ie6 .ui-tabs-nav, .ie6 #slide-show, .ie6 .banner a, .ie6 #main .aside, .ie6 .container, .ie6 .mod, .ie6 .spotlight .article, .ie6 #footer, .ie6 #partners, .ie6 #search ol, .ie67 .nav, .ie67 .tips ol, .ie67 #nav ul, .ie67 #nav li, .ie67 #nav a, .ie67 .nav li, .ie67 #nav li li, .ie67 #search ol, .ie67 #search li, .ie67 #search .text input { zoom: 1; }

.ie a { word-wrap: break-word; }

/* IE 6
---------------------------------------- */
.ie6 #home .nav a:hover, .ie6 #home .nav a:focus { color: #fff  !important; }
.ie6 #nav { /*width: 100%;*/ }
.ie6 #nav ul { width: 100%; }
.ie6 #nav-home a { margin-left: 0; }
.ie6 #nav-home a { margin-left: 0; }
.ie6 #nav-grants { width: 16.50%; }
.ie6 #slide-show { height: 23.929em; }
.ie6 #main .aside { padding: 20px; }
.ie6 #main .article { padding-right: 3px; }
.ie6 .section a { color: #fff; }
.ie6 .section a:hover, .ie6 .section a:focus { color: #fff; }
.ie6 .section .aside .nav { background-color: transparent; }
.ie6 .secondary-front .container { margin-right: -3.226%; }
.ie6 .secondary-front .mod { margin-right: 3.125%; }
.ie6 .secondary-front #main .mod { width: 41.719%; }
.ie6 .tertiary-front .section .aside { width: 260px; }
.ie6 .tips, .ie6 .advice { width: 41.129%; padding-right: 3.226%; }
.ie6 .pubs, .ie6 .spotlight { width: 41.935%; padding-right: 3.065%; }
.ie6 .tweet { margin-right: 20px; }
.ie6 .home .dyk { padding-right: 20px; }
.ie6 .state .article { padding: 0 25px 0 24px; }
.ie6 #search .text { width: 85%; }

/* IE 6 & 7
---------------------------------------- */
.ie67 .nav a { display: block; }
.ie67 #nav ul { width: 100%; }
.ie67 .nav li, .ie67 #nav li li { display: inline; width: 100%; }

/* IE 7
---------------------------------------- */
.ie7 #search .text input { margin-top: -1px; height: 15px; }
.ie7 #search button { border: none; }
