@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* Fonts */
@font-face {
	font-family: Raleway;
	src: url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,400;1,700&display=swap');
}

/* Root */
:root {
	font-family: Raleway, sans-serif;
	--primary-color-dark: #0E253A;
	--primary-color-light: #A2C7E3;
	--primary-gray: grayscale(30%);
}

html {
	font-family: Raleway, sans-serif;
	--primary-color-dark: #0E253A;
	--primary-color-light: #A2C7E3;
	--primary-gray: grayscale(30%);	
}

/* Following strictly for visual testing */
.header div {
	font-family: Raleway, sans-serif;
	font-size: 
	200;
	font-weight: 800;
	font-weight: 600;
	color: var(--primary-color-dark)
}
a.navLink, a.navLink:visited, a.navLink:active {
    color:navy;
    font:100 12px Raleway, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    border-bottom:solid 1px #dddddd;
    display:block;
    padding:6px;
    padding-right:0px;
    outline: none;
}
a.navLink:hover {
    color:#cc0000;
    background-color:#f4f6ff;
}
a{
	color: var(--primary-color-dark);
	text-decoration: none;

}


/* POP layout CSS */
/* PopIndex Specific */

#menu1, #menu2, #menu3, #menu4, #menu5 {
	float:left;
	/* width: 150px; */
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 8px;
	z-index: 15;
}
#menu1 a span, #menu2 a span, #menu3 a span, #menu4 a span, #menu5 a span {
    display:block;
}
#menu1 .colorbar a, #menu2 .colorbar a, #menu3 .colorbar a, #menu4 .colorbar a {
	text-decoration: none;
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
}
#menu4 .topcolorbar {
	height: 50px;
	width: 150px;
	font-family: Raleway, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	color: #FFF;
	margin-bottom: 10px;
}
#menu1 a span.text, #menu1 .topcolorbar, #menu1 .colorbar, #menu1 .btmcolorbar {
	color: white;
	background-color: #334e64;
}
#menu2 a span.text, #menu2 .topcolorbar, #menu2 .colorbar, #menu2 .btmcolorbar {
	color: rgb(20, 20, 20);
	background-color: #7d9eb9;
}
#menu3 a span.text, #menu3 .topcolorbar, #menu3 .colorbar, #menu3 .btmcolorbar {
	color: rgb(20, 20, 20);
	background-color: #a2c7e3;
}
#menu4 a span.text, #menu4 .topcolorbar, #menu4 .colorbar, #menu4 .btmcolorbar {
	background-color: #0e253a;
}
#menu5 a span.text, #menu5 .topcolorbar, #menu5 .colorbar, #menu5 .btmcolorbar {
	background-color: #E19636;
}
#menu1 a span.text, #menu2 a span.text, #menu3 a span.text, #menu4 a span.text, #menu5 a span.text {
	width: 133px;
	font-family: Raleway, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #FFF;
	text-decoration: none;
	visibility: hidden;
	padding-right: 10px;
	padding-top: 5px;
	padding-left: 10px;
	z-index: 20;
	margin-top: 10px;
}
#menu1 .topcolorbar, #menu2 .topcolorbar, #menu3 .topcolorbar, #menu5 .topcolorbar {
	height: 50px;
	width: 150px;
	font-family: Raleway, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
	margin-bottom: 10px;
}
#menu1 .colorbar, #menu2 .colorbar, #menu3 .colorbar, #menu4 .colorbar {
	height: 30px;
	width: 149px;
	padding-right: 3px;
	text-align: right;
	background-image: url(../images/New_POPIcons/IdahoFalls_POP_ATTENTION.png);
	background-position: left;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu1 .btmcolorbar, #menu2 .btmcolorbar, #menu3 .btmcolorbar, #menu4 .btmcolorbar, #menu5 .btmcolorbar {
	height: 18px;
	width: 150px;
	font-family: Raleway, sans-serif;
	text-align: right;
	font-size: 12px;
	margin-top: 10px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 3px;
	z-index: 20;
}
#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a {
	text-decoration: none;
	width: 150px;
	display: block;
}

#menu1 a:hover span.text, #menu2 a:hover span.text, #menu3 a:hover span.text, #menu4 a:hover span.text, #menu5 a:hover span.text {
		visibility: visible;
		text-align: center;
		z-index: 20;
	}
.linkImg img {
	border: thin solid #666;
}
.legal {
	height: auto;
	width: 100%;
	text-align: left;
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #3A67AD;
	z-index: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* PopIndex Specific End*/
.nav_container {
	display: flex;
	flex-direction: row;
	flex-wrap: unset;
	flex-flow: row;
	justify-content: space-evenly;
	align-items: stretch;
	column-gap: 5pt;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ml-0 {
	margin-left: 0;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.nav_container_v {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start
}

.nav_item {
/*	width: 20%;*/
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}

.nav_current {
	background-color:#A2C7E360;
	font-weight: bold;
}

.nav_text {
	text-align: center;
	font-family: Raleway, sans-serif;
	width: auto;
	height: auto;
	margin: auto;
}

.ws_container {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	max-height: 600pt;
	flex-wrap: wrap;
}

.ws_item {
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.Pop {
	width: 818px;
	height: 45px;
	padding-left: 5px;
	background-image: url(../images/Pop/POPHeader.png);
	background-repeat: no-repeat;
	padding-top: 20px;
}
.PopIndex {
	width: 815px;
	height: 130px;
	background-image: url(../images/Pop/POPIndex.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
.IndexLftCol {
	float: left;
	padding-left: 15px;
	line-height: 30px;
}
.IndexLftCol img {
	padding-right: 10px;
	float: left;
}
.Icon {
	background-image: url(../images/Pop/QuestIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_Budget {
	background-image: url(../images/Pop/BudgetIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_Project {
	background-image: url(../images/Pop/ProjectIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_Staffing {
	background-image: url(../images/Pop/StaffingIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_About {
	background-image: url(../images/Pop/ProjectIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_Contacts {
	background-image: url(../images/Pop/ContactIcons.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_LvlGuide {
	background-image: url(../images/Pop/LvlGuideIcons.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_Workbook {
	background-image: url(../images/Pop/WorkbookIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Icon_WS {
	background-image: url(../images/Pop/ExclaIcon.png);
	height: 50px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 1;
	float: left;
	vertical-align: middle;
}
.Box {
	height: 77px;
	width: 735px;
	margin-left: 25px;
	margin-top: 15px;
}
.BoundingBox {
	background-color: #f0f0f0;
	outline-style: auto;
	outline-color: darkgray;
	outline-width: thin;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.Box_Budget {
	height: 200px;
	width: 735px;
	margin-left: 25px;
	margin-top: 15px;
}
.Box_Project {
	margin-top: 15px;
	height: auto;
	width: 735px;
	margin-left: 25px;
}
.Box_Staffing {
	/* height: 315px;
	width: 735px; */
	margin-left: 25px;
	margin-top: 15px;
}
.Box_About {
	height: auto;
	width: 735px;
	margin-left: 25px;
	margin-top: 15px;
}
.Box_About2 {
	height: 250px;
	width: 735px;
	margin-left: 25px;
	margin-top: 15px;
}
.Box_Contacts {
	height: 50px;
	width: 735px;
	margin-left: 25px;
	margin-top: 15px;
}
.Box_LvlGuide {
	height: auto;
	width: 735px;
	margin-left: 25px;
	margin-top: 15px;
}
.Box_Emergency {
	height: 225px;
	width: 735px;
	margin-left: 25px;
}
.Box_WS {
	height: auto;
	width: 735px;
	margin-top: 15px;
	margin-left: 25px;
}
.Box_WSE {
	height: 200px;
	width: 735px;
	margin-left: 25px;
}
.Box_Workbook {
	height: 125px;
	width: 735px;
	margin-left: 25px;
}
.Box .SubHead, .Box_Budget .SubHead, .Box_Project .SubHead, .Box_Staffing .SubHead, .Box_About .SubHead, .Box_Contacts .SubHead, .Box_LvlGuide .SubHead, .Box_Emergency .SubHead, .Box_WS .SubHead, .Box_WSE .SubHead, .Box_Workbook {
	font-family: Raleway, sans-serif;
	height: 15px;
	width: 735px;
	font-size: 14px;
	color: #3A69B3;
	/* margin-top: 10px; */
	font-weight: bold;
	text-transform: uppercase;
}
.Copy {
	font-family: Raleway, sans-serif;
	font-size: 15px;
	color: #333;
	padding-top: 15px;
	line-height: 20px;
	padding-bottom: 20px;
	height: auto;
/*	width: 40vw;*/
}
.Copy1 {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 15px;
	padding-left: 20px;
	line-height: 20px;
}
.Copy1 a {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 20px;
	font-weight: bold;
}
.Copy1 a:hover {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	color: #999;
	line-height: 20px;
}
.Copy1 img {
	padding-right: 15px;
	float: left;
}
.Copy2 {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	color: #3A69B3;
	background-color: #ECECEC;
	margin-top: 15px;
	padding: 10px;
	/* margin-left: 20px; */
}
.Copy3 {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 10px;
	padding-left: 5px;
	line-height: 16px;
	padding-bottom: 5px;
	font-weight: normal;
}
.Copy3 p{
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 5px;
	padding-left: 17px;
	padding-bottom: 5px;
	background-image: url(../images/Pop/ArrowRt.png);
	background-repeat: no-repeat;
	background-position: 0px 3.5px;
	line-height: 16px;
}
.Copy4 {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	color: #666;
	line-height: 16px;
}
.Copy4 p{
	font-family: Raleway, sans-serif;
	font-size: 13px;
	color: #666;
	padding-left: 25px;
	background-image: url(../images/Pop/ArrowRt.png);
	background-repeat: no-repeat;
	background-position: 10px .25px;
	line-height: 16px;
}

.Copy5 {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 55px;
	background-image: url(../images/Pop/ArrowRt.png);
	background-repeat: no-repeat;
	background-position: 30px 6px;
	line-height: 16px;
/*	padding-top: 15px;*/
}
.Copy6 {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	color: #666;
	padding-left: 5px;
	line-height: 16px;
	float: left;
	width: 375px;
}
.Copy6 p{
	font-family: Raleway sans-serif;
	font-size: 13px;
	color: #666;
	padding-left: 60px;
	background-repeat: no-repeat;
	line-height: 16px;
}
.Copy7 {
	font-family: Raleway sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 5px;
	padding-left: 11px;
	line-height: 17px;
	font-style: italic;
	padding-right: 15px;
}
.Copy10 {
	font-family: Raleway sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 5px;
	padding-left: 11px;
	line-height: 17px;
	font-style: italic;
	padding-right: 15px;
}
.customIndent {
	padding-left: 5em;
	line-height: 1.5;
}
.Para {
	font-family: Raleway sans-serif;
	font-size: 13px;
	color: #666;
	padding-top: 10px;
	line-height: 16px;
	padding-bottom: 10px;
	float: left;
	width: 760px;
	padding-left: 60px;
}
.Para img{
	margin-right: 15px;
	float: left;
	border: thin solid #666;
}
.Para2 {
	font-family: Raleway sans-serif;
	font-size: 13px;
	color: #666;
	padding-top: 10px;
	line-height: 16px;
	padding-bottom: 10px;
	float: left;
	width: 760px;
	padding-left: 60px;
}
.Para2 img{
	margin-right: 15px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.Guide {
	padding-top: 20px;
	padding-bottom: 10px;
	float: left;
	width: 125px;
	padding-left: 75px;
	font-family: Raleway sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#F1A734;
}
.Guide1 {
	padding-top: 20px;
	padding-bottom: 10px;
	float: left;
	width: 125px;
	padding-left: 20px;
}
.Guide img, .Guide1 img {
	border: thin solid #666;
}
.clear {
	clear: both;
}
.LinkHead {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	color: #6882A3;
	padding-top: 20px;
	padding-left: 75px;
	float: left;
}
.LinkHead2 {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	color: #6882A3;
	padding-top: 22px;
	padding-left: 75px;
	float: left;
}
#HeadLink {
	float: left;
	padding-top: 20px;
}
#HeadLink a {
	font-family: Raleway, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: var(--primary-color-dark);
	text-decoration: none;
	padding-left: 10px;
}
#HeadLink a:hover {
	color: #6882A3;
	text-decoration: none;
}
.PrintBox {
	float: left;
	padding-left: 5px;
}
.PrintBox a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.PrintBoxWS {
	padding-top: 10px;
}
.PrintBoxWS a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.lftcol {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #333;
	width: 385px;
	padding-left: 15px;
	padding-top: 20px;
	float: left;
}
.lftcol p {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-image: url(../images/Pop/ArrowRt.png);
	line-height: 18px;
	background-position: 23px .75px;
}
.rtcol {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #333;
	width: 385px;
	padding-top: 20px;
	padding-left: 25px;
	float: left;
}
.rtcol p {
	padding-left: 40px;
	background-image: url(../images/Pop/ArrowRt.png);
	background-repeat: no-repeat;
	line-height: 18px;
	background-position: 23px .75px;
}
.Num {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0e253a;
	float: left;
}
.Num a{
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: var(--primary-color-dark);
	float: left;
	text-decoration: none;
}
.Num a:hover{
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6882A3;
	float: left;
}
.NumHead {
	font-family: Raleway, sans-serif;
	font-weight: bold;
	float: left;
	width: 290px;
	padding-left: 5px;
}
h10 {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: var(--primary-color-dark);
}
h11 {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #3A69B3;
}
h12 {
	font-family: Raleway, sans-serif;
	font-size: 30px;
	color: #FFF;
}
h13 {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #333333;
	padding-right: 5px;
}
h14 {
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3A69B3;
}
h15 {
	font-family: Raleway, sans-serif;
	font-size: 9px;
	color: #3A69B3;
}
.Footnote {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 15px;
	color: #3A69B3;
}
#message a
{
	/* display: block before hiding */
    display: block;
	display: none;
	/* link is above all other elements */
    z-index: 999;
	/* link doesn't hide text behind it */
    opacity: .8;
	/* link stays at same place on page */
    position: fixed;
	/* link goes at the bottom of the page */
    top: 100%;
	margin-top: -45px;
	margin-left: -10px; /* = half of width */
	/* make it big and easy to see (size, style to preferences) */
    width: 160px;
	line-height: 18px;
	height: 36px;
	padding: 10px;
	background-color: #3A69B3;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	font-family: Raleway, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/Pop/ArrowUp.png);
	background-repeat: no-repeat;
	background-position: 13px 11px;
}
#popScore {
	color: var(--primary-color-dark);
	display: block;
	font-size: 15px;
	height: 50px;
	width: 105px;
	background-attachment: scroll;
	background-color: var(--primary-color-light);
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	text-align: center;
	padding-top: 15px;
	margin-top: 10px;
}
#popLevel {
	color: white;
	display: block;
	font-size: 22px;
	height: 50px;
	width: 105px;
	background-attachment: scroll;
	background-color: var(--primary-color-dark);
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
}
#popClear{
	color: var(--primary-color-dark);
	display: block;
	font-size: 10px;
	height: 30px;
	text-align: center;
	width: 105px;
	background-attachment: scroll;
	background-color: lightgray;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	margin-top: 10px;
	padding-top: 10px;
}
.clearform {
	color: var(--primary-color-dark);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Raleway, sans-serif;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	padding-left: 10px;
}
#popClear:hover{
	background-color: darkgray;
}
.score {
	color: var(--primary-color-dark);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: Raleway, sans-serif;
	padding-left: 10px;
}
.level {
	color: var(--primary-color-dark);
	text-transform: uppercase;
	font-size: 15pt;
	font-weight: bold;
	font-family: Raleway, sans-serif;
	padding-left: 10px;
}
.WSsidebarNum {
	float: left;
/*	width: 130px;*/
}
.Row1_3_1 a img, .Row2_3_1 a img, .Row3_3_1 a img, .Row4_3_1 a img, .Row5_3_1 a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* POP WS CSS */
#Worksheet{
	height: auto;
	width:800px;
	padding-bottom: 30px;
	margin-top: 20px;
	margin-left: 10px;
	font-family: Raleway, sans-serif;
}

#WSwrapperCP {
	background-color: #E4E4ED00;
	height: auto;
	width: 800px;
	padding-bottom: 30px;
	margin-top: 20px;
	margin-left: 10px;
}
#WSwrapperNC {
	background-color: #E4E4ED00;
	height: 600px;
	width: 800px;
	margin-top: 20px;
	margin-left: 10px;
}
#WSwrapperE {
	background-color: #E4E4ED00;
	height: auto;
	width: 800px;
	padding-bottom: 30px;
	margin-top: 20px;
	margin-left: 10px;
}
#WSwrapperC {
	background-color: #E4E4ED00;
	height: 700px;
	width: 800px;
	margin-top: 20px;
	margin-left: 10px;
}
.WSimage {
	float: left;
	height: 25px;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 12px;
	width: 30px;
	cursor: pointer;
}
.WSlftcol {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #333;
	width: 375px;
	padding-left: 25px;
	float: left;
	margin-top: 20px;
}
.WSlftcol p {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-image: url(../images/Pop/ArrowRt.png);
	line-height: 18px;
	background-position: 22px 1px;
}
.WSrtcol {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	color: #333;
	width: 375px;
	padding-left: 25px;
	float: left;
	margin-top: 20px;
}
.WSrtcol p {
	padding-left: 40px;
	background-image: url(../images/Pop/ArrowRt.png);
	background-repeat: no-repeat;
	line-height: 18px;
	background-position: 22px 1px;
}
.WSsidebar {
	width: 240px;
	height: 220px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Raleway, sans-serif;
	font-size: 10px;
	font-style: italic;
	float: left;
}
.WSsidebar a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.WSbtmBox {
	float: left;
	height: auto;
/*	width: 200px;*/
	margin-top: 15px;
/*	margin-left: 10px;*/
	margin-bottom: 20px;
	font-family: Raleway, sans-serif;
	font-size: 12px;
	line-height: 18px;
/*	padding-top: 10px;*/
/*	padding-left: 10px;
	padding-right: 10px;*/
}
.WSbtmIntro {
/*	width: 100px;
	float: left;*/
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3A69B3;
	margin-bottom: .5em;
/*	padding-left: 15px;
	padding-top: 15px;*/
}
.WSbtmBox img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}
.QuestionMark {
	font-family: Raleway, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float: right;
	color: #3989C4;
	padding-right: 10px;
}
.QuestionMark a {
	text-decoration: none;
	color: #3989C4;
}
.QuestionMark a:hover {
	text-decoration: none;
	color: #6882A3;
}
.PrintBox {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
/*	width: 150%;*/
	float: left;
}
.SingleCol {
	font-family: Raleway sans-serif;
	font-size: 12px;
	color: #333;
	padding-left: 15px;
	padding-top: 5px;
}
.selectionbox {
	font-family: Raleway, sans-serif;
}
.SingleCol p {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-image: url(../images/Pop/ArrowRt.png);
	line-height: 18px;
	background-position: 23px .75px;
}
.SingleCol .NumHead {
	font-family: Raleway, sans-serif;
	font-weight: bold;
	float: left;
	width: 750px;
	padding-top: 2px;
	padding-left: 5px;
}
.printHidden {
	height: 0px;
	width: 0px;
	overflow: hidden;	
}
.Aboutheader {
	margin-left: 15px;
/*	top: px;*/
	color: #0F68B3;
	font-weight: bold;
	font-size: 13pt;
}
.GuideHeader {
	min-height: 0px;
	height: 70px;
}
.GuideSubHeader {
	font-size: x-small;
	color: #96B2DD;
}

.accordionNavItem{
	background-color: #357bb0;
	/* width: 30%; */
}

/* popup */

/* Popup container */
.QuestionMark {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.QuestionMark .popuptext {
  visibility: hidden;
  width: 450px;
  background-color: #A2C7E3;
  color: #0E253A;
  text-align: left;
  border-radius: 6px;
  padding: 20px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.QuestionMark .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.QuestionMark .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


.explainpop {
  background-color: #a2c7e3;
  color: rgb(49, 49, 49);
  padding: 18px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top: 0;
}

.arrow-img {
	border: none;
}

.arrow-img img {
	position: relative;
	left: 63px;
}

#footnote {
	margin-top: 50px;
}




/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #0e253a;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #a2c7e3;
}


.content {
  padding: 0 18px;
  max-height: 0;
  width: 90%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

.collapsible:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: white;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}