BODY {COLOR:#1B5086; FONT-FAMILY: Montserrat, Calibri, Verdana, Sans Serif; FONT-SIZE: 1.125em; FONT-WEIGHT: normal; font-style:normal; line-height:1.8em; FONT-DECORATION: none; background-color:#ffffff; background-attachment:fixed; background-repeat: no-repeat; background-position:top center; } A:link{color: #F53232; font-weight: normal; line-height: 1.5em; text-decoration: none; } A:visited{color: #F53232; font-weight: normal; text-decoration: none;} A:active{color: #F53232; font-weight: normal; text-decoration: none;} A:external{color: #F53232; font-weight: normal; text-decoration: none;} A:hover {COLOR: #8F8D99; font-weight: normal; TEXT-DECORATION: none; } A.navbar:link{color: #A50D12; font-weight: bold; line-height: 1.0em; text-decoration: none; } A.navbar:visited{color: #A50D12; font-weight: bold; line-height: 1.0em; text-decoration: none;} A.navbar:active{color: #A50D12; font-weight: bold; line-height: 1.0em; text-decoration: none;} A.navbar:external{color: #A50D12; font-weight: bold; line-height: 1.0em; text-decoration: none;} A.navbar:hover {COLOR: #1B5086; font-weight: bold; line-height: 1.0em; TEXT-DECORATION: none; } A.youth:link{color: #57791A; font-weight: normal; line-height: 1.5em; text-decoration: none; background-color:white;} A.youth:visited{color: #CB0101; font-weight: normal; text-decoration: none;} A.youth:active{color: #CB0101; font-weight: normal; text-decoration: none;} A.youth:external{color: #CB0101; font-weight: normal; text-decoration: none;} A.youth:hover {COLOR: #CB0101; font-weight: normal; TEXT-DECORATION: none; background-color:yellow;} A.parents:link{color: #57791A; font-weight: normal; line-height: 1.5em; text-decoration: none; background-color:white;} A.parents:visited{color: #CB0101; font-weight: normal; text-decoration: none;} A.parents:active{color: #CB0101; font-weight: normal; text-decoration: none;} A.parents:external{color: #CB0101; font-weight: normal; text-decoration: none;} A.parents:hover {COLOR: #CB0101; font-weight: normal; TEXT-DECORATION: none; background-color:yellow;} A.community:link{color: #57791A; font-weight: normal; line-height: 1.5em; text-decoration: none; background-color:white;} A.community:visited{color: #CB0101; font-weight: normal; text-decoration: none;} A.community:active{color: #CB0101; font-weight: normal; text-decoration: none;} A.community:external{color: #CB0101; font-weight: normal; text-decoration: none;} A.community:hover {COLOR: #CB0101; font-weight: normal; TEXT-DECORATION: none; background-color:yellow;} A.news:link{color: #57791A; font-weight: normal; line-height: 1.5em; text-decoration: none; background-color:white;} A.news:visited{color: #CB0101; font-weight: normal; text-decoration: none;} A.news:active{color: #CB0101; font-weight: normal; text-decoration: none;} A.news:external{color: #CB0101; font-weight: normal; text-decoration: none;} A.news:hover {COLOR: #CB0101; font-weight: normal; TEXT-DECORATION: none; background-color:yellow;} A.drugs:link{color: #57791A; font-weight: normal; line-height: 1.5em; text-decoration: none; background-color:white;} A.drugs:visited{color: #CB0101; font-weight: normal; text-decoration: none;} A.drugs:active{color: #CB0101; font-weight: normal; text-decoration: none;} A.drugs:external{color: #CB0101; font-weight: normal; text-decoration: none;} A.drugs:hover {COLOR: #CB0101; font-weight: normal; TEXT-DECORATION: none; background-color:yellow;} A.footer:link{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:visited{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:active{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:external{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;} A.footer:hover {COLOR: black; font-size:12px; line-height:16px; font-weight: bold; TEXT-DECORATION: none;} P.footer{COLOR: #ffffff; font-size:14px; line-height:20px; font-weight: bold; font-style:normal;} P.footerblack{COLOR: #000000; font-size:12px; line-height:20px; font-weight: normal; font-style:normal;} .headline{color:#5B9D05; color: #171817; color: #0A98C0; color:#024F28; font-size:1.5em; font-weight:bold;} .subheadline{color: #638F2A; font-size:1.25em; font-weight:bold;} .blackhead{color:#000000; font-size:1.8em; line-height:1.8em; font-weight:bold;} P{COLOR: #424453; font-size:12px; line-height:16px; font-weight: normal; font-style:normal;} P.smallprint{COLOR: #303030; font-size:10px; line-height:13px; font-weight: normal; font-style:normal;} P.tag{COLOR: #adb7b2; font-size:16px; line-height:22px; font-weight: normal; font-style:normal;} .subhead00{COLOR: #57791A; font-size:16px; line-height:22px; font-weight: normal; font-style:normal;} .redtext{color: #F53232; font-weight: bold; text-transform: uppercase; text-decoration: none;} h1 { color:#A63C23; display: inline-block; font-size: 1.3rem; line-height:1.8rem; margin-top: 0.0rem; margin-bottom: 0.0rem; margin-left: 0; margin-right: 0; font-weight: bold; } h2 { color:#4D4D4D; display: block; font-size: 1.20rem; line-height:1.6rem; margin-top: 0.0em; margin-bottom: 0.0em; margin-left: 0; margin-right: 0; font-weight: bold; } h3 { color:#808080; display: block; font-size: 1.125rem; line-height:1.4rem; margin-top: 0.0em; margin-bottom: 0.0em; margin-left: 0; margin-right: 0; font-weight: bold; } @media screen and (min-width:1280px){ TABLE{width:1200; COLOR: #231F1B; font-size:1em; line-height:1.8em; font-weight: normal; font-style:normal; background-color:white; } tbody{width:100%; COLOR: #231F1B; font-size:1em; line-height:1.8em; font-weight: normal; font-style:normal; } TABLE.inner{width:1200; COLOR: #1B5086; font-size:1em; line-height:1.8em; font-weight: normal; } tbody.inner{width:100%; COLOR: #1B5086; font-size:1em; line-height:1.25em; font-weight: normal; } TABLE.innernarrow{width:940; COLOR: #1B5086; font-size:1em; line-height:1.25em; font-weight: normal; } TABLE.slideshow{width:100%; COLOR: #231F1B; font-size:1em; line-height:1.25em; font-weight: normal; } } .fancyhead{font-family: 'Quattrocento', serif; font-size: 2.5em; line-height:1.25em; color: #A50D12; font-weight:bold;} .subhead{color:#00ADD0 ; color:#1B5086; font-size:1.2em; font-weight:bold; line-height:1.25em;} .subheadYOUTH{color:#51B8C7 ; font-size:2em; font-weight:normal; line-height:2.0em;} .subheadDRUGINFO{color:#93C56B ; font-size:2em; font-weight:normal; line-height:2.0em;} .subsubhead{color:#040707; font-size:1.35em; font-weight:normal; line-height:1.45em;} .redhead{COLOR: #1B5086; font-size:1.2em; line-height:1.25em; font-weight: bold; font-style:normal;} .herredhead{COLOR: #F5002E; font-size:24pt; line-height:28pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:24pt; line-height:28pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:20pt; line-height:24pt; font-weight: normal; font-style:normal;} .lbtkScript{font-family: 'Loved by the King', cursive; COLOR: #7091B6; font-size:20pt; line-height:24pt; font-weight: normal; font-style:normal;} .GreatVibesNormal{font-family: 'Great Vibes', cursive; COLOR: #7091B6; font-size:18pt; line-height:22pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size:9pt; line-height:11pt; font-weight: normal; font-style:normal;} @media screen and (min-width:1280px){ img.bridge { float: left; vertical-align:top; margin-right:1.5em; margin-bottom:1em; width: 98%; } td.bridgepic {width:35%} td.bridgetext {width:65%} } @media screen and (min-width:768px) and (max-width:1279px){ img.bridge { float: left; vertical-align:top; margin-right:1em; margin-bottom:1em; width: 98%; } td.bridgepic {width:25%} td.bridgetext {width:75%} } @media screen and (min-width:240px) and (max-width:767px){ img.bridge { float: left; vertical-align:top; margin-right:1.5%; width: 100%; display:none; } td.bridgepic {width:0%} td.bridgetext {width:100%} } @media screen and (min-width:1024px) and (max-width:1279px){ table{width:100%; font-size:,95em; line-height:1.6em; font-weight: normal; font-style:normal; background-color:white;} tbody{width:100%; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal; background-color:white;} table.inner{width:95%; font-size:.95em; line-height:1.6em; font-weight: normal; font-style:normal; background-color: white; } tbody.inner{width:1000; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal; background-color: white; } table.innernarrow{width:95%; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal; background-color: white; } .fancyhead{font-family: 'Quattrocento', serif; font-size: 1.6em; line-height:1.0em; color: #A50D12; font-weight:bold;} .redhead{COLOR: #1B5086; font-size:1.0em; line-height:1.1em; font-weight: bold; font-style:normal;} .subhead{color:#00ADD0 ; color:#1B5086; font-size:1.0em; ine-height:1.1em; font-weight:bold; } .herredhead{COLOR: #F5002E; font-size:14pt; line-height:16pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:14pt; line-height:18pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .lbtkScript{font-family: 'Loved by the King', cursive; COLOR: #7091B6; font-size:20pt; line-height:24pt; font-weight: normal; font-style:normal;} .GreatVibesNormal{font-family: 'Great Vibes', cursive; COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size: 8pt; line-height:12pt; font-weight: normal; font-style:normal;} .subheadYOUTH{color:#51B8C7 ; font-size:1.2em; font-weight:normal; line-height:1.2em;} .subheadDRUGINFO{color:#93C56B; font-size:1.2em; font-weight:normal; line-height:1.2em;} .subsubhead{color:#040707 ; font-size:1.1em; font-weight:normal; line-height:1.1em;} A.navbar:link{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none; } A.navbar:visited{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none;} A.navbar:active{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none;} A.navbar:external{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none;} A.navbar:hover {COLOR: #1B5086; font-weight: bold; font-size:.85em; line-height: .9em; TEXT-DECORATION: none; } } @media screen and (min-width:240px) and (max-width:1023px){ table{width:100%; font-size:1em; line-height:1.6em; font-weight: normal; font-style:normal; background-color:white;} tbody{width:100%; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal; background-color:white;} table.inner{width:100%; font-size:1em; line-height:1.6em; font-weight: normal; font-style:normal; background-color: white; } tbody.inner{width:100%; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal; background-color: white; } table.innernarrow{width:95%; font-size:.95em; line-height:1.1em; font-weight: normal; font-style:normal; background-color: white; } .fancyhead{font-family: 'Quattrocento', serif; font-size: 1.6em; line-height:1.0em; color: #A50D12; font-weight:bold;} .redhead{COLOR: #1B5086; font-size:1.0em; line-height:1.1em; font-weight: bold; font-style:normal;} .subhead{color:#00ADD0 ; color:#1B5086; font-size:1.0em; ine-height:1.1em; font-weight:bold; } .herredhead{COLOR: #F5002E; font-size:14pt; line-height:16pt; font-weight: normal; font-style:normal;} .darkbluehead{COLOR: #0C3590; font-size:14pt; line-height:18pt; font-weight: normal; font-style:normal;} .mediumbluehead{COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .lbtkScript{font-family: 'Loved by the King', cursive; COLOR: #7091B6; font-size:20pt; line-height:24pt; font-weight: normal; font-style:normal;} .GreatVibesNormal{font-family: 'Great Vibes', cursive; COLOR: #7091B6; font-size:12pt; line-height:14pt; font-weight: normal; font-style:normal;} .aside{COLOR: #F5002E; font-size: 8pt; line-height:12pt; font-weight: normal; font-style:normal;} .subheadYOUTH{color:#51B8C7 ; font-size:1.2em; font-weight:normal; line-height:1.2em;} .subheadDRUGINFO{color:#93C56B; font-size:1.2em; font-weight:normal; line-height:1.2em;} .subsubhead{color:#040707 ; font-size:1.1em; font-weight:normal; line-height:1.1em;} A.navbar:link{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none; } A.navbar:visited{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none;} A.navbar:active{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none;} A.navbar:external{color: #A50D12; font-weight: bold; font-size:.85em; line-height: .9em; text-decoration: none;} A.navbar:hover {COLOR: #1B5086; font-weight: bold; font-size:.85em; line-height: .9em; TEXT-DECORATION: none; } } table.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;} td.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;} tr.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;} ul.NoBulletNoIndent { list-style-type: none; margin-left: 0px; padding-left: 0px } ul.NoBullet { list-style-type: none } li.NoBullet { list-style-type: none } ul.NoBulletSmallIndentNoSkip { list-style-type: none; margin-left: 4px; padding-left: 4px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; } ul.BulletSmallIndentNoSkip { margin-left: 4px; padding-left: 8px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; } ul.NoBulletNoIndentNoSkip { list-style-type: none; margin-left: 0px; padding-left: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; } ul.NoBulletIndentNoSkip { list-style-type: none; margin-left: 8px; padding-left: 8px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; } ul.NoSkip { margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; } .wrapper { margin: 0 auto; padding: 20px; padding: 0px; max-width: 100%; } /* grid */ .row { margin: 0 -10px; margin-bottom: 4px; margin: 0 0px; } .row:last-child { margin-bottom: 0; } [class*="col-"] { padding: 4px; } @media all and ( min-width: 766px ) { .row { display: table; table-layout: fixed; width: 100%; } [class*="col-"] { display: table-cell; text-align: left; } /* set col widths */ .col-4-5 { vertical-align:top; width: 80%; } .col-2-3 { width: 66.66%; } .col-1-2 { vertical-align:middle; width: 50%; } .col-1-3 { vertical-align:top; width: 33.33%; } .col-1-4 { width: 25%;} .col-1-5 { vertical-align:top; width: 20%; } .col-1-8 { width: 12.5%; } .col-1 { width: 98%; } }