/* redesign style sheet */

/* Some tweaks for the responsive design,
     see also mobile-s.css and desktop.css
@media screen and (max-width: 974px) {

		 	.middle-float-right  li a img {
					display: none;
			}

} */


.breaker, .break3, .break5 { clear:both; height:1px; overflow:hidden; }

.nobr { white-space: nowrap; }

.hide {
  position: absolute;
  left: -9000px;
}


body {
  margin:0 0 8px 0;
  text-align:center;
  font-size: 90%;
  font-family:Arial, Helvetica, sans-serif;
}

p, ul, ol {
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  color:inherit;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-size:150%;
  margin-bottom:.2em;
  /*color:#0c49a6;*/
  color:#ed1d81;
}
h2 {
  font-size:150%;
  margin-bottom:.2em;
  color:#ed1d81;
  font-family: Arial, Helvetica, sans-serif;
}
h3	{
  font-size:120%;
  margin-bottom:10px;
  margin-top:2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3.ruletop	{
  border-top-width: thin;
  border-top-style: dotted;
  border-top-color: #003399;
  padding-top: 5px;
}

h4	{
  color:#003399;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 8px;
  padding-bottom: 4px;
}

fieldset { padding:1.5em;}
fieldset p {padding-top:1em;  }

.quizindent {
  margin-left: 1em;
  margin-bottom: 1.5em;
  margin-top: .5em;
}

li.indent {list-style: none;}
li.nospacebelow {
  margin-bottom: -20px;
}
ul.noindentbullet {
  margin-left: 4px;
  padding-left: 4px;
}

#mobileMenuLaunchLink,
#mobileMenuClose {
  display: none;
}

img {
  border:none;
}

img.floatleft {
  float: left;
  position:relative;
  margin-bottom: 1.5em;
  margin-right: 1.5em;
}

img.floatright {
  float: right;
  position:relative;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
}

img.floatrightframe {
  float: right;
  position:relative;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  padding: 2px;
  border: 1px solid #999999;
}

img.floatleftframe {
  float: left;
  position:relative;
  margin-bottom: 1.5em;
  margin-right: 1.5em;
  padding: 2px;
  border: 1px solid #999999;
}

.captionbox {
  float: right;
  width: 280px;
  font-size: small;
  color: #666666;
  margin: 5px;
}


ul.check {list-style-image:url(/sites/files/resources/images/check.png);}
ul.jumpdown {list-style-image:url(/sites/files/resources/images/jumpdownarrow.gif); }

#outerframe{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
}


/* margin-top pulls up header*/
#mainsleeve {
  width:978px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  margin-bottom:0px;
}

#topborder {
  padding-top:8px;
  margin-bottom: 4px;
  margin-right:2px;
  width:974px;
  position: relative;
  top:0px;
}


#header {
  width:978px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom:0px;
  height: 113px;
}

#header * {
  text-align:left;

}

/*the search box */
#search {
  float:right;
  position: relative;
  top:28px;
  right:20px;
  margin:0px;
  padding:0px;
  z-index:2;
}


input.searchbtn{
  color:#000;
  font-family:'trebuchet ms',helvetica,sans-serif;
  font-size:94%;
  font-weight:bold;
  background-color:#fef0cd;
  border:1px solid;
  border-top-color:#e76d56;
  border-left-color:#e76d56;
  border-right-color:#e76d56;
  border-bottom-color:#e76d56;
  margin-left:8px;
}

/* clear gif above logo points to home*/
#logo {
  position:relative;
  float:left;
  top:0px;
  left:52px;
  margin:0px;
  padding:0px;
  z-index:1;
}

#logo img {
  width: 280px;
  height: 60px;

}
/*- Top TABS toptabs --------------------------------------------------------------------------- */

#tabs {
  text-align:center;
  position:absolute;
  padding-top:0px;
  margin-top:-37px;
  margin-left:7px;
  margin-bottom: -1px;
  width: 980px;

}

#tabs ul {
  margin-top:0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding:0px 0px 0 0px;
  list-style:none;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  line-height:normal;
}

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


/* 4px is the width of the left tab */
#tabs a {
  float:left;
  /*  background:url(../images/toptab_l.gif) no-repeat left top; */
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
}

#tabs.selected span {
  background-position:100% -43px;
}

/* essentially the right part of tab */
/* padding trim top, trim right, trim bottom, trim left*/
#tabs a span {
  float:left;
  display:block;
  text-align:center;
  /* background:url(../images/toptab_r.gif) no-repeat right top; */
  margin-left:0px;
  padding: 3px 12px 4px 4px;
  color:#20116D;
}

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

#tabs a:hover {
  background-position:0% -43px;
}
#tabs a:hover span {
  background-position:100% -43px;
}
#selected a {
  background-position:0% -43px;
}
#selected a span {
  background-position:100% -43px;
}


#redframe {
  border: 2px solid #E1018B;
  height: auto;
  margin: 0 0 0px;
  /*margin: 0 0 -19px;*/
  /*overflow: auto; */
  padding: 0;
  text-align: left;
  width: 974px;
  background: #fff !important;
}

#contentleft {
  width:200px;
  height:100%;
  padding:0px;
  float:left;
  background:#F9DF9D;
  font-family:Helvetica, Arial, sans-serif;
}

#contentleft h2{
  color: #BF1400;
  font-size:1em;
  margin-bottom:0px;
}

#lefthomenavcontainer{
  margin-left:6px;
  margin-left:4px;
  color:#0056a6;
}

#lefthomenavcontainer ul{
  margin-top:0em;
}

.lefthomenavlist {
  list-style-image: url(/sites/files/resources/images/arrow.gif);
  margin-left: -1.8em;
  margin-right:1em;
  color:#0056a6;
  font-size:90%;
}

#contentcenter {
  width:410px;
  padding:0px 0px 0px 0px;
  float:left;
  background:#fff;
}


#centercontainer{
  margin-left:0px;
  margin-right:0px;
  padding-top:6px;
  text-align: left;
}

#centercontainer .middle-float-right {
  float: right;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#contentright {
  width:350px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float:right;
  /*background:#DAF1FB;*/
}

/*this is where "Speak-Up" "Vote" and "Go!" images live*/
.rightboxtop{
  margin-bottom:0px;
  margin-top:12px;
  margin-left:12px;
  margin-right:12px;
}

.rightboxhead {
  margin-left:12px;
  margin-right:12px;
  margin-bottom:0px;
  background:#71D0F6;
  padding-top:.5em;
  padding-bottom:10px;
  padding-right:1em;
  padding-left:1em;
}
.rightboxhead p {
  color: #0055A1;
  font-weight:bold;
  font-size:1em;
  margin-bottom:0em;
  margin-top:0em;
}

.rightboxhead a{
  text-decoration: none;
  color: #0055A1;
  font-weight:bold;
}
.rightboxhead a:hover{
  text-decoration: underline;
}

.rightboxmiddle {
  margin-top:0px;
  margin-left:12px;
  margin-right:12px;
  margin-bottom:0px;
  padding:1em 1em 0em 1em;
  border: thick;
  border-color:#71D0F6;
  border-width: 2px;
  border-style: solid;
  font-size:90%;
}

.rightboxmiddle * {
  border:none;
}

input.pinkbtn {
  color:#0066a1;
  font-family:'trebuchet ms',helvetica,sans-serif;
  font-size:125%;
  font-weight:bold;
  background-color:#fbd1cf;
  border:1px solid;
  border-top-color:#d87c9b;
  border-left-color:#d87c9b;
  border-right-color:#d87c9b;
  border-bottom-color:#d87c9b;
}

/* .rightboxmiddle p {
} */
.rightspeakuplist {
  margin-left:-2em;
}
.rightboxmiddle ul {
  list-style-image: url(/sites/files/resources/images/arrow.gif);
}

.rightboxmiddle li {
  margin-bottom: .05em;
}

.more a {
  color:#FE469E;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size:85%;
}
.more a:hover {
  color:#FE469E;
  text-decoration:underline;
}
.speakUpName {
  color:#963794;
  font-weight:bold;
}
.speakUpPlace {
  color:#0084BC;
  font-weight:bold;
}

#footer_red {
  width:974px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  margin-bottom:0px;
  background:#FFE8E8;

  height: 3em;
  border-bottom:1px;
  border-bottom-color:#E1018B;
  border-bottom-style:solid;
  border-top:1px;
  border-top-color:#E1018B;
  border-top-style:solid;
}
#footernavlistcontainer {
  text-align:center;
  margin-top:.8em;
}
#footernavlistcontainer p {
  text-align:center;

}
#footernavlistcontainer img {
  display: inline;
  margin-left:32px;
  margin-right:42px;

}
#footernavlistcontainer a img {
  float:left;
  margin: -5px 10px 10px 10px;
  padding-bottom:5px;
}
#footernavlistcontainer a {
  color:#0055A1;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight:bold;
}
#footernavlistcontainer a:hover {
  color:#0055A1;
  text-decoration:underline;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight:bold;
}

#footernavlist li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}


#footer_white {
  width:974px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  margin-bottom:0px;
  background:#FFF;
  height:96px;
  text-align:center;
}
#footer_white p {
  font-size:90%;
}
#footer_blue {
  /* background:url(../images/bottom_bnr.gif); */
  width:978px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  margin-bottom:12px;
  height:56px;
}

/*- Lef Nav on content pages --------------------------------------------------------------------------- */

#navcrown {
  margin: 12px 0px 1px 0px;
  padding:0;
}

#navheel {
  margin: 1px 0px 0px 0px;
  padding:0;
}

#navleft {
  display: block; /* display in desktop.css if needed */
  width:200px;
  padding:16px 12px 30px 0px;
  float:left;
}

#navgroup {

  width:187px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.navgroup {
  margin-top: 0px;
  margin-left: 0;
  padding-top:0px;
}

div.navgroup p {
  font-family: Arial, Helvetica, sans-serif;
  text-align:left;
  margin-top: 1px ;
  margin-bottom: 0px;
  margin-right: 0;
  margin-left: 0px;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size:93%;
}

div.navgroup a {
  display: block;
  /*width: 100%;*/
  padding: 5px 5px 5px;
}

div.navgroup p:hover { background: #FF99CC; }
div.navgroup a:hover { background: #FF99CC; }

div.module a { color:#000000; text-decoration:none; }

div.module p {
  margin-top: 0px ;
  background:#F9DF9D;
  color: #000000;
}

div.module p.on {
  margin-top: 0px ;
  background:#ffffff;
  color: #000000;
}

div.module p.on a { color:#000; text-decoration:none; }


div.main_nav a:link { color: #FFFFFF; text-decoration:none; }
div.main_nav a:hover { color: #FFFFFF; text-decoration:none; }
div.main_nav a:visited { color: #FFFFFF; text-decoration:none; }
div.main_nav p {
  background: #30b9e3;
  color: #FFFFFF;
}

div.main_nav p.on a:link { color: #000000; text-decoration:none; }
div.main_nav p.on a:hover { color: #000000; text-decoration:none; }
div.main_nav p.on a:visited { color: #000000; text-decoration:none; }
div.main_nav p.on {
  background: #ffffff;
  color: #000000;
}
div.main_nav p.hasSubs a:link { color: #000000; text-decoration:none; }
div.main_nav p.hasSubs a:hover { color: #000000; text-decoration:none; }
div.main_nav p.hasSubs a:visited { color: #000000; text-decoration:none; }
div.main_nav p.hasSubs {
  background: #ffffff;
  color: #000000;
  border-bottom: 1px solid #888888;
}

div.sub_nav a:link { color:#000000; text-decoration:none; }
div.sub_nav a:hover { color:#000000; text-decoration:none; }
div.sub_nav a:visited { color:#000000; text-decoration:none; }
div.sub_nav p {
  background: #ffe8e8;
  margin-top: 0px ;
  border-bottom: 1px solid #888888;
  padding-left: 8px;
}
div.sub_nav p.offLast {
  margin-bottom:-1px;
  border-bottom: none;
}

div.sub_nav p.on a:link { color:#000000; text-decoration:none; }
div.sub_nav p.on a:hover { color:#000000; text-decoration:none; }
div.sub_nav p.on a:visited { color:#000000; text-decoration:none; }
div.sub_nav p.on {
  background: #fff;
  margin-top: 0px;
  border-bottom: 1px solid #888888;
  width: 187;
}

div.sub_nav p.onLast {
  background: #fff;
  margin-bottom:-1px;
  border-bottom: none;
}

div.home_nav a:link { color: #FFFFFF; text-decoration:none; }
div.home_nav a:hover { color: #FFFFFF; text-decoration:none; }
div.home_nav a:visited { color: #FFFFFF; text-decoration:none; }
div.home_nav p {
  background: #6fc92b;
  color: #FFFFFF;
}

div.breadcrumbs {
  font-family: Helvetica;
  font-size: .9em;
  background:url(/sites/files/resources/images/breadcrumb_bg.gif);
  padding:1px;
  margin-top: .5em;
  margin-bottom:2em;
}


div.rt {
  /* background:url(../images/rbox_t.gif); */
  width:204px;
  height:30px;
}


div.rb {
  /* background:url(../images/rbox_b.gif); */
  width:204px;
  height:10px;
}

/*end left nav in content pages----------------------------------------------------------- */

#maincontent {
  width:720px;
  margin: 10px 0 12px;
  float: left;
  background-image:url(/sites/files/resources/images/stars.gif);
  background-position:top right;
  background-repeat:no-repeat;
  overflow:visible;
}

/*	div#maincontent ol,ul {
		margin-top: 0em;

		}*/

div#maincontent p {
  margin: 0em 1.5em 1em 1.5em;
}

div#maincontent h4 {
  margin: 0em 1.5em 0em 1.5em;
}

div#maincontent table p,li {
  margin-left:0em;
}

div#maincontent table h3 {
  margin-top:0em;
}

div#maincontent table tr {
  background:#FFFFFF;
}
/* data tables */
div#maincontent table.data
{
  margin-left:1.5em;
  padding: 1em 1em 1em 1em;
}

div#maincontent table.data th {
  background:#97DDFF;
  font-weight:bold;
  padding: 1em 1em .5em 1em;
}
div#maincontent table.data td {
  background:#E4E4FF;
  padding: 1em 1em 1em 1em;
}

div#maincontent table.data h3 {
  margin-bottom:0em;
  text-align:center;
  margin-top:-.3em;
}

div#maincontent table.data p,li {
  margin-left:0em;
}
/* data tables 2 */
div#maincontent table.data2
{
  margin-left:1.5em;
  padding: 1em 1em 1em 1em;
}

div#maincontent table.data2 th {
  background:#b1f2ff;
  font-weight:bold;
  padding: 1.2em .5em .4em .5em;
}
div#maincontent table.data2 tr {
  background:#d8f8d1;
}
div#maincontent table.data2 tr.light {
  background:#eafbe6;
}
div#maincontent table.data2 td {
  padding: .5em .5em .5em .5em;
}

div#maincontent table.data2 h3 {
  margin-bottom:0em;
  text-align:center;
  margin-top:-.3em;
}

div#maincontent table.data2 p,li {
  margin-left:0em;
}

div#maincontent li {
  margin-top: .4em;
  margin-left: .4em;
}

div#maincontent p.noindent {
  margin: 0em 1.5em 1.5em 0em;
  font-size:110%;
}
div#maincontent ol, ul {margin-top:0em; margin-bottom: 1em;}

/* textboxes on right hand side of text */

.newgrnbox {
  float:left;
  width:650px;
  margin-top: 10px;
  margin-right: 2em;
  margin-bottom: 30px;
  margin-left: 1em;
  padding-top: 0px;
  padding-right: 3em;
  padding-bottom: 0px;
  padding-left: 0px;
}
.newgrnboxTop {
  background: url(/sites/files/resources/images/greenbox_02bkgd.gif) repeat scroll 0% 0% transparent;

  /*padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;*/
}

.newgrnboxContent {
  background-image: url(/sites/files/resources/images/greenbox_02bkgd.gif);
  background-repeat: repeat-y;
  width: 600px;
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;

}

.newgrnboxBottom {
  background: url(/sites/files/resources/images/greenbox_03bottom.gif) repeat scroll 0% 0% transparent;

  /*padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;*/
}

div#maincontent .newgrnbox p {
  padding-top: 0px;
  padding-right: 30px;
  padding-bottom: 0px;
  padding-left: 30px;
}


div#maincontent .newgrnbox p.last {
  margin-bottom: 0px;
}

div#maincontent .newgrnbox ul.last {
  margin-bottom: 0px;
}

div#maincontent .newgrnbox h3 {
  margin-top: 0px;
}

.rbox {
  padding: 0px 0px 0px 0px;
  float:right;
  width:204px;
  padding-top:0px;
  margin: .5em 0px 2em 2em;
}

.rbox h1 {
  font-size: 15px;
  color: #003366;
  margin-top: 0px;
  margin-bottom: 6px;
  padding-left: 1.4em;
  padding-right: 1em;
}

.rboxContent {
  padding: 1em 0em 1em 0em;
  background:#daf0f2;
}

div#maincontent .rbox p {
  margin-bottom:0;
  margin-top: 6px;
}
div#maincontent .rbox ul{
  margin-bottom:0;
}
div#maincontent .rbox li {
  list-style-image:url(/sites/files/resources/image/arrow.gif);
}

.notebox{
  padding: 0px 0px 0px 0px;
  float:right;
  width:204px;
  height: 356px;
  padding-top:0px;
  margin: .5em 0px 2em 2em;
  clear:both;
  background-image: url(/sites/files/images/sidebar.png);
  background-repeat: no-repeat;
}

.notebox .content{
  width: 160px;
  padding-top: 29px;
  height: 288px;
  margin: 0 auto;
  overflow: hidden;
}

.pinkbox {
  width: 600px;
  background-color: #FFD7EC;
  border: medium solid #FF99CC;
  margin: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .25em;
  padding-left: 1em;
  overflow:auto;
}
.plainbox {
  width: 550px;
  border: thin solid #999999;
  padding: 1em;
  margin: 1em;
  overflow:auto;
}

.bluebox {
  width: 600px;
  background-color: #DFEFFF;
  border: medium solid #79BCFF;
  margin: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .25em;
  padding-left: 1em;
  overflow:auto;
}

.greenbox {
  width: 600px;
  background-color: #EAFFEA;
  border: medium solid #8FED67;
  margin: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .25em;
  padding-left: 1em;
  overflow:auto;
}

.greenbox2 {
  border-top: solid 8px #92e160;
  border-right: solid 1px #92e160;
  border-bottom: solid 3px #92e160;
  border-left: solid 1px #92e160;
  background-color:#e8fdce;
  margin: .5em 0em 2em .5em;
  padding:0em;
  overflow:auto;
}
.orangebox {
  width: 600px;
  background-color: #FFECD9;
  border: medium solid #FFC082;
  margin: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .25em;
  padding-left: 1em;
  overflow:auto;
}

.violetbox {
  width: 600px;
  background-color: #EFDFFF;
  border: medium solid #C771F4;
  margin: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .25em;
  padding-left: 1em;
  overflow:auto;
}

.purplebox {
  width: 600px;
  background-color: #EFDFFF;
  border: medium solid #B987E7;
  margin: 1.5em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: .25em;
  padding-left: 1em;
  overflow:auto;
}

.orangedot {
  width:70%;
  margin-bottom: 2em;
  margin-top: 2em;
  float:none;
  background-color:#FAEEC9;
  border:#E69F59 dotted 1px;
}

.bluedot {
  width:70%;
  margin-bottom: 2em;
  margin-top: 2em;
  float:none;
  background-color:#e2f3fc;
  border:#68c4e0 dotted 1px;
}

.spotlightbox {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-left: 15px;
  height: auto;
}

.spotlightbox a.more {
  font-size: small;
  font-weight: bold;
  text-decoration: none;
}

div#maincontent div.boxcontent {padding:.75em 1em .2em 1.5em}
div#maincontent div.boxcontent h3 {margin-top:0em; margin-bottom:.5em;}
div#maincontent div.boxcontent p {margin:0em 0em .5em 0em; }
div#maincontent p.h5 {color:#E1018B; font-weight:bold; margin-bottom:.2em;}
div#maincontent div.boxcontent ul,ol {margin-bottom:.5em;}

.flashwarning {
  margin-top:0.5em;
  font-size:80%;
  color: #494949;
  margin-bottom: 2em;
}

div#maincontent p.updated {
  font-family: Helvetica;
  color: gray;
  font-size:small;
  margin:3em 1.5em 2em 0em;
  text-align:left;
}
.top{
  font-size:11pt;
  font-weight:lighter;
}
.source {margin-left:2em; font-style:italic; color:#666666; font-size: 10pt}
.source em {font-style:normal}

div#maincontent p.entry{
  /* on drug glossary */
  background:#F5FE8D;
  padding:1px;
  margin-top:2em;
  margin-bottom:.2em;
}

#sitenav {
  text-align:center;
  width:978px;
  margin-right:auto;
  margin-left:auto;
  margin-top:1em;
  margin-bottom:1em;
}

@media screen {
  .atprint { display: none; }
}

@media screen {
  span.atprint { display: none; }
  div.atprint { display: none; }
  div#atprint_banner { display: none; }
  div#atprint_owh { display: none; }
  div#bottombnr { display: none; }
}


@media print {
  div.atscreen { display: none; }
  span.atscreen { display: none; }
  div#tabs {display: none; }
  div#topborder { display: none; }
  div#header { display: none; }
  div#navleft { display: none; }
  div#footer_red { display: none; }
  div#footer_white { display: none; }
  div#footer_blue { display: none; }
  div#sitenav { display: none; }
  div#contentright {width:auto; float: none; position:static; clear:both;}

  div#maincontent {  overflow:visible; float:none; }
  div#maincontent table {border: 4px #000000; outline:solid #000000;  }
  div#maincontent table td {background:#FFFFFF; border: 1px #000000; outline:1px #000000 solid; margin:2px}
  div#maincontent table th {background:#FFFFFF; border: 1px #000000; outline:1px #000000 solid; margin:2px}
  div#redframe {  border:none;  width:auto;}
  div#outerframe{	position:static; width:auto;}

  img.photo { display: none; }
  img.atscreen {display: none;}
  P, li, td { font-family: Helvetica, Arial, sans-serif; color: black; font-size: 24pt; }

  .top {display: none;}


}

/*		#maincontent {
		width:720px;
		margin: 12px 14px 12px 16px;
		float: left;
		background-image:url(../images/stars.gif);
		background-position:top right;
		background-repeat:no-repeat;
		overflow:visible;
		}*/
.picframe {
  border: 1px dotted #66CC33;
  margin: 10px;
  padding: 5px;
}

table.basic {
  border-spacing: inherit;
  border-collapse: collapse;
  background-color: #99FF00;
  border: 1px outset #000000;
  padding: 5px;
  color: #FFFFFF;
  margin-bottom: 20px;
  margin-left: 1.5em;
  width: 90%;
}
table.basic th {
  border-width: 1px;
  padding: 5px;
  border-style: inset;
  border-color: #000000;
  background-color: #663399;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
}
table.basic td {
  border-width: 1px;
  padding: 5px;
  border-style: inset;
  border-color: #000000;
  background-color: #FFFFFF;
  vertical-align: top;
  color: #000000;
}

table.basic ul {
  margin-bottom: 5px;
  padding-left: 10px;
  margin-left: 0px;
}

/*table styling for period calendar*/
table.calendar {
  border-spacing: inherit;
  border-collapse: collapse;
  background-color: #99FF00;
  border: 1px outset #000000;
  padding: 5px;
  color: #FFFFFF;
  margin-bottom: 20px;
  margin-left: 1.5em;
  /*width: 300px;*/
  height: 249px;
  width:44%;
  float:left;
  text-align: center;
}
table.calendar th {
  border-width: 1px;
  padding: 4px;
  border-style: inset;
  border-color: #000099;
  font-weight: bold;
  color: #660099;
  font-size: large;
  height:4%;
  /* background-image: url(../images/polkadots.jpg); */
}
table.calendar td {
  border-width: 1px;
  padding: 4px 0;
  border-style: inset;
  border-color: #000000;
  background-color: #FFFFFF;
  vertical-align: top;
  color: #000000;
}

/*begin quicklook SEO page styling*/

.quicklook {
  padding: 20px;
  width: 575px;
  border: thin solid #000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
  background-color: #ffffff;
  font-family: Verdana;
}

.quicklook h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #660099;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 24px;
}

.quicklook h3 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #333399;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}

.quicklook .subhead {
  margin-top: 20px;
  margin-bottom: 10px;
  border-top-width: thin;
  border-bottom-width: thin;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-top-color: #999999;
  border-bottom-color: #999999;
  padding-top: 10px;
  width: 550px;
  margin-left: 10px;
}

.quicklook .subhead p {
  color: #006699;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.quicklook .subhead a:link {color: #006699;}
.quicklook .subhead a:visited {color: #006699;}
.quicklook .subhead a:hover {color: #006699;}
.quicklook a:active {color: #006699;}


/*end quicklook SEO page styling*/

/**Style rules for water facts quiz page**/

div.factscontainer {
  background-color: #c4d92e;
  /* background-image: url(../images/waterbkgrd.gif); */
  width: 600px;
  background-repeat: repeat;
  margin-left: 30px;
  padding-bottom: 20px;
}

div.facts {
  cursor: pointer;
}

div.facts .question {
  color: #000066;
  font-weight: bold;
  padding: 10px;
}

div.facts .question.active {
  background-image: url(raquo-down.gif);
}

div.facts .answer  {
  margin-left: 10px;
  background-color: #FFFFFF;
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #000066;
}

div.facts ul,
div.facts ol {
  margin: 0 0 10px 20px;
}

/*end facts styling*/


/**Style rules for Stars that Shine quiz page**/

div.starscontainer {
  background-color: #ddedcf;
  background-image: url(/sites/default/files/starsboxbkgrd.gif);
  width: 600px;
  background-repeat: repeat;
  margin-left: 30px;
  text-align: center;
}

div.starsfacts {
  cursor: pointer;
}

div.starsfacts .question {
  color: #000099;
  padding: 10px;
  text-decoration: underline;
}

div.starsfacts .question.active {
  background-image: url(/sites/files/resources/imagesarrow_down.gif);
}

div.starsfacts .answer  {
  margin-left: 10px;
  background-color: #FFFFFF;
  padding: 5px;
  margin-right: 40px;
}

div.starsfacts ul,
div.starsfacts ol {
  margin: 0 0 10px 20px;
}

/*end Stars that Shine styling*/

blockquote.rules {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top-width: 1.5px;
  border-bottom-width: 1.5px;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-top-color: #990099;
  border-bottom-color: #990099;
}

/* GLOSSARY TERMS */

a.glossary {
  position: relative;
  z-index: 24;
  text-decoration: none;
  border-bottom: 1px dotted black;
}

a.glossary:hover {
  z-index: 25;
  cursor: help;
}

a.glossary:link span,
a.glossary:visited span {
  display: none;
}

a.glossary:hover span,
a.glossary:active span {
  display: block;
  width: 30em;
  position: absolute;
  top: 2em;
  left: 2em;
  border: 1px solid #999;
  padding: 5px;
  background-color: #FFFFCC;
  text-decoration: none;
  color: black;
  font-size : 12px;
  font-weight : normal;
}


.more-graphic, .level2nav, .level2, .control img {
  display: none;
}

ul.arrow {
  list-style-type: none;
}

ul.arrow li{
  background-image: url(/sites/files/resources/images/arrow.png);
  background-position: 0 -5px;
  background-repeat: no-repeat;
  padding-left: 18px;
}

.right-blue {
  background: #daf0f2;
  border: 3px solid #addeed;
  width: 191px;
  float: right;
  margin: 0.5em 0 2em 2em;
  padding: 0;
}

.right-pink{
  background: #efdfff;
  border: 3px solid #c771f4;
  width: 191px;
  float: right;
  margin: 0.5em 0 2em 2em;
  padding: 0;
}


.right-green{
  background: #eaffea;
  border: 3px solid #8fed67;
  width: 191px;
  float: right;
  margin: 0.5em 0 2em 2em;
  padding: 0;
}

.right-blue p, .right-green p, .right-pink p{
  margin: 6px 18px 0 18px !important;
}

.right-blue p:last-child, .right-green p:last-child, .right-pink p:last-child {
  padding-bottom:6px !important;
}

/***********************
****FLIP CARDS STYLE****
***********************/

* .flipwrapper {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.cf:before, .cf:after {content:" "; /* 1 */ display:table; /* 2 */}
.cf:after {clear:both}

.flipwrapper {margin:0 1.5em;height:auto;min-height:350px}

.quickFlip2 {margin:0 4.13589% 28px 0;float:left;width:47.56277%;height:auto;min-height:330px;position:relative}
.quickFlip2.two, .quickFlip2.four, .quickFlip2.six, .quickFlip2.eight {margin-right:0}

.cardface {height:auto;min-height:330px;}

.flipwrapper .frontflip {background:#30b9e3 url(/sites/files/fitness/images/bubbles.gif) -55px -35px;position:relative}
.flipwrapper .backflip {background:#30b9e3;}
.flipwrapper .backflip ul {margin:0;padding:10px 10.63354% 15px 10.52794%}
.flipwrapper .backflip li {line-height:1.3em}
.cardface.backflip > p {
  padding-top: 9%;
}
.flipwrapper .frontflip img {margin:0 auto;display:block;padding:25px 0 0;width:83.54037%;max-width:269px;max-height:223px; }
.flipwrapper.online .frontflip img {margin:0 auto;display:block;max-width:100%; width:auto; height:auto; max-height:none; padding:0; margin-bottom:-67px;}

.flipwrapper.online { width:100%; float:left;}
.flipwrapper .frontflip .excuse {margin-left:8.22981%;width:70.21739%;}

#maincontent .flipwrapper .frontflip .excuse p {margin:0;padding-top:1.7em;color:#22106d;font-weight:bold;font-size:1.18em}

#maincontent .flipwrapper .frontflip.four .excuse p, #maincontent .flipwrapper .frontflip.six .excuse p {padding-top:1.1em;}

.flipwrapper button {position:absolute;bottom:15px;right:4.65838%;width:13.97515%;min-width:13.97515%;min-height:45px;background:white;font-size:.85em;font-weight:bold;text-align:center;color:#e1018b;text-transform:uppercase;border:none;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;font-family:Arial,Helvetica;overflow:visible;display:block;padding:0}
.flipwrapper button:hover, .flipwrapper button:active, .flipwrapper button:focus {background:#e1018b;color:#fff}
.flipwrapper .frontflip button {font-size:1.05em}

.flipwrapper.online .frontflip {
  max-height: 331px !important;
}

@media screen and (max-width:768px){.flipwrapper .quickFlip2 {float:none;margin-right:0}

}

/*30b9e2 passes all but wcag aaa
5ac7e9 background passes all*/

/***********************
**END FLIP CARDS STYLE**
***********************/


/***********************
**WIDGET ADDITION CODE**
************************/

#vaccine-syn {
  font-family: Arial;
  font-size: 100%;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 3px 8px;
  margin: 10px 0;
  width: 304px;
  float:right;
  margin-left:15px;
}

#vaccine-syn p {
  font-size: 80%;
  line-height: 18px;
  margin: 0 0 8px !important;
}

#vaccine-syn p.disclaimer {
  color: #666;
  font-size: 75%;
  line-height: 18px;
  margin: 0;
}

#vaccine-syn a:link,
#vaccine-syn a:visited {
  color: #3399cc;
  text-decoration: none;
}

#vaccine-syn a:hover {
  text-decoration: underline;
}

#vaccine-syn .top-content {
  /*padding-left: 125px;*/
  width:165px;
  float:right;
  height: 190px
}

#vaccine-syn .img_left {
  float: left;
  margin: 0 0 8px;
}

#vaccine-syn h1 {
  margin: 10px 0 5px;
  font-weight: normal;
  font-size: 150%;
}
.vaccine-wrapper img{
  float:left;
}

.vaccine-wrapper{
  width:100%;
  float:left;}

/***************************
**END WIDGET ADDITION CODE**
***************************/

/*Slideshow*/
.rslides_container {
  position: relative;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  float: left;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  border: 0;
  margin: 0 20px 40px;
}

a.rslides_nav.rslides1_nav.prev {
  background: #003399 none repeat scroll 0 0;
  border: medium none;
  border-radius: 10px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  /*margin-left: 300px;*/
  margin-right: 3px;
  padding: 10px;
  /*width: 100px;*/
  text-decoration: none;
  /*float: right;*/
}

a.rslides_nav.rslides1_nav.next {
  background: #003399 none repeat scroll 0 0;
  border: medium none;
  border-radius: 10px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  margin-left: 14px;
  margin-right: 3px;
  padding: 10px;
  /*width: 100px;*/
  text-decoration: none;
  /*float: right;*/
}

@media screen and (max-width:768px){
  a.rslides_nav.rslides1_nav.prev {
    margin-left: 41px; top: 10px; position: relative; margin-right: -3px;
  }
  a.rslides_nav.rslides1_nav.next {
    top: 10px; position: relative;
  }
  button#viewall {
    margin-left: 205px; top: -18px; position: relative; float: left;
  }
}

@media screen and (min-width:769px){
  a.rslides_nav.rslides1_nav.prev {
    margin-left: 300px; position: relative;
  }
  /*a.rslides_nav.rslides1_nav.next {
 top: 10px; position: relative;
  }*/
  button#viewall {
    bottom: 29px; position: relative;  left: -144px;
  }

}

@media screen and (max-width:383px){
  a.rslides_nav.rslides1_nav.prev {
    margin-left: 21px; top: 10px; position: relative; margin-right: -6px;
  }
  a.rslides_nav.rslides1_nav.next {
    top: 10px; position: relative;
  }
  button#viewall {
    margin-left: 178px; top: -18px; position: relative; float: left;
  }
}



div.rules {
  border-bottom: 1.5px dashed #990099;
  padding-bottom: 1em;
  padding-top: 1em;
  float:left;
  width:100%;
}


.quizindent li{
  width:100%;
  float:left;
}

#maincontent .online .frontflip.four .excuse p, #maincontent .online .frontflip.six .excuse p{
  padding-top:1.7em !important;
}


.alert.alert-danger{
  background-color: #f2dede;
  color: #000;
  padding: 15px;
  margin-top: 10px;
  margin-bottom:10px;
  border: 1px solid #a94442;
  border-radius: 4px;
}

.shutdown-message{
  display:none;
}

.quiz-question {
  display: block;
}

.quiz-answer {
  display: none;
}

/* UWP Customizations Below */

.path-user .block-local-tasks-block {
  display: none;
}

.path-user .dialog-off-canvas-main-canvas,
.user-login-form {
  background-color: #FFF;
}

#edit-simplesamlphp-auth-login-link {
    font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.5rem;
    line-height: .9;
    color: #fff;
    background-color: #162e51;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    align-items: center;
    border: 0;
    border-radius: .25rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    padding: .75rem 1.25rem;
    text-align: center;
    text-decoration: none;
    width: auto;
    margin: 1.5rem 0 .5rem;
}

.usa-sr-only {
    position: absolute;
    left: -999em;
    right: auto;
}

.node--type-page.node--view-mode-full .field--name-body {
  display: flex;
}