body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

/* END RESET CSS */

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/open_sans/opensans-regular.ttf');
}
@font-face {
  font-family: 'OpenSansCond';
  src: url('fonts/open_sans/opensanscondensed-bold.ttf');
}

html                {height:100%; width:100%;/* make sure it is at least as tall as the viewport */ position:relative}
body                {font-family: arial, Open Sans, sans-serif; padding:0px; margin:0px; overflow:auto; background:#778899}
body.cke_editable   {background:#fff; overflow:auto; height:auto}
H1	                 {font-size: 54px; margin:5px 24px; color: black; font-weight:bold;}
H1.opensanscond	  {font-family: OpenSansCond; font-size:67px; color:#fff; text-transform:uppercase;}
H1.topred           {color:red; font-size:5vw; text-shadow: #000 .16vw .16vw .26vw; margin: 0; text-align:center}
H2	                 {font-size: 44px; color: black; margin:5px 20px; font-weight:bold;}
H2.opensanscond	  {font-family: OpenSansCond; font-size:50px; color:#fff; font-weight:900; margin:0; text-transform:uppercase;}
H3	                 {font-size: 1.5vw; color: black; margin: 4px 16px; font-weight:bold;}
H3.opensanscond	  {font-family: OpenSansCond; font-size:36px; color:#fff; font-weight:900; margin:0; text-transform:uppercase;}
p, li , td          {font-weight:normal; color:#000000; font-size:16px; margin:5px 24px}
H4, p.h4            {font-size: 24px; color: black; margin: 4px 16px; font-weight:bold;}
#reports td         {font-size:1.1vw; padding:.1vw; font-family: arial, Open Sans, sans-serif;}
#reports tr         {height:2vw}
p.opensanscond	     {font-family: OpenSansCond; font-size:20px; color:#fff; font-weight:900; margin:0; text-transform:uppercase;}
p.catdesc	        {font-family: arial; font-size:15px; color:#fff; font-weight:500; margin:0;}
p.levels    	     {font-family: OpenSansCond; font-size:18px; color:#fff; font-weight:900; margin:0;}
p.small    	        {font-size:12px; color:#c00; font-style:italic; margin:0;}
td.category         {vertical-align:middle; text-align:center; width:13%}   
td.col4             {width:5%; text-align:center; vertical-align:middle; min-width:60px;}
td.scorecols        {text-align:center; vertical-align:bottom; width:6%}
ul, ol              {margin-left:5%}
li                  {margin-left:1.6vw;}
a                   {text-decoration:none; color:#028}
a.hover             {color:#0038a8; background:none; text-decoration:underline !important;}
table.logintable    {width:400px; margin: 0px auto}
table.pwtable       {width:100%; margin: 0px auto}
.trheadings         {vertcal-align:bottom; height:auto}
#manageslideshow a  {text-decoration:none !important}
img                 {max-width:98%; max-height:auto; padding:0 !important}
#newuserdiv         {display:block}
#edituserdiv, #dupuserdiv   {display:none}
#failed, #district, #failedPW {display:none; text-align:center; color:#c00}
#usererror          {text-align:center; color:#c00}
#top					  {width:100%; background:#002c4c; text-align:center; margin:.5vw 0;  padding:.5vw 0;}
#topdiv				  {width:100%; background:#002c4c; text-align:center; margin:.5vw 0;  padding:.5vw 0;}
#topleft            {display:inline-block; width:25%}
#topleft p          {text-align:left; color:#fff; margin:0 0 0 1vw}
#topcenter          {display:inline-block; width:50%}
#topcenterfull      {display:none; width:0; height:0}
#topcenter p        {text-align:center; margin:0 2.6vw; color:#fff;}
#topright           {display:inline-block; width:25%}
#topright p         {text-align:right; margin:0 1vw 0 0; color:#fff;}
#bluediv            {width:100%; background:#007AB7; text-align:center; margin:1vw 0 0 0; padding:0; color:#fff}
#darkbluediv        {width:100%; background:#002c4c; text-align:center; margin:.8vw 0 0 0; padding:0; color:#fff}
#main, main               {width:100%; max-width:1280px; margin:1vh auto; min-height:98vh; background:#fff; box-shadow: #000 .16vw .16vw .8333vw; padding:0; position:relative}
#userbox            {position:absolute; z-index:2; right:1vw; top:4vh; margin:0px; padding:5px; display:none; background: #fff; box-shadow: #000 .16vw .16vw .8333vw; border-radius: 11px;}
#districtbox        {position:fixed; z-index:2; left:33.25vw; width:32vw; max-height:85vh; overflow:auto; top:4vh; margin:0px; padding:5px; display:none; background: #fff; box-shadow: #000 .16vw .16vw .8333vw; border-radius: 11px;}
#menubox            {position:fixed; z-index:2; left:calc((100% - 1280px)/2); max-height:85vh; overflow:auto; top:4vh; margin:0px; padding:5px; display:none; background: #fff; box-shadow: #000 .16vw .16vw .8333vw; border-radius: 11px;}
#menubox p          {text-align:left !important; margin-left:.8vw}
#menubox p:hover, #districtbox p:hover {font-weight:bold}
#functiontitle      {width:92.6%; max-width:92.6%; text-align:center; margin:20px auto 52px auto; padding:.2vw; color:#fff; position:relative; top:1vw;}
#leveltitle         {width:96%; max-width:inherit; text-align:center; margin:0 auto; padding:.2vw; color:#fff; position:relative; top:.3vw;}
.leveldiv           {position: relative; z-index:10; left:0; top:0; box-shadow: #000 .16vw .16vw .8333vw; width:100%; margin:0px auto; background:#fff; padding:2px; display:none}
#editpage, #editpage2	  {display:none; background:#111; position:fixed; z-index:2; top:0px; left:0px; width:100%; height:100%; filter:alpha(opacity=70); opacity:.7;}
#coverpage       	  {display:block; background:#111; position:fixed; z-index:2; top:0px; left:0px; width:100%; height:100%; filter:alpha(opacity=70); opacity:.7;}
#levelsdiv          {position: fixed; z-index:10; overflow:auto; max-height:88vh; top:4vh; left:calc((100vw - 900px)/2); box-shadow: #000 .16vw .16vw .8333vw; width:80%; max-width:900px; margin:0; background:#fff; padding:1vw; display:none}
#functiondiv        {position: fixed; z-index:10; overflow:auto; max-height:88vh; top:4vh; left:calc((100vw - 900px)/2); box-shadow: #000 .16vw .16vw .8333vw; width:80%; max-width:900px; margin:0; background:#fff; padding:1vw; display:none}
#smalldiv           {position: fixed; z-index:10; overflow:auto; max-height:88vh; top:4vh; left:calc((100vw - 450px)/2); box-shadow: #000 .16vw .16vw .8333vw; width:450px; max-width:450px; margin:0; background:#fff; padding:1vw; display:none}
#logindiv           {position: fixed; z-index:10; overflow:none; height:320px; border-radius:11px; width:500px; max-width:90%; top:4vh; left:calc((100vw - 500px)/2); box-shadow: #000 .16vw .16vw .8333vw; margin:0; background:#def url("images/bg1.jpg") center center no-repeat; background-size:cover; padding:1vw; display:none}
#forgotdiv          {position: fixed; z-index:10; overflow:none; height:300px; border-radius:11px; width:600px; max-width:90%; top:4vh; left:calc((100vw - 600px)/2); box-shadow: #000 .16vw .16vw .8333vw; margin:0; background:#def url("images/bg1.jpg") center center no-repeat; background-size:cover; padding:1vw; display:none}
#resetdiv           {position: fixed; z-index:10; overflow:none; height:330px; border-radius:11px; width:600px; max-width:90%; top:4vh; left:calc((100vw - 600px)/2); box-shadow: #000 .16vw .16vw .8333vw; margin:0; background:#def url("images/bg1.jpg") center center no-repeat; background-size:cover; padding:1vw; display:block}
#changePWdiv        {position: fixed; z-index:10; overflow:none; height:270px; border-radius:11px; width:600px; max-width:90%; top:4vh; left:calc((100vw - 600px)/2); box-shadow: #000 .16vw .16vw .8333vw; margin:0; background:#def url("images/bg1.jpg") center center no-repeat; background-size:cover; padding:1vw; display:none}
#manageusersdiv     {position: fixed; z-index:10; text-align:left; border-radius: 11px; overflow:auto; height:670px; width:900px; max-width:90%; top:4vh; left:calc((100vw - 900px)/2); box-shadow: #000 .16vw .16vw .8333vw; margin:0; background: #def url("images/bg2.jpg") center center; padding:1vw; display:none}
#datadiv, #btnsaveuser, #btndeluser   {display:none}
#pagewidth          {position: absolute; top:1.75%; left:0; z-index:100; width:100%}
#col1               {width:14%}
.nistcircle         {width:100%; max-width:740px; height:auto; display:block; margin:0 auto}
.identify           {background-color: #2f6eba; border-top: thick solid #265999; border-right: thick solid #265999; border-left: thick solid #265999}
div.identify        {border-bottom: thick solid #265999}
.identifygoodscore  {color:#265999; font-weight:bold; font-size:32px}
.identifygoodback   {background-color: #def; padding:.8vw .2vw}
.identifygrouped    {border-top: thick solid #bce !important}
.identifynotgrouped {border-top: thick solid #265999 !important}
.identifymid        {background-color: #2f6eba; border: thick solid #265999; cursor:pointer}
.identifywhite      {background-color: #fff; padding:.8vw; border: thick solid #265999; cursor:pointer}
.identifywhiter     {background-color: #fff;}
.identifylight      {background-color: #def; padding:.8vw; border: 8px solid #148; cursor:pointer}
.identifydark       {background-color: #265999 !important; padding:.8vw; border: 8px solid #148; cursor:pointer}
.identifytable      {border-bottom: thick solid #265999;}
.protect            {background-color: #835293; border-top: thick solid #6d427c; border-left: thick solid #6d427c; border-right: thick solid #6d427c}
div.protect         {border-bottom: thick solid #6d427c;}
.protectgoodscore   {color:#6d427c; font-weight:bold; font-size:32px}
.protectgoodback    {background-color: #edf; padding:.8vw .2vw}
.protectgrouped     {border-top: thick solid #dbe !important}
.protectnotgrouped  {border-top: thick solid #6d427c !important}
.protectmid         {background-color: #835293; border: thick solid #6d427c; padding:.8vw; cursor:pointer}
.protectwhite       {background-color: #fff; border: thick solid #6d427c; padding:.8vw; cursor:pointer}
.protectwhiter      {background-color: #fff;}
.protectlight       {background-color: #edf; border: 8px solid #536; padding:.8vw; cursor:pointer}
.protectdark        {background-color: #6d427c !important; border: 8px solid #536; padding:.8vw; cursor:pointer}
.protecttable       {border-bottom: thick solid #6d427c;}
.detect             {background-color: #f89d1d; border-top: thick solid #ce964b; border-right: thick solid #ce964b; border-left: thick solid #ce964b}
div.detect          {border-bottom: thick solid #ce964b}
.detectgoodscore    {color:#ce964b; font-weight:bold; font-size:32px}
.detectgoodback     {background-color: #fec; padding:.8vw .2vw}
.detectgrouped      {border-top: thick solid #eda !important}
.detectnotgrouped   {border-top: thick solid #ce964b !important}
.detectmid          {background-color: #f89d1d; border: thick solid #ce964b; padding:.8vw; cursor:pointer}
.detectwhite        {background-color: #fff; border: thick solid #ce964b; padding:.8vw; cursor:pointer}
.detectwhiter       {background-color: #fff;}
.detectlight        {background-color: #fec; border: 8px solid #963; padding:.8vw; cursor:pointer}
.detectdark         {background-color: #ce964b !important; border: 8px solid #963; padding:.8vw; cursor:pointer}
.detecttable        {border-bottom: thick solid #ce964b;}
.respond            {background-color: #eb3c44; border-top: thick solid #b12032; border-right: thick solid #b12032; border-left: thick solid #b12032}
div.respond         {border-bottom: thick solid #b12032}
.respondgoodscore   {color:#b12032; font-weight:bold; font-size:32px}
.respondgoodback    {background-color: #fdd; padding:.8vw .2vw}
.respondgrouped     {border-top: thick solid #ebb !important}
.respondnotgrouped  {border-top: thick solid #b12032 !important}
.respondmid         {background-color: #eb3c44; border: thick solid #b12032; padding:.8vw; cursor:pointer}
.respondwhite       {background-color: #fff; border: thick solid #b12032; padding:.8vw; cursor:pointer}
.respondwhiter      {background-color: #fff;}
.respondlight       {background-color: #fdd; border: 8px solid #902; padding:.8vw; cursor:pointer}
.responddark        {background-color: #b12032 !important; border: 8px solid #902; padding:.8vw; cursor:pointer}
.respondtable       {border-bottom: thick solid #b12032;}
.recover            {background-color: #37b449; border-top: thick solid #439650; border-right: thick solid #439650; border-left: thick solid #439650}
div.recover         {border-bottom: thick solid #439650}
.recovergoodscore   {color:#439650; font-weight:bold; font-size:32px}
.recovergoodback    {background-color: #dfd; padding:.8vw .2vw}
.recovergrouped     {border-top: thick solid #cec !important}
.recovernotgrouped  {border-top: thick solid #439650 !important}
.recovermid         {background-color: #37b449; border: thick solid #439650; padding:.8vw; cursor:pointer}
.recoverwhite       {background-color: #fff; border: thick solid #439650; padding:.8vw; cursor:pointer}
.recoverwhiter      {background-color: #fff;}
.recoverlight       {background-color: #dfd; border: 8px solid #263; padding:.8vw; cursor:pointer}
.recoverdark        {background-color: #439650 !important; border: 8px solid #263; padding:.8vw; cursor:pointer}
.recovertable       {border-bottom: thick solid #439650;}
.badscore           {color:#000; font-weight:normal; font-size:32px}
.badback            {background-color: #ddd; padding:.8vw .2vw}
.white              {background-color: #fff; padding:.8vw .2vw}
.levelnum           {width:16%; text-align:center; cursor:pointer}
.level              {background-color: #999; border: thick solid #333; cursor:pointer}
.leveldesc          {background-color: #fff; border: thick solid #333; padding:.8vw; cursor:pointer}
.leveldark          {background-color: #666; border: 8px solid #000; cursor:pointer}
.leveldescdark      {background-color: #ccc; border: 8px solid #000; padding:.8vw; cursor:pointer}
.leveltable         {width:98%; margin:14px auto; border-collapse:collapse}
.categoriestable    {width:94%; margin-left:3%; border-collapse:collapse; margin:1.8vw auto; position:relative}
.descclass          {background-color: #fff; border: thick solid #333}
.subnamebutton      {width:7%; border-right:none; padding-top:8px !important; text-align:left; text-decoration:underline; font-weight:bold; cursor:pointer}
.subnamebutton1     {border-left:none!important; border-right:none!important; padding-top:10px !important; padding-bottom:10px !important; text-decoration:none; cursor:pointer}
.subnamebutton2     {border-left:none!important; text-decoration:none !important; padding-top:10px !important; padding-bottom:10px !important; cursor:pointer; padding-left:15px}
.subnameicon1       {border-left:none!important; border-right:none!important; text-decoration:none; cursor:pointer}
.subnameicon2       {border-left:none!important; text-decoration:none; cursor:pointer}
#edittable p, .subnamebutton1 p      {margin:0;}
#close              {position: absolute !important; z-index:999999999; right: 8px; text-align: center; top: 8px; width: 40px; display:none}
.close              {background: #888 !important; color: #fff !important; line-height: 40px; font-size:36px; text-align: center; width: 40px; text-decoration: none; font-weight: bold !important; border-radius: 20px; box-shadow: 1px 1px 3px #000; display:block}
.close:hover        {background: #fff !important; color: #f00!important; }
td                  {padding:0 .2vw !important; margin:0 !important}     
input, select, textarea   {font-size:1vw; padding:.1vw; font-family: arial, Open Sans, sans-serif;}
.button             {color:#ffffff; border-top: .16vw #ffffff solid; border-left:.16vw solid #dddddd; border-right: .16vw solid #888888; border-bottom:.16vw solid #666666; background:#002266; margin:.26vw .52vw .26vw .52vw; padding:.5vw .4vw .4vw .4vw; font-size:22px; font-weight:bold; border-radius: 1vw; box-shadow: #000 .11vw .11vw .3125vw;}
textarea.levels     {width:90%; margin:5px 5% 1px 5%; font-size:1vw; padding:5px}
input.levels        {padding:5px; font-size:1vw;}
table.pdfreport     {background:#fff; width:94%; margin-left:3%; border:solid thin black; border-collapse:collapse}
table.pdfreport td  {margin:5px !important; padding:5px !important}
.skipnav            {text-align: left; border:none; background:#fff }
.skipnav a          { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: absolute; left: 0; width: auto; margin:5px; height: auto; overflow: visible; text-decoration: underline; z-index:1000000; padding:5px; background:#fff }
.screen-reader-offscreen {	position:absolute; left:-999px; width:1px; height:1px; top:auto;}
/*#elink1, #elink2, #elink3, #elink4, #elink5, #elink6, #alink1, #alink2, #alink3, #alink4, #alink5, #alink6 {display:none}*/
#addelink, #addalink {margin:0 5%; cursor:pointer; font-weight:bold; color:blue; font-size:1em}

@media (max-width: 1280px) {
	
H1	                 {font-size: 5vw; margin:.26vw 1.25vw; }
H1.opensanscond	  {font-size:5.25vw;}
H2	                 {font-size: 3.44vw; margin:.26vw 1.04vw;}
H2.opensanscond	  {font-size:3.9vw; color:#fff;}
H3.opensanscond	  {font-size:2.82vw; }
p, td, li           {font-size:1.25vw; margin:.26vw 1.25vw;}
H4, p.h4            {font-size:2vw}
p.opensanscond	     {font-size:1.6vw;}
p.levels, .respondgoodscore, .recovergoodscore, .identifygoodscore, .protectgoodscore, .detectgoodscore, .badscore   {font-size:2.7vw;}
input, select, textarea   {font-size:1.2vw; }
textarea.levels     {margin:5px 5%; font-size:1.2vw; padding:5px}
input.levels        {padding:5px; font-size:1.2vw;}
select              {font-size:1.2vw;}
#userbox            {top:3vh}
#menubox            {position:fixed; z-index:2; left:1%; max-height:85vh; overflow:auto; top:4vh; margin:0px; padding:5px; display:none; background: #fff; box-shadow: #000 .16vw .16vw .8333vw; border-radius: 11px;}
#menubox p          {text-align:left !important; margin-left:.8vw}
.identifygoodscore, .protectgoodscore, .detectgoodscore, .respondgoodscore, .recovergoodscore, .badscore  {font-size:2.7vw}
}

@media (max-width: 1125px) {
	H1	              {font-size: 6vw;}
	input, select, textarea   {font-size:1.7vw; }
   #levelsdiv       {left:10%;}
.identifygoodscore, .protectgoodscore, .detectgoodscore, .respondgoodscore, .recovergoodscore, .badscore  {font-size:3.3vw}
.identify           {border-top: 3px solid #265999; border-right: 3px solid #265999; border-left: 3px solid #265999}
.identifygrouped    {border-top: 3px solid #bce !important}
.identifynotgrouped {border-top: 3px solid #265999 !important}
.identifymid        {border: 3px solid #265999}
.identifywhite      {border: 3px solid #265999r}
.identifylight      {border: 3px solid #148}
.identifydark       {border: 3px solid #148}
.identifytable      {border-bottom: 3px solid #265999;}
.protect            {border-top: 3px solid #6d427c; border-left: 3px solid #6d427c; border-right: 3px solid #6d427c}

.protectgrouped     {border-top: 3px solid #dbe !important}
.protectnotgrouped  {border-top: 3px solid #6d427c !important}
.protectmid         {border: 3px solid #6d427c; padding:.8vw}
.protectwhite       {border: 3px solid #6d427c; padding:.8vw}
.protectlight       {border: 3px solid #536; padding:.8vw}
.protectdark        {border: 3px solid #536; padding:.8vw}
.protecttable       {border-bottom: 3px solid #6d427c;}
.detect             {border-top: 3px solid #ce964b; border-right: 3px solid #ce964b; border-left: 3px solid #ce964b}

.detectgrouped      {border-top: 3px solid #eda !important}
.detectnotgrouped   {border-top: 3px solid #ce964b !important}
.detectmid          {border: 3px solid #ce964b; padding:.8vw}
.detectwhite        {border: 3px solid #ce964b; padding:.8vw}
.detectlight        {border: 3px solid #963; padding:.8vw}
.detectdark         {border: 3px solid #963; padding:.8vw}
.detecttable        {border-bottom: 3px solid #ce964b;}
.respond            {border-top: 3px solid #b12032; border-right: 3px solid #b12032; border-left: 3px solid #b12032}

.respondgrouped     {border-top: 3px solid #ebb !important}
.respondnotgrouped  {border-top: 3px solid #b12032 !important}
.respondmid         {border: 3px solid #b12032; padding:.8vw;}
.respondwhite       {border: 3px solid #b12032; padding:.8vw;}
.respondlight       {border: 3px solid #902; padding:.8vw;}
.responddark        {border: 3px solid #902; padding:.8vw;}
.respondtable       {border-bottom: 3px solid #b12032;}
.recover            {border-top: 3px solid #439650; border-right: 3px solid #439650; border-left: 3px solid #439650}

.recovergrouped     {border-top: 3px solid #cec !important}
.recovernotgrouped  {border-top: 3px solid #439650 !important}
.recovermid         {border: 3px solid #439650; padding:.8vw;}
.recoverwhite       {border: 3px solid #439650; padding:.8vw;}
.recoverlight       {border: 3px solid #263; padding:.8vw;}
.recoverdark        {border: 3px solid #263; padding:.8vw;}
.recovertable       {border-bottom: 3px solid #439650;}	
	
.level              {border: 3px solid #333; cursor:pointer}
.leveldesc          {border: 3px solid #333; padding:.8vw; cursor:pointer}
.leveldark          {border: 3px solid #000; cursor:pointer}
.leveldescdark      {border: 3px solid #000; padding:.8vw; cursor:pointer}
	
}

@media (max-width: 1000px) {
	H1	                 {font-size: 7vw;} 
   p, td, li           {font-size:1.45vw; margin:.26vw 1.25vw;}
	H4, p.h4            {font-size:3vw}
	p.levels	           {font-size:1.65vw;}
	input, select, textarea   {font-size:2.2vw; }
	textarea.levels     {margin:5px 5%; font-size:1.45vw; padding:5px}
   input.levels        {padding:5px; font-size:1.45vw;}
   select              {font-size:1.45vw;}
	.identifygoodscore, .protectgoodscore, .detectgoodscore, .respondgoodscore, .recovergoodscore, .badscore  {font-size:4vw}
}

@media (max-width: 767px) {
	H1	                 {font-size: 8vw;}
	H3.opensanscond	  {font-size:4vw; }
	H4.opensanscond	  {font-size:3vw; }
	p, td, li           {font-size:2.6vw; margin:.26vw 1.25vw;}
	H4, p.h4            {font-size:4vw}
	p.opensanscond	     {font-size:4vw; margin:0; padding:0; text-align:center}
	h3, p.levels        {font-size:3.4vw}
	.identifygoodscore, .protectgoodscore, .detectgoodscore, .respondgoodscore, .recovergoodscore, .badscore  {font-size:5vw}
	/*div.category        {font-size:3vw; transform: rotate(270deg); margin:0; text-align:center; max-width:35px}*/
	td.category         {vertical-align:middle; text-align:center; max-width:7%; width:7%}
	td.subcategory      {max-width:14%; width:14%}
	input, select, textarea, textarea.levels, input.levels   {font-size:3vw; }
	#top				     {margin:0;  padding:.5vw 0;}
	#topleft            {display:inline-block; width:50%}
   #topleft p          {text-align:left; color:#fff; margin:0 0 0 2vw !important; font-size:4vw}
   #topcenter          {display:none; width:0;}
	#topcenterfull      {display:block; width:100%; height:auto}
   #topcenter p, #topcenterfull p  {text-align:center; margin:0 2.6vw; color:#fff;}
   #topright           {display:inline-block; width:50%}
   #topright p         {text-align:right; margin:0 1vw 0 0; color:#fff; font-size:4vw}
	#bluediv            {margin:.2vw 0 0 0;}
   #logindiv           {height:50vw; width:86%; top:4vh; left:7%;}
	#levelsdiv          {max-height:83.5vh; top:30px; left:3%; width:92%;}
	#close              {position:fixed; right: 1px; top: 1px; width: 40px;}
	.close              {background: #c00 !important; color: #fff !important; right: 1px; top: 1px; width: 40px; border-radius: 20px;}
	.close:hover        {background: #fff !important; color: #c00 !important;}
	.levelnum           {width:17%;}
	#menubox p, #userbox p {font-size:3.7vw; margin:15px 5px}

	table.logintable {width:90%; margin: 0px auto}
	.rotate {text-align: center; vertical-align: middle;}
   .rotate div {
		 -ms-transform:rotate(270deg);
       -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
       -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
		 transform:rotate(270deg);
       filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
       -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
       margin-left: -10em;
       margin-right: -10em;
   }
}
@media (max-width: 767px) and (orientation:landscape) {
	H1	                 {font-size: 7vw;}
	H3.opensanscond	  {font-size:4vw; }
	p, td, li           {font-size:2.5vw; margin:.26vw 1.25vw;}
	H4, p.h4            {font-size:3.3vw}
	p.opensanscond	     {font-size:3.3vw; margin:0; padding:0; text-align:center}
	h3, p.levels        {font-size:3vw}
	#districtbox        {top: 7vh; width:90vw; left: 4vw}
	#districtbox p      {font-size: 2.3vw; line-height:8vh; font-weight:bold}
	#darkbluediv        {margin:.75vw 0 0 0;}
	#functiontitle      {margin:5vh auto; padding:.2vw; top:0}
	.nistcircle         {width:60%; height:auto; display:block; margin:0 auto}
	.pdfbuttons         {max-width:45.6vw}
	
}
@media (max-width: 767px) and (orientation:portrait) {
	p.opensanscond	     {font-size:3vw;}
   p.catdesc	        {font-size:2.25vw;}
   p.levels    	     {font-family: OpenSansCond; font-size:18px; color:#fff; font-weight:900; margin:0;}
	img.category        {max-width:15vw}
	img.ref             {max-width:10vw}
	td.col1             {width:14% !important; min-width:14% !important; max-width:14%;}
	td.col2             {width:11% !important; min-width:11% !important; max-width:11%; font-size:2.4vw}
	td.col3             {font-size:2.5vw}
	td.col4             {width:3%; text-align:center; vertical-align:middle; min-width:5vw;}
	td.col7             {width:10%; min-width:10%; maxwidth:10%;}
	td.scorecols        {min-width:5% !important; max-width:5%; width:5% !important}
	.categoriestable    {width:97%; margin-left:1.5%;}
   #districtbox        {top: 7vh; width:90vw; left: 4vw}
	#districtbox p      {font-size: 3vw; line-height:4vh; font-weight:bold}
	#darkbluediv        {margin:1vw 0 0 0;}
	#functiontitle      {margin:1.5vh auto; padding:.2vw; top: 0; width:97%}
	.nistcircle         {width:90%; height:auto; display:block; margin:0 auto}
	.pdfbuttons         {max-width:44vw}

}