@charset "utf-8";
/* CSS Document */

#westernbackground {background-image:url('/western/images/brickbg.jpg');background-attachment:fixed;margin:0px;padding-right:167px}

#classroompics {width:716px;text-align:center;padding-bottom:0px}

section {width:673px;margin-top:10px;padding-left:43px}
.gm-style button, .gm-style-cc, .gmnoprint {
		display: none!important;
		}
#togglemapview {
	position: absolute;
	cursor: pointer; 
	top: 8px;
	height: 23px;
	width: 143px;
	left: 242px;
	z-index: 50;
	background-color:rgba(0, 84, 187, 0.8);
	color: #ffffff;
	font-family: Verdana;
	font-size: 15px;
	line-height: 20px;
	border: 1px solid #000000;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 9px;
	padding-right: 9px;
}
#togglemapview:hover {
	background-color:rgba(0, 71, 158, 0.8);
}

#keyboardnavigation {
	border-radius: 10px;
	border: 1px solid #000000;
	font-family: zarbrush;
	color: #ffffff;
	font-size: 18px;
	line-height: 18px;
	position: relative;
	margin-left: 22px;
	float: left;
	padding: 4px;
	width: 112px;
	height: 112px;
	background-image: url('/western/images/arrowkeys.png');
	background-color: rgba(121, 121, 121, 0.4);
	background-repeat: no-repeat;
	background-position: center 64px;
	box-shadow: inset 0 0 1px 1px #A6A9A8;
}

.scrolltotopnormal {
	display:none;
}
.scrolltotopfixed {
	background-image:url('/western/images/scrolltotoparrow.png');
	background-repeat:no-repeat;
	background-position:center;
	background-color:#4F2683;
	margin-left:1px;
	margin-top:6px;
	border:1px solid #e4dee9;
	position:relative;
	clear:left;
	float:left;
	width:159px;
	height:50px;
}
.scrolltotopfixed:hover {
	background-color:rgba(255, 255, 255, 0.4);
}

.mappics.activemap, .mappics2.activemap {
		   background-color:#BBBBBB;
}
.mappics.activemap #stepnumber, .mappics2.activemap  #stepnumber {
	   background-color:#4F2683;
	   text-shadow: 2px 2px 0 #000000;
	   border-color:#000000;
	   height:28px; 
}
.activeoverride {
	background-color: #dadddf !important;
}
.mappics, .mappics2 {margin-top: -14px;}
.mappics#one {margin-top: 0;}
hr {
	overflow: visible;
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: center -2px;
}
hr:after {
	content: '';
}

#stepnumber, #description {
	border-radius: 15px;
}
div.mappics, div.mappics2 {
	border-radius: 0 0 19px 19px;
}

#pagecontainer:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.mappics:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.mappics2:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.mappics5:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.mappics {background-color:#dadddf;
			width:650px;
			border-top:2px solid black;
		    border-left:1px solid black;
		    border-right:1px solid black;
			border-bottom:1px solid black;
			padding-left:0px;
			padding-right:0px;
			padding-top:0px;
			padding-bottom:2px;
			margin-bottom:22px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			position: relative; 
   		    z-index: 45;
			-moz-border-radius-bottomleft:19px;
			-webkit-border-bottom-left-radius:19px;
			-moz-border-radius-bottomright:19px;
			-webkit-border-bottom-right-radius:19px;}
			
div.mappics img{border:0px solid #19263d;margin-bottom:3px;}

div.mappics2 {background-color:#dadddf;
			  width:533px;
			  border-top:2px solid black;
			  border-right:1px solid black;
		      border-left:1px solid black;	
			  border-bottom:1px solid black;		  
		      padding-left:0px;
			  padding-right:0px;
			  padding-top:0px;
			  padding-bottom:0px;
			  margin-bottom:22px;
			  margin-left:auto;
			  margin-right:auto;
			  text-align:center;
			  position: relative; 
   		      z-index: 45;
			  -moz-border-radius-bottomleft:19px;
			  -webkit-border-bottom-left-radius:19px;
			  -moz-border-radius-bottomright:19px;
			  -webkit-border-bottom-right-radius:19px;}
			  
div.mappics2 img{border:0px solid #19263d;margin-bottom:3px;}


div.mappics5 {background-color:#f1f1f1;
			  width:650px;
			  border-top:2px solid black;
			  border-right:1px solid black;
		      border-left:1px solid black;	
			  border-bottom:1px solid black;		  
		      padding-left:0px;
			  padding-right:0px;
			  padding-top:0px;
			  padding-bottom:0px;
			  margin-bottom:22px;
			  margin-left:auto;
			  margin-right:auto;
			  text-align:center;
			  position: relative; 
   		      z-index: 45;}
			  
div.mappics5 img{border:0px solid #19263d;margin-bottom:3px;}

div.mappics5 #stepnumberwrap{
				padding-bottom: 5px;
				height: 0px;
				margin-top: -30px;
				z-index: 1;
			  }
			  
div.mappics5 small a {position: relative;
					top: 6px;
					height: 20px;
					width: 141px;
					margin-left: auto;
					margin-right: auto;
					display: block;
					background-color: #00bc18;
					color: #ffffff;
					font-family: Verdana;
					line-height: 18px;
					text-decoration: none;
					border: 1px solid #000000;
					font-size: 16px;
					padding-top: 7px;
					padding-bottom: 6px;
					padding-left: 10px;
					padding-right: 10px;
					letter-spacing: 0px;
					z-index: 10;}
					
div.mappics5 small a:hover {background-color: #009d14;}


#stepnumberwrap {clear:left;
				background:;
				float:left;
				min-height:37px;
				position:relative;
				width:650px;
				margin-top:-30px;
				margin-left:auto;
				margin-right:auto;
				padding-bottom:6px;}

div.mappics #stepnumber {margin-left:6px;}
div.mappics2 #stepnumber {margin-left:6px;}
div.mappics5 #stepnumber {margin-left:4px;}
#stepnumber {background-color:#616161;
text-align:center;
position: relative; 
z-index: 7;
border:1px solid #383838;
height:28px;
width:89px;
font-weight:bold;
font-family:arial;
font-size:19px;
float:left;
color:#FFFFFF;
text-shadow: 2px 2px 0 #000000;
padding-left:2px;
padding-right:5px;
padding-top:4px;
padding-bottom:3px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;}

div.mappics #description {width:516px;margin-left:6px;}
div.mappics2 #description {width:399px;margin-left:6px;}
#description {border:1px solid black;
min-height:28px;
line-height: 17px;
font-family:arial;
font-size:15px;
font-weight:bold;
color:#000000;
background-color:#FFFFFF;
float:left;
padding-left:8px;
padding-right:8px;
padding-bottom:3px;
padding-top:3px;
position: relative; 
z-index: 7;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;}

#pagecontainer {z-index:80;
				margin-bottom:10px;
				margin-top:0px;
				width:884px;
				text-align:center;
				margin-left:auto;
				margin-right:auto;}

#topbanner {background-image:url('/western/images/westernlogosolo.png');
background-repeat:no-repeat;
background-position:left;
height: 57px;
width: 708px;
text-align:center;
margin-left:171px;
margin-right:auto;
margin-top: 14px;
padding:0px;
position:relative;
z-index:30}

#layoutwithbackdrop {background-color:rgba(219, 219, 219, 0.38);
width:716px;
text-align:center;
margin-left:auto;
margin-top:-61px;
padding-top:69px;
border:1px solid #000000;
border-radius:40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;}


#header{ 
	position:relative;
	width:708px;
	height:57px;
	float:left;
	z-index:1; 
}  

 
 
 div.mappics .medium a{ position:relative;top:-53px;left:-43px;}
 div.mappics2 .medium a{position:relative;top:-53px;left:-43px;}
 
 .medium a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:41px;
 height:28px;
 border:0px;
 float:left;
 background: url("/western/images/hd720p.png") 0 0 no-repeat;
 z-index: 30;
 		 border-top:1px solid black;
		 border-left:1px solid black;
		-moz-border-radius-topleft:10px;
		-webkit-border-top-left-radius:10px;
 }
 .medium a:hover {
 background-position: -81px 0;
 }
 .medium a:active {
 background-position: 0 0;
 }
 
 div.mappics .large a{position:relative;top:-25px;left:-92px;}
 div.mappics2 .large a{position:relative;top:-25px;left:-92px;}
 
  .large a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:48px;
 height:28px;
 border:0px;
 float:left;
 background: url("/western/images/hd1080p.png") 0 0 no-repeat;
 z-index: 30;
 		 border-bottom:1px solid black;
		 border-left:1px solid black;
		 border-top:1px solid black;
		-moz-border-radius-topleft:10px;
		-webkit-border-top-left-radius:10px;
		-moz-border-radius-bottomleft:10px;
		-webkit-border-bottom-left-radius:10px;
 }
 .large a:hover {
 background-position: -81px 0;
 }
 .large a:active {
 background-position: 0 0;
 }
 
 
 

.size {position:relative;top:-55px;left:248px;z-index:36}
.size a {text-decoration:none}
.size a:link {color:#005b7d;}      /* unvisited link */
.size a:visited {color:#005b7d;}  /* visited link */
.size a:active {color:#005b7d;}

.size .field {
	height:63px;width:63px; padding:0px; border: 0px; cursor:pointer;
	background: url("/western/images/businfo.png") 0 0 no-repeat;
}
textarea:focus, input:focus{
    outline: none;
}
	
.size .field:active {
	 background-position: 0 0;}
	 
.size .field:hover {
	background-position: -63px 0;}
	
	
.size>ul.list { display:none;
	position:absolute; left:252px; top:60px; z-index:999;
	width:250px;
	margin:0; padding:5px; list-style:none;
    text-align:left;
	background:#fff; color:#333;
		 padding:6px;
		 border:1px solid #000000;
		-moz-border-radius-topleft:15px;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topright:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-bottomleft:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomright:15px;
		-webkit-border-bottom-right-radius:15px;
}
.size>ul.list li {
	padding:5px;
	display:inline;
	list-style-type: none;
	border-bottom: solid 1px #ccc;
}
.size>ul.list li:hover {
	background:#005b7d; color:#fff;
}
.size>ul.list li:last-child { border:none }
		

section > hr {
		width:716px;
		margin-bottom:22px;
		position:relative;
		left:-43px;
        height:42px;
        border: none;
        border-top: 2px solid #000000;
        color: #000000;
        text-align:center;
}
		
	
:target.mappics{
           background-color:#907bce;
           }
:target.mappics #stepnumber {
		   background-color:#2c0f83;
		   text-shadow: 2px 2px 0 #000000;
		   border:1px solid black;
		   height:28px;
           }
:target.mappics2{
           background-color:#907bce;
           }

:target.mappics2 #stepnumber {
		   background-color:#2c0f83;
		   text-shadow: 2px 2px 0 #000000;
		   border:1px solid black;
		   height:28px; 
}
section > div { 
          padding: 0px;
          -webkit-transition: all 0.5s ease; 
          -moz-transition: all 0.5s ease; 
          -ms-transition: all 0.5s ease; 
          -o-transition: all 0.5s ease;     
          margin-left: 20px;    
        }
		
html { -webkit-text-size-adjust:none; }

#map-canvas, #map_canvas {
  height: 400px;
  width: 650px;
  position: relative;
}

#map-canvas div {
    background: none !important;
    border: none !important;
	font-size: 0px !important;
}

#map-canvas div span {
    display: none !important;
}

#map-canvas div table {
    display: none !important;
}
.invertedstyle{
	filter:invert(1);
}

.normal {min-width:200px;width:auto;margin-left:auto;margin-right:auto;}

.normal:after{
			content: ".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}

.fixed {position:fixed;margin-top:-79px;margin-left:-167px;}
	
.jumptonormal {
		position:relative;
		clear:left;
		float:center;
		width:326px;
		left:2px;
		top:-1px;
		font-family:verdana;
		font-size:14px;
		background-color:#FFFFFF;
		border-right:1px solid black;
		border-left:1px solid black;
		border-bottom:1px solid black;
		border-top:0px solid black;
		-moz-border-radius-topleft:2px;
		-webkit-border-top-left-radius:2px;
		-moz-border-radius-topright:2px;
		-webkit-border-top-right-radius:2px;
		-moz-border-radius-bottomleft:2px;
		-webkit-border-bottom-left-radius:2px;
		-moz-border-radius-bottomright:2px;
		-webkit-border-bottom-right-radius:2px;
		margin-left:auto;
		margin-right:auto;
		padding-top:2px;
		padding-bottom:2px;
}
.jumptofixed {
		width: 161px;
		background-color: #ffffff;
		padding-top: 2px;
		padding-bottom: 2px;
		font-family: verdana;
		font-size: 13px;
		position: relative;
		margin-top: -2px;
		margin-left: 1px;
		clear:left;
		float: left;
}

.steplist1normal {
		width: 1em; 
		font-family: verdana;
		font-size: 12px;
		text-transform: uppercase;
		line-height:12px; 
    	letter-spacing:40px; /* arbitrarily large letter-spacing for safety */	
		display: inline;
		margin-right: -4px;
}
.steplist1normallip {		
		padding-left:7px;
		padding-right:2px;
		padding-top:4px;
		padding-bottom:8px;
		margin:0;
		-moz-border-radius-topleft:10px;
		-webkit-border-top-left-radius:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;
		border-left:1px solid #000000;	
		border-right:1px solid #FFFFFF;	
		float:center; 	
		text-decoration: none;
		color:white;
		display:inline-block;
		width:16px;
		background-color:#4F2683;
}
.steplist1fix{
		margin:0;
		margin-left: 30px;
		width: 131px;
		padding:0;
		padding-right:0px;
		padding-top:8px;
		background-color:#D1D1D1;
		position:relative;
		float:left;
		border:1px solid #000000;
		font-family: verdana;
		overflow: hidden;
		white-space: nowrap;
		font-size: 14px;
		letter-spacing: -2px;}
.steplist1norm{
		margin:0;
		padding:0;
		position:relative;
		float:center;}	

.steplist1fixed {
		display:block;
		height: 23px;
		padding-left: 2px;
		background-color:#4F2683;}
.steplist1normallipfixed {
		display:block;
		margin:0;
		padding-top: 2px;
		color: white;}
.steplist2normal {
		display: inline-block;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-right: -4px;
		width: 26px;
		background-color: #e4dee9;
		border-right: 1px solid #FFFFFF;}
.steplist2fix {
		margin:0;
		margin-left:-163px;
		border: 1px solid #000000;
		width:29px;
		padding:0;
		padding-right:0px;
		padding-top:8px;
		background-color:#e4dee9;
		position:relative;
		float:left;}
.steplist2norm {margin:0;padding:0;position:relative;clear:left;float:center;}
.steplist2fixed {
		display:block;
		height: 23px;
		background-color:#e4dee9;
		font-family: verdana;
		font-size: 14px;}

.steplist2fixed a,
.steplist2fixed a:visited {
		color: #4F2683}

.steplist2lianormal {	
		text-decoration: none;
		color:#4F2683;
		font-family: verdana;
		font-size: 14px;
		display:inline-block;
		font-weight:bold;
		height:20px;
		width: 22px;
		padding-left: 1px;
		padding-right: 3px;
		padding-bottom:0px;
}
.steplist2lianormal:visited{
		color:#4F2683;
		}
.steplist2lianormal:hover {
		border-radius: 10px 10px 0 0;
		-moz-border-radius-topleft:10px;
		-webkit-border-top-left-radius:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;
		}
.steplist2liafixed {
		display: block;
		padding-right: 155px;
		padding-left: 5px;
		z-index: 50;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #B8B8B8;
		border-right: 1px solid #C7C7C7;
		padding-top:3px;
		padding-bottom:2px;
}
.steplist2liafixed:hover {
		padding-right: 154px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;}

.steplist1normallip {
	border-radius: 10px 10px 0 0;
}

.mappics, .mappics2 {margin-top: -14px;}
.mappics#one {margin-top: 0;}

hr:after {
	content: '';
}
#stepnumber, #description {
	border-radius: 15px;
}
.medium a {
	border-radius: 10px 0 0 0;
}
.large a {
	border-radius: 10px 0 0 10px;
}
div.mappics, div.mappics2 {
	border-radius: 0 0 19px 19px;
}
.activeoverride {
	background-color: #dadddf !important;
}

@media screen and (device-aspect-ratio: 2/3) or (device-aspect-ratio: 40/71) or (device-aspect-ratio: 3/4) {
		#westernbackground {
			padding-right:63px
	}
		#pagecontainer {
			width: 780px
	}
		#keyboardnavigation {
			display:none;
	}
		#topbanner {
			margin-left: 68px;
	}
		.steplist1fix {
			display:none;
	}
		.fixed {
			left:0;
			margin-left:0;
			z-index: 30;
	}
		.jumptofixed {
			display:none;
	}
		.steplist2fix {
			margin-left:0;
			background-color: #9C9C9C;
	}
		.steplist2liafixed {
			padding:3px;
	}
		.steplist2liafixed:hover {
			padding:3px;
			background-color:none;
	}
		.scrolltotopfixed {
			background-size: 250%;
			background-color: #4F2683;
			margin-left: 0px;
			width: 29px;
			height: 27px;
	}
}


@media all and (max-width: 902px) and (min-width: 762px) {
		#westernbackground {
			padding-right:63px
	}
		#keyboardnavigation {
			display:none;
	}
		#pagecontainer {
			width: 780px
	}
		#topbanner {
			margin-left: 68px;
	}
		.steplist1fix {
			visibility:hidden;
			width:0;
	}
		.steplist2fix {
			margin-left:-32px;
			background-color: #9C9C9C;
	}
		.steplist2fixed {
			height: 24px;
	}
		.steplist2liafixed {
			padding:3px;
	}
		.steplist2liafixed:hover {
			padding:3px;
			background-color:none;
	}
		.fixed {
			left:0;
			margin-left:0;
			z-index: 30;
	}
		.jumptofixed {
			display:none;
	}
		.scrolltotopfixed {
			background-size: 250%;
			background-color: #4F2683;
			margin-left: 0px;
			width: 29px;
			height: 27px;
	}
}
@media all and (max-width: 761px) and (min-width: 681px) {
		#westernbackground {
			padding-right:0px !important;
	}
		#keyboardnavigation {
			display:none;
	}
		#pagecontainer {
			width: 718px
	}
		#topbanner {
			margin-left: 4px;
	}
		.steplist1fix {
			display:none;
	}
		.steplist2fix {
			display:none;
	}
		.fixed {
			display:none;
	}
		.jumptofixed {
			display:none;
	}
}
@media all and (max-width: 680px) and (min-width: 510px) {
		div.mappics2 .medium a, 
		div.mappics2 .large a,
		div.mappics .medium a, 
		div.mappics .large a {
			background-size: 54% !important;
	}
}
@media all and (max-width: 680px) {
		#steplist1{
			position: absolute;
			left: -900px;
	}
		#steplist2 li {
			border: 1px solid #000000;
	}
		#steplist2 {padding-right: 4px;}
		#steplist2 li a {
			padding-top: 4px !important;
	}
		section {
			width: 100% !important;
			padding-left:0;
	}
		section > hr {
			width: 100% !important;
			left: 0;
			border-top: 0px solid #000000;
	}
		#westernbackground {
			padding-left:2px;
			padding-right:2px
	}
		#layoutwithbackdrop {
			width: 100%;
			margin-bottom: 4px !important;
			margin-top: -58px !important;
			border-radius:0px !important;
			border: 0;
	}
		#classroompics {
			width: 100%;
	}
		#keyboardnavigation {
			display:none;
	}
		#togglemapview {
			display:none !important;
	}
		#googlemapstreetview,
		#map-canvas {
			width: 100%;
			height: 100% !important;
	}
		.mappics5 {
			height:300px;
			padding-bottom: 46px !important;
	}
		#pagecontainer {
			width: 100% !important;
			margin-bottom:0px !important;
			border-radius:0px !important;
	} 
		#pagecontainer:after {
			content: normal !important;
			display: none !important;
			height: auto !important;
			clear: none !important;
			visibility: visible !important;
	}
		#topbanner {
			width:260px !important;
			background-size: 100%;
			margin-top:4px;
			margin-left: auto !important;
	}
		#header{ 
			width:100% !important;
	}
		.steplist1fix {
			position: absolute;
			left: -900px;
	}
		.steplist2fix {
			position: absolute;
			left: -900px;
	}
		.scrolltotopfixed {
	}
		.fixed {
			left:-900px;
	}
		.jumptofixed {
			position: absolute;
			left: -900px;
	}
		.mappics5 #stepnumberwrap {
			margin-top:-30px !important;
			min-height: 32px;
			border-bottom: 1px solid #000000;
	}
		div.mappics5 small a {
			position: relative !important;
			top: 1px !important;
			height: 16px !important;
			float: right !important;
			padding-top: 5px !important;
			padding-bottom: 7px !important;
	}
		div.mappics2 .medium a:hover,
		div.mappics2 .large a:hover,
		div.mappics .medium a:hover,
		div.mappics .large a:hover {background-color:#3d1471;}
		
		div.mappics2 .medium a,
		div.mappics .medium a {
			position: relative;
			background: url("/western/images/new720.png") no-repeat;
			background-color:#603794;
			background-position: center center;
			background-size: 66%;
			width:50%;
			border-top: 1px solid black;
			border-left: 1px solid #000000;
			border-bottom: 1px solid #000000;
			border-radius: 0 !important;
			top: -8px;
			left:0px
	}
		div.mappics2 .large a,
		div.mappics .large a {
			position: relative;
			width:50%;
			background: url("/western/images/new1080.png") no-repeat;
			background-color:#603794;
			background-position: center center;
			background-size: 66%;
			border-radius: 0 !important;
			border-right: 1px solid #000000;
			clear: left;
			float: right;
			top: -38px;
			left: 0px;
		}
		.mappics  {
			width: 100% !important;
			background:none !important;
			border-left: 0 !important;
			border-right: 0 !important;
			border-bottom: 1px solid #000000 !important;
			padding-bottom: 0px !important;
			box-sizing: border-box;
			border-radius:0px !important;
			margin-bottom: 5px !important;
	}
		.mappics img {
			border: 0 !important;
			width: 100% !important;
	}
		.mappics2 {
			width: 100% !important;
			background:none !important;
			border-left: 0 !important;
			border-right: 0 !important;
			border-bottom: 1px solid #000000 !important;
			padding-bottom: 0px !important;
			box-sizing: border-box;
			border-radius:0px !important;
			margin-bottom: 5px !important;
	}
		.mappics2 img {
			border: 0 !important;
			width: 100% !important;
	}
		#stepnumberwrap {
			width: 100% !important;
			margin-top:-38px;
			border-left: 1px solid #000000;
			border-right: 1px solid #000000;
			box-sizing: border-box;
			background-color:#ffffff;
			min-height: 38px;
			height: auto !important;
			padding-bottom: 0 !important;
	}
		#description {
			width: 75% !important;
			min-height:30px;
			position:relative;
			padding:2px !important;
			margin:0 !important;
			border:0px !important;
			float:left;
			border-radius:0px;
			box-sizing: border-box;
	}
		#stepnumber {
			width: 25% !important;
			min-height:30px;
			height:auto !important;
			position:relative;
			padding:2px !important;
			margin:0 !important;
			margin-top: 1px !important;
			border-bottom-right-radius:4px !important;
			margin-bottom: 1px !important;
			float:left;
			border-left: 0;
			border-radius:0px;
			box-sizing: border-box;
	}
}
@media all and (max-width: 350px) and (min-width: 0px) {
		#jumpto {
			width: 90%;
	}
		#stepnumber {
			font-size:15px;
			}
		#topbanner {
			width:100% !important;
			background-size: 85%;
			background-position: center center;
			margin-top: 0 !important;
	}
		#layoutwithbackdrop {
			margin-top: -54px !important;
			padding-top: 55px !important;
	}
		div.mappics2 .medium a,
		div.mappics .medium a {
			background-position: center center;
			background-size: 84%;
	}
		div.mappics2 .large a,
		div.mappics .large a {
				background-position: center center;
				background-size: 84%;
		}
}
@media all and (max-width: 250px) {
		div.mappics5 small a {
			width: 60%;
			font-size: 14px;
			height: 28px !important;
			float: right !important;
			line-height: 18px;
			padding-top: 10px !important;
			padding-bottom: 2px !important;
			}
		.mappics5 #stepnumberwrap {
			margin-top: -42px !important;
	}
}