/* Media Querie Document
Title: Mobile Media Queries
Author: WTCribb
Purpose: Styles for Mobile Viewing
*/

/* Display Variants */
@media only screen and (min-width:769px) and (max-width:999px) {
	/* Site Wide */
	/*Resize Page*/
	#bodyContainer {
		min-width: 769px !important;
		max-width: 999px !important; }
	/* Begin Header */
	.logo {
		left: 2em;
		top: 2em; }
	.topNav {
		top: 2.5em;
		right: 3.5em;
		width: 100%;
		text-align: right; }
	#menu { 
		padding-left: 0em;
		width: 100%;
		text-align: center; }
	#menu li {
		padding: 0.8em 1.25em 0.8em 0em;
		width: 15%;
		top: .4em;
		left: 2%; }
	#menu li .drop, #menu li .contactDrop, #menu li:hover .drop, #menu li:hover .contactDrop {
		background-origin: padding-box; }
	#menu #first #qDrop { width: 10%; }
	#menu #contact #cDrop { width: 16%; }
	#menu #second li { width: 19%; }
	#menu #fourth li { width: 23%; }
	#menu li:hover .dropdown_1column, #menu li:hover .dropdown_2columns, #menu li:hover .dropdown_3columns {
		top: 2.75em; }
	#menu li:hover .dropdown_3columns {  }
	#menu li:hover .contactDropdown { top: 3em; }
	/* End Header */
	
	/* Page Specific */
	/* Default Content */
	.featureLinks {
		line-height: 1.1em;
	}
	.tabLinks {
		line-height: 1em;
		padding: 0 0 .75em 10%;
		margin: 0em 0 0 0;
		text-indent: 0; }
	/* Instructional Bulletins */
	.supTechDate, .supTechSub, .supTechEffect { margin-left: 0%; }
	.supTechDate { width: 20%; }
	.supTechSub { width: 57%; }
	.supTechEffect { width: 20%; }
	/* Standard Drawings Archive */
	.sdArchive { width: 25%; }
	/* Standard Bridge Memos */
	.bMemoLink { width: 14%; }
	.bMemoDescrip { width: 86%; }
	/* SHEP Pages */
	.incidentMap { width: 50%; }
	.incidentText { width: 45%; }
	/* Rest Area Map (Large) */
	.restareaMap02 { width: 85%; }
}

@media only screen and (min-width:646px) and (max-width:900px) {
	.advanced a {
		margin-right: 23%; }
}

@media only screen and (min-width: 320px) and (max-width: 883px) {
	/* Instructional Bulletins */
	.supTechHeader { min-height: 3em; }
	/* Community - Bike/Ped Facilities */
	.logoListDouble {
	width: 100%;
	margin: 0 0 0 4em; }
	#logoListLast { margin-bottom: 1em; }
	/* Public Transit Providers */
	.publicProvide, .publicMap {
		width: 100%;
		float: none; }
	.publicProvide ol { width: 100%; }
	.publicProvide ol li{ width: 50%; float: left; }
	/* Rest Areas */
	.restareaMap, .restAreas {
		width: 100%;
		float: none; }
	.restareaMap p { text-align: left; }
	.restIndent, .welcomeIndent { margin-left: 0; }
	/* Loop Detectors */
	.loopHolder { min-height: 16em; }
	.signalImage, .signalImage02 {
		float: none;
		margin: 1em auto; }
	.loopHolder p, #loopL p { 
		width: 100%;
		float: none;
		margin: 2% 0 0 1em; }
	.loopDesk { display: none; }
	.loopSmall { display: inline; }
	/* SIB Board */
	#SIB-chair, #SIB-description {
		width: 100%;
		float: none; }
	#SIB-chair { text-align: center; }
	.SIB-ind-photos {
		width: 45%;
		text-align: center; }
	/* I26 Photos */
	.I26Nav { margin: 2em 0; text-align: left; }
	/* Meet the Commission */
	.commission-maptext,.commission-map, .commission-bioImage, .commission-bioImageText {
		margin: 0; 
		width: 100%;
		float: left; }
	.commission-map, .commission-bioImage, .commission-bioImageText { text-align: center; }
}

@media only screen and (min-width: 769px) and (max-width: 883px) {
	/* Site Wide */
	/*Mega Menu sizing fix*/
	#menu #first #qDrop { 
		width: 10%;
		margin-left: 1%;
		padding-left: 1%;
		padding-right: 1%; }
	#menu #second li, #menu #third li, #menu #fourth li {
		width: 19%;
		padding-right: 1%; }
	#menu #contact #cDrop {
		width: 18%;
		padding-right: .5%; }
		
	/* Page Specific */
	/*Diving Safety Content Shift*/
	/*Gallery Text Repositioning*/
	.slideText, .slideSubText { right: 10%; }
	/*Featured, Public & Driving Repositioning and Rescale*/
	#featuredDocs, #publicInvolve, #driveSafe { float: left; }
	#featuredDocs { width: 75%; }
	#publicInvolve { 
		width: 23%;
		margin-left: .2%; }
	#publicInvolve .tabLinks { line-height: 1.35em; }
	#driveSafe { 
		width: 99%;
		min-height: 8.5em;
		margin: 0 auto .5em auto; }
	.tabLink_Img { 
		width: 40%;
		float: left;
		margin: 0 0 0 5%; }
	.tabLink_ImgText { 
		width: 70%;
		padding-top: 6%; }
	.safeImage {
		width: 100%;
		float: none;
		text-align: center; }
	/* Standard Drawings Archive */
	.sdArchive { width: 30%; }
	/* Evacuation Routes */
	.evacThumb { 
		width: 30%;
		min-height: 16.5em; }
	/* Safe Routes to School Success Stories */
	.safeVideo { width: 75%; }
	/* Scenic Byways */
	.scenicLink { width: 40%; }
	#scenicLinkLeft { margin-left: 15%; }
	#scenicLinkRight { margin-right: 5%; }
}

/*Adjust Elements on Broader Spectrum*/
@media only screen and (min-width:320px) and (max-width:768px) {
	/* Resize Page Content */
	.techDocPageContent, .gettingPageContent, .insidePageContent, .otherPageContent { min-height: 20em; }
	/* Page Specific  */
	/* Default */
	#get, #in, #doing { display: none; }
	#subscribe { display: none; }
	#mobileHide01 { display: none; }
	/*Traveling in SC*/
	#navGallContainer {
		width: 99%; }
	/*Traveling in SC*/
	#infoNav {
		width: 98%;
		height: 10em;
		margin: 0 1%; }
	.safeImage { display: none; }
	/* End Default Page*/
	/* Begin Sub Pages */
	/* Qualified Products */
	.qUpList, .qUpDate, .qUpDescrip { 
		margin: 0;
		font-size: .9em; }
	/* Evacuation Routes */
	.evacThumb { 
		width: 50%;
		min-height: 15em; }
	.evacCityTitle, .evacCity, .evacRevers { width: 100%; }
	/* Rest Area Map (Large) */
	.restareaMap02 { width: 100%; }
	/* Safe Routes to School Success Stories */
	.safeVideo { width: 100%; }
	/*Gallery*/
	.gallery, #solo {
		width: 98%;
		margin: 0 1%;
		float: left; }
	/* I-26 Project Team */
	.team {
		width: 100%;
		min-height: 4em; }
}

@media only screen and (min-width:646px) and (max-width:768px) {
	/* Site Wide */
	body { font-family: Arial, Helvetica, sans-serif; }
	/* Resize Page */
	#bodyContainer {
		min-width: 646px !important;
		max-width: 768px !important; }
	/* Begin Header Elements */
	#headerContainer { height: 14.75em; }
	.logo {
		left: 2em;
		top: 2em; }
	.topNav {
		top: 2.5em;
		right: 0;
		width: 100%;
		text-align: center; }
	/*Mega Menu*/
	#menu { 
		padding-left: 0em;
		width: 100%;
		height: 4em; }
	#menu li {
		padding: 0.8em 0em;
		margin: .1em 0 0 0;
		width: 19%;
		height: 60%;
		top: 0; }
	/*Hide*/
	/*drop arrows*/
	#second li .drop, #third li .drop, #fourth li .drop { background: none; }
	#second li:hover .drop, #third li:hover .drop, #fourth li:hover .drop { background: none; }
	#first li .drop { background: url("../img/drop.png") no-repeat 93% .5em; }
	#first li:hover .drop { background: url("../img/drop.gif") no-repeat 93%; }
	#menu li .contactDrop { background: url("../img/drop.png") no-repeat 98% .5em; }
	#menu li:hover .contactDrop { background: url("../img/drop.gif") no-repeat 98% .5em; }
	/*hover*/
	#menu span li:hover { 
		/* Rounded corners */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px; }
	/*Link Resizing & Positioning*/
	#menu li .drop, #menu li .contactDrop { padding-right: 0; }
	#first li { 
		width: 15%;
		margin-left: 2%; }
	#third li { width: 15%; }
	#second li, #fourth li { width: 23%; }
	/*Quick & Contact Drop Down*/
	#menu li:hover .dropdown_2columns { top: 2.5em; }
	#menu li:hover .contactDropdown { 
		top: 3em;
		left: -31em; }
	/*End Header*/
	/*Begin Footer*/
	#bottomNav01 { height: 8em; }
	/*Hide Nav*/
	
	#bottomContEtc, #scGov, #property {
		text-align: center;
		margin-bottom: 2em;
		font-size: 1.2em !important; }
	#bottomContEtc, #scGov { width: 100%; }
	#property  {
		width: 80%;
		margin: 0 auto; }
	
	/* Page Specific */
	/*Default*/
	#navGallContainer { height: 37em; }
	#homeGallery {
		position: relative;
		right: 2.6em; }
	
	@media only screen and (min-width:600px) and (max-width:768px) {
		/*Traveling in SC Icons*/
		.infoLink { 
			width: 15%;
			margin: .25em 0.65%;
			float: left !important; }
		#travelInfo { margin-left: 0.75%; }
	}
	/*Hide Subscribe Button*/
	/*Featured, Public & Driving*/
	#featuredDocs, #publicInvolve, #driveSafe { float: left; }
	#featuredDocs { width: 75%; }
	#publicInvolve { 
		width: 23%;
		margin-left: .2%; }
	#publicInvolve .tabLinks { line-height: .75em; }
	#driveSafe { 
		width: 99%;
		min-height: 8em;
		margin: 0 auto .5em auto;; }
	#safeTitle { margin-bottom: .65em; }
	.tabLink_Img { 
		width: 40%;
		float: left;
		margin: 0 0 0 5%; }
	.tabLink_ImgText { 
		width: 60%;
		padding-top: 6%; }
	/* End Default Page */
	/* Begin Sub Pages */
	/* Resources Page */
	#otherCopy { 
		width: 95%;
		float: none;
		margin: 0 auto; }
	.resourceDiv {
		width: 50%;
		margin: 0; }
	/* Standard Drawings Archive */
	.sdArchive { width: 35%; }
	/* Qualified Products */
	.qUpList { width: 15%; }
	.qUpDate { width: 15%; }
	.qUpDescrip { width: 70%; }
	/* Standards Drawings */
	.techDivNumb { width: 10%; }
	.techDivision { width: 18%; }
	.techHolder { width: 72%; }
	.techSub { width: 30%; }
	.techSubCat { width: 70%; }
	/* Structural Bridge Memos */
	.bMemoLink { width: 18%; }
	.bMemoDescrip { width: 82%; }
	/* SHEP Pages */
	.incidentMap { width: 50%; }
	.incidentText { width: 45%; }
	/* Scenic Byways */
	.gallery, #solo { margin: 2em 6%; }
	.scenicLink {
		width: 40%; }
	#scenicLinkLeft { margin-left: 10%; }
	#scenicLinkRight { margin: 0 0 2em 10%; }
	/* Evac Routes */
	#legend .text {
		font-size: 0.8em;
		line-height: 1em; }
}
@media only screen and (min-width:401px) and (max-width:768px) {
	.infoLink { width: 15.5%;
		margin: .25em 0.4%;
		float: left !important; }
	#bluePin {
	margin-left: 20%; }
}

/* Larger Phone Styles */
/*Edit Elements on Broader Spectrum*/
@media only screen and (min-width:320px) and (max-width:645px) {
	/* Site Wide */
	/*Hide*/
	.advanced { display: none; }
	.topNav { display: none; }
	.mobileShow { display: inline; }
	.mobileHide { display: none; }
	
	/*Logo and Search Box*/
	.logo {
		width: 80%;
		height: 50%;
		top: 10%;
		left: 0;
		float: none;
		margin: 0 auto;
		background: url(../img/logoTranMobile.png) no-repeat center;
	}
	#searchboxContainer { 
		width: 75%;
		float: none;
		margin: .5em auto 0 auto;
		padding-left: 3%; }
	/*Mega Menu*/
	#menu { padding-left: 0; }
	#menu #second li, #menu #third li, #menu #fourth li { background: url("../img/menuBack02.jpg"); }
	#second li {
		border-radius: 1em 1em 0em 0em;
		-moz-border-radius: 1em 1em 0em 0em;
		-webkit-border-radius: 1em 1em 0em 0em;
		-o-border-radius: 1em 1em 0em 0em; }
	#menu li a { display: inline; }
	.drop { overflow: visible; } /*Makes descenders visible*/
	#menu span li:hover {
		/* Rounded corners */
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0; }
	#menu #second li:hover, #menu #third li:hover, #menu #fourth li:hover, #menu #second li:hover a, #menu #third li:hover a, #menu #fourth li:hover a, #menu #contact li:hover .contactDrop { 
		color: #b15d12;
		background: #0a1b33; }
	#menu li {
		padding: 1em 0em 0.8em 0em;
		margin-right: 0%;
		height: 1em;
		font-size: 1.5em;
		top: 0; }
	#menu #contact #cDrop:hover { height: 1em; }
	#menu li .drop, #menu li .contactDrop { background: none; }
	#menu li:hover .drop, #menu li:hover .contactDrop { background: none; }
	/*Reposition Contact Drop*/
	#menu #contact #cDrop { 
		height: 1em;
		margin-bottom: .5em; }
	.contactCol_1 { 
		padding: .5em .5em .5em .5em;
		width: 60%; }
	.contactCol_2 { 
		width: 30%;
		color: #000; }
	#menu .contactCol_1 a { 
		font-size: .7em !important;
		text-decoration: underline; }
	#menu .contactCol_2 a { 
		font-size: 1.25em !important; }
	#menu .contactCol_2 li { height: 4em; }
	#menu .contactCol_2 ul li:first-child { height: 2em; }
	/* Footer */
	#bottomContEtc, #scGov, #property {
		text-align: center;
		margin-bottom: 1.25em;
		font-size: 1.2em !important; }
	#bottomContEtc, #scGov { width: 100%; }
	#property  {
		width: 80%;
		margin: 0 auto;
		top: 1.8em; }
	
	/* Page Specific */
	/*Hide*/
	#first { display: none; }
	#homeGallery { display: none; }
	#subscribe { display: none; }
	#mobileHide01 { display: none; }
	/*Default
	Featured Content, Public and Driving*/
	#featuredDocs, #publicInvolve, #driveSafe { 
		width: 100%;
		font-size: 1.1em; }
	.featureTabList { padding: .05em 0 0 .75em; }
	.tabLink_Img {
		width: 45%;
		float: left;
		margin: 0 0 0 2%; }
	.tabLink_ImgText { 
		padding-top: .5em;
		width: 50%; }
	/*Landing Pages*/
	/*Hide Banner*/
	#subPageBanner, #otherPageBanner { display: none; }
	.gettingPageContent { 
		min-height: 42.8em !important;
		float: none; }
	#bodyCopy {
		width: 90%;
		padding: 0 5%;
		float: left; }
	#mobileSections {
		width: 100%;
		text-align: center; }
	/*Accordion*/
	#AccordionContainer { 
		width: 100%!important;
		margin: 0!important; }
	.Accordion { display: none; }
	.mobileAccordion .Accordion {
		display: inline;
		width: 80%!important;
		margin: 0 10% 1em 10%!important;
		font-size: 1.5em; }
	/*--------------------------------------------------
	Remove height rule when jQuery Accordion is launched
	--------------------------------------------------*/
	.gettingSpacer { display: none; }
	/*Content*/
	#breadCrumb {
		width: 90%;
		float: none;
		margin: 0 auto; }
	/* End Default Page */
	/* Begin Sub Pages */
	/* Resources Page */
	#otherCopy { 
		width: 95%;
		float: none;
		margin: 0 auto; }
	.resourceDiv, #resourceTitle {
		width: 100%;
		margin: 0;
		text-align: center; }
	#resourceTitle { margin: 1em 0em; }
	.resourceImg { width: 30%; }
	.resourceLink { 
		width: 70%;
		text-align: left; }
	/* Site Map */
	.siteMapHolder { width: 45%; }
	/* Qualified Products */
	.qUpList { width: 23%; }
	.qUpDate { width: 23%; }
	.qUpDescrip { width: 54%; }
	.qUpHolder { margin-bottom: 1em;
		height: auto; }
	/*Storm Water Management*/
	.stormwaterImage { display: none; }
	/*Map Information*/
	.mapInfo { padding: .5em 0em .5em 2em; }
	/* SHEP Pages */
	.incidentHolder {
		min-height: 35em;
		overflow: visible; }
	.incidentMap, .incidentText {
		width: 100%;
		float: none;
		margin-bottom: 1em; }
	/* Signal Help */
	.signalHelp {
		width: 100%;
		float: none;
		margin-right: 0; }
	/* Understanding Highway Policy */
	.piecharts { width: 100%; }
	/* I20 Widening Project */
	.I20Map {
		width: 100%;
		min-height: 316px;
		text-align: center;
		overflow: hidden; }
	.I20photo1, .I20photo2  { width: 100%; }
	/* Administration */
	.admin-photo-col1, .admin-photo-col2 { 
		width: 100%;
		text-align: center; }
	/* Engineering District Directory */
	.col {
		width: 40%;
		margin-left: 10%; }
}

@media only screen and (min-width:401px) and (max-width:645px) {
	/* Site Wide */
	/* Resize Page */
	#bodyContainer {
		min-width: 401px !important;
		max-width: 645px !important; }
	/*Header Background Adjustment*/
	#headerContainer {
		background: url("../img/headerCrescent.png") 2% 0% no-repeat, url("../img/headerPalm.png") 98% 0% no-repeat, url("../img/headerBg.png"); }
	/*Mega Menu*/
	#menu li { 
		width: 49.9%;
		font-size: 1.2em; }
	#menu #second li {
		border-right: 1px solid #000;
		border-radius: 1em 0em 0em 0em;
		-moz-border-radius: 1em 0em 0em 0em;
		-webkit-border-radius: 1em 0em 0em 0em;
		-o-border-radius: 1em 0em 0em 0em; }
	#menu #third li {
		border-radius: 0em 1em 0em 0em;
		-moz-border-radius: 0em 1em 0em 0em;
		-webkit-border-radius: 0em 1em 0em 0em;
		-o-border-radius: 0em 1em 0em 0em; }
	#menu #fourth li {
		border-right: 1px solid #000;
		border-radius: 0em 0em 0em 1em;
		-moz-border-radius: 0em 0em 0em 1em;
		-webkit-border-radius: 0em 0em 0em 1em;
		-o-border-radius: 0em 0em 0em 1em; }
	#menu #contact #cDrop {
		width: 49.9% !important;
		border-radius: 0em 0em 1em 0em;
		-moz-border-radius: 0em 0em 1em 0em;
		-webkit-border-radius: 0em 0em 1em 0em;
		-o-border-radius: 0em 0em 1em 0em; }
	#menu li:hover .contactDropdown { 
		width: 175%;
		left: -88%;
		top: 2em; }
	
	/*Footer*/
	#footer { height: 17em; }
	#bottomNav01 { height: 6em; }
	
	/* Page Specific */
	/* Default */
	#navGallContainer { height: 14em; }
	/*Feature, Public, Driving Shift*/
	.featureCol { 
		width: 50% !important; }
	.featureLinks, .publicLinks { 
		height: 2.1em;
		margin-left: 1%;
		line-height: 1em; }
	.publicLinks { float: left; }
	#publicInvolve, #driveSafe {
		min-height: 8em;
		overflow: hidden; }
	/* End Default Page */
	/* Standard Drawings Archive */
	.sdArchive { width: 42%; }
	/* Materials Test Procedures */
	.matTestHolder { 
		width: 48%;
		margin-left: 1%; }
	/* Standards Drawings */
	.techDivNumb { width: 10%; }
	.techDivision { width: 18%; }
	.techHolder { width: 72%; }
	.techSub { width: 30%; }
	.techSubCat { width: 70%; }
	/* Structural Bridge Memos */
	.bMemoLink { width: 20%; }
	.bMemoDescrip { width: 80%; }
	/* Scenic Byways */
	.scenicLink { width: 45%; }
	#scenicLinkLeft { margin-left: 10%; }
	#scenicLinkRight { 
		margin: 0 0 4em 0; }
	/*Mega Menu Resize*/
	#menu li { width: 49.8%; }
	/*Get In Doing and Contact Text Reposition*/
	#second a, #third a, #contact #cDrop a, #fourth a {
		position: relative !important;
		bottom: .2em !important; }
	/*Contact Drop Down Reposition*/
	#menu li:hover .contactDropdown { 
		top: 2.5em;
		left: -90%; }
	/*Site Map Holder Adjustment*/
	.siteMapHolder {
		margin: 0 0 0 2%; }
	/*Inside Site Map Adjustment*/
	#insideSiteMap {
		height: 2560px; }
}

@media only screen and (min-width:401px) and (max-width:599px) {
	/*Traveling in SC Icons*/
	.infoLink { 
		width: 15.5%;
		margin: .25em 0.25%;
		float: left !important; }
	#travelInfo { margin-left: 0.5%; }
	/* Supplemental Specifications */
	.headerDate, .supSpecDate { width: 20%; }
	.headerSub, .supSpecSub { width: 75% }
	/* Scenic Byways */
	.scenicImg, .scenicMap { width: 26% }
	.scenicText { width: 48%; }
}
	
/* Smaller Phones */
@media only screen and (min-width:320px) and (max-width: 400px) {
	/* Site Wide */
	/* Resize Page */
	#bodyContainer {
		min-width: 320px !important;
		max-width: 400px !important; }
	/*Header Background Adjustment*/
	#headerContainer {
		background: url("../img/headerCrescent.png") -10% 40% no-repeat, url("../img/headerPalm.png") 175% 0% no-repeat, url("../img/headerBg.png"); }
	/* Resize Logo Container */
	.logo { width: 100%; }
	#searchboxContainer { 
		padding-left: 0;
		width: 100%; }
	#search {
		width: 75%;
		margin-right: 0em;
		margin-left: 5%; }
	#submit { right: 15px; }
	#socialWrap {
		width: 50%;
		position: static;
		margin: 5px auto 0 auto; }
	#face {
		margin-left: 25%; }
	
	/*Mega Menu*/
	#megaMenu {
		margin-top: 25px; }
	
	#menu li { width: 100%; }
	#menu #contact #cDrop {
		width: 100%;
		height: 1em;
		margin-bottom: .5em;
		border-radius: 0em 0em 1em 1em;
		-moz-border-radius: 0em 0em 1em 1em;
		-webkit-border-radius: 0em 0em 1em 1em;
		-o-border-radius: 0em 0em 1em 1em; }
	.contactDropdown { width: 85%; }
	#menu li:hover .contactDropdown { 
		top: 2.25em;
		left: 2%; }
	.contactCol_1 { width: 93%; }
	.contactCol_2 { display: none; }
	/* Footer */
	#footer { height: 19em; }
	#bottomNav01 { height: 8em; }
	
	/* Page Specific */
	/* Default Page */
	#navGallContainer { height: 31.5em; }
	#infoNav { height: 16.5em; }
	#travelInfo, #bikesPeds { margin-left: 2%; }
	.infoLink { 
		width: 30%;
		margin: .25em 2% .25em 0;
		float: left !important; }
	.featureTabList { height: 77%; }
	
	/*Hiding for testing, remove when done
	#cscdot { display: none; }*/
	
	/*Featured Content, Public & Driving Tabs*/
	.featureLinks, .publicLinks { 
		height: 2.1em;
		margin-left: 1%;
		line-height: 1em; }
	
	.featureCol {
		width: 100%;
		float: none; }
	.featureLinks { width: 100%; }
	#featuredDocs {
		min-height: 22em;
		overflow: hidden; }
	.publicLinks { float: left; }
	#publicInvolve {
		min-height: 5em;
		overflow: hidden; }
	.homeTab {
		min-height: 11em;
		overflow: hidden; }
	.tabLink_Img {
		width: 45%;
		height: 100%;
		float: left;
		text-align: center; }
	.tabLink_ImgText {
		width: 100%;
		text-align: center;
		padding-top: 2%; }
	/*Public Transit*/
	#optSelect { float: none; }
	/*Careers Video Shift*/
	#careerVid01, #careerVid02 {
		position: relative;
		right: 4%; }
	
	/* Sub Pages */
	/*Site Map*/
	.siteMapHolder { width: 100%; }
	/* Instructional Bulletins */
	.supTechHeader, .bulletin { 
		font-size: .85em;
		min-height: 2.5em;
		line-height: 1em; }
	.instructTop { font-size: .8em; }
	/* Supplemental Specifications */
	.headerDate, .supSpecDate { width: 20%; }
	.headerSub, .supSpecSub { width: 70% }
	/* Standard Drawings Archive */
	.sdArchive { width: 65%; }
	/* Materials Test Procedures */
	.matTestHolder { 
		width: 98%;
		min-height: 6em;
		margin-left: 1%; }
	/* Standards Drawings */
	.techDivNumb {
		width: 30%;
		margin-bottom: .25em; }
	.techDivision { width: 70%; }
	.techHolder { width: 100%; }
	.techSub { width: 30%; }
	.techSubCat { width: 70%; }
	/* Structural Bridge Memos */
	.bMemoLink { width: 25%; }
	.bMemoDescrip { width: 75%; }
	/* Scenic Byways */
	.scenicImg, .scenicMap { width: 50% }
	.scenicText { width: 100%; }
	/* Signal Detector Help */
	.signalImage03 {
		width: 100%;
		float: none;
		margin: 0; }
	/* Safety Statistics */
	.graph { display: none; }
	/* Scenic Byways */
	.scenicLink { width: 50%; }
	#scenicLinkLeft { margin-left: 0; }
	#scenicLinkRight { 
		margin: 0 0 5em 0; }
}

@media only screen and (min-width:200px) and (max-width:600px) {

	/* SCDOT Web Forms */
	.formLabel
	{
		margin: 0px;
		padding: 0px;
		width: 100%;	
		height: 35px;
	}
	.formField
	{
		margin: 0px;
		padding: 0px;
		width: 100%;	
		height: 35px;
	}
	.formLabel2
	{
		margin: 0px;
		padding: 0px;    
		width: 100%;		
		height: 35px;
	}
	.formField2
	{
		margin: 0px;
		padding: 0px;    
		width: 100%;	
		height: 100px;
	}	
	.submit
	{
		margin: 0px;
		padding: 0px;
		height: 30px; 
		width: 100%;
	}
	
	.txtMessage
	{
		width: 250px;	
	}
	.submit
	{
		margin: 0px;
		height: 30px;    
		width: 100%; 
	}	
}

@media only screen and (min-width:576px) and (max-width:738px) {
	/* Evac Routes */
	#mapNav select {
		margin-left: 5%;
		margin-right: 1em; }
}
@media only screen and (min-width:442px) and (max-width:602px) {
	/* Evac Routes */
	#legend .text {
		font-size: 0.8em;
		line-height: 1em; }
}
@media only screen and (min-width:442px) and (max-width:575px) {
	/* Evac Routes */
	#mapNav select {
		width: 70%;
		margin-bottom: 1em; }
	#mapNav #refine {
		margin-left: 25%; }
	#mapNav #reset {
		margin-left: 5%; }
}
@media only screen and (min-width:320px) and (max-width:441px) {
	/* Evac Routes */
	#legend .text {
		font-size: 0.8em;
		line-height: 1em; }
	#legend div {
		width: 50%; }
	#mapNav select {
		width: 80%;
		margin: 0 0 1em 10% !important; }
	#mapNav #refine {
		margin-left: 17%; }
	#mapNav #reset {
		margin-left: 2%; }
}