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

/* Special Subpage Anomolies mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm Special Subpage Anomolies  */
/* Special Subpage Anomolies mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm Special Subpage Anomolies  */
/* Special Subpage Anomolies mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm Special Subpage Anomolies  */


/*homepage specific mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
#outerwrapper.home .bglayer1, 
#outerwrapper.home .bglayer2, 
#outerwrapper.home .rightmenu .colleft {background-image:url(../images/)!important;background-color:#fff!important; }
#outerwrapper.home .colleft {padding-bottom: 0px; box-shadow: #003366 0 0 0px;-moz-box-shadow: #003366 0 0 0px;-webkit-box-shadow: #003366 0 0 0px} 
#outerwrapper.home div.bnr2d, #outerwrapper.home div.bnr2d h2 {border-bottom:0px solid transparent;}
.rightmenu .col2  ul {line-height:1.2; font-size:12px;}
.rightmenu .col2  ul li {padding-bottom:5px;margin-right:10px;}



/* Future students specific */
#outerwrapper.future .colleft {background-image:none!important;background-color:none!important;}
#outerwrapper.future .bglayer2 {background: url(../images/future-bg.jpg) center bottom no-repeat;}/*330*/
#outerwrapper.future .twocoloffset #contentarea .contentnestedcol:first-child {margin-bottom:50px!important;}
#outerwrapper.future .opacity5 h3 {margin-left:-10px;}
#outerwrapper.future .iama h4 {font-weight:bold; font-size:1.1em; margin-bottom:2px; padding-left:4px; color:#003366;}
#outerwrapper.future .iama ul {font-size:.9em;margin:0 0 15px 3px; padding-left:10%; display:block; float:left;clear:both; width:90%}/*new621*/
#outerwrapper.future .iama li {display:block; float:left; width:49.5%;margin:0;padding:0; }
#outerwrapper.future .iama li a {display:block;width:100%;color:#036;background:url(../images/checkbox.png) no-repeat left bottom; padding:4px;padding-left:30px; font-weight:bold;}
#outerwrapper.future .iama li a:hover {background:url(../images/checkbox.png) no-repeat left -1px; color:#552A0D;}
#outerwrapper.future .contentnestedcol:first-child  div.bnr2d h2 {font-size:2.5em; line-height:1; padding:1px 8px 1px 2px; text-indent:8px;}
/*(http://handlersspot.net/test/rda/images/checkbox.png http://png-4.findicons.com/files/icons/2428/woocons/32/checkbox_full.png*/


/* Hobson Form */
.twocoloffset #contentarea > div:nth-child(2) {width:232px!important;} /* for the hobsons form so that the background box is the correct width - jlo 03/19/15 */



/* Calendar Specific mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
#outerwrapper.cal .contentnestedcol { margin-top:7px;}
#outerwrapper.cal #contentarea  .contentnestedcol.opacity5 { width:46.7%;}
#outerwrapper.cal #contentarea  .contentnestedcol.opacity5.first{margin-right:7px;}

/* date treatments */
.outerbox {	font-family:Arial, Helvetica, sans-serif;	clear:left;display:block;	float:left;	text-align:center;	border:1px solid #007db1;margin-left:1px;padding:0px;margin-top:4px;width: 25px;overflow: hidden;margin-right: 4px;	font-weight: bold;visibility:hidden;}
.datebox {	font-size: 18px;line-height:13px;	padding:0;	color: #007db1;	background-color:#c4e7f9;	text-align: center;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #007db1;}
.monthbox {	font-size: 10px;font-weight:bold;	line-height:9px;	color: #ffffff;	background-color: #007db1;	text-align: center;}

#outerwrapper.cal #contentarea .module h3{background:#B42025!important;}
.module .outerbox {border:1px solid #B42025; /*border:1px solid #f59f1d*/}
.module .datebox  {background-color: pink; /*background-color: #FFFBED; */color: #B42025;/*color: #f59f1d;*/ border-bottom-color: #B42025; /*border-bottom-color: #f59f1d*/}
.module .monthbox {background-color: #B42025; text-align: center; /*background-color: #f59f1d*/}
.module .event p {width:175px; }

.feat .outerbox {border:1px solid #f59f1d}
.feat .datebox  {background-color: #FFFBED; color: #f59f1d;border-bottom-color: #f59f1d}
.feat .monthbox {text-align: center; background-color: #f59f1d}

.grey .outerbox {border:1px solid #666;}
.grey .datebox  {background-color: #eee; color: #666;border-bottom-color: #666;}
.grey .monthbox {background-color: #666; text-align: center;}



.calcheck {width:15px; display:inline; padding:0px;margin:0;height:15px; vertical-align:baseline; }

.cal .disabled{visibility:hidden;}
.calheader{font-size:19px;height:21px;line-height:1.1;margin-right:10px;padding:7px;padding-top:2px;padding-bottom:11px; background-color: #007db1;}
	
.calheader #title {text-align:center;color:#fff; font-size:13px; width:93%; margin-top:5px; }

.calheader #title strong{text-align:center;color:#fff; font-size:19px; }
.calheader #title select {font-weight:bold;color:#fff; width:50px;background-color: #007db1; line-height:1.1; height:1.5em; padding:.1em; margin:0;border-color:#0099cc;width:auto; }
.calheader #title select option{text-align:right;}
.calheader #title select:hover {}

.calheader #title,.calheader span{clear:none;display:block;float:left;}
.calheader span{font-size:125%;text-align:right;width:15%;}
.calheader span:first-child{text-align:left;width:14.5%}
.calheader span a, .calheader span a:link, .calheader span a:hover, .calheader span a:visited {color:#fff!important;}

.items .day{clear:both;display:block;float:left;overflow:hidden;padding-top:1px;min-width:312px;}
.items .day .event:first-child .outerbox{visibility:visible;}


.event{display:block;font-size:14px;margin:0;padding:3px 0 0;width:100%;}
.cal .event .details,.scrollthis .disable{display:none;}
.event a,.event a:link,
.event a:hover{font-weight:700;text-decoration:none;}
.cal .jump{padding-right:12px; cursor:pointer;}
.cal .jump:hover{background:url(../images/external.png) no-repeat right center;}
.event a:hover{text-decoration:underline;}
.event h3 {line-height:1.2;}
.event p{padding-left:30px;}
.event p a:last-child,
.event p a:last-child:hover,
.event a.detailsBtn,
.event a.detailsBtn:link{color:#007db1!important;font-weight:400;}
.event p:firstchild{clear:none;color:#666;display:block;float:left;margin:5px 5px 0;padding-left:0;padding-top:3px;width:auto;}
.event:first-child{border-top:1px solid #ddd;}

/*Side Calendar */	
.calendarwrapper {border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;	-webkit-border-radius:3px 3px 0 0;}
.calendarwrapper ul,.calendarwrapper ol,.calendarwrapper li,.calendarwrapper span,.calendarwrapper a{border:0;outline:0;font-size:100%;font-family:Arial;font-weight:bold;vertical-align:baseline;background:transparent;list-style:none;margin:0;padding:0;}
.calendarwrapper h3 {padding:3px 0 0 4px; margin:0; line-height:1.1}
.calendarwrapper a:link{text-decoration:none;}
.calendarwrapper{display:block;width:223px;  margin-top:10px; background: transparent url(../images/white-opacity-sprite.png) left 800px repeat;}
.smlCal{display:block;clear:both;width:224px;border-left:1px solid transparent;border-bottom:1px solid transparent;margin: 0 2px 2px 2px;}
.smlCal .calendar{height:170px;}
.smlCal #lastMonth li.day{color:#fff;}
.smlCal #nextMonth li.day{color:#fff;}
.smlCal #daysOfWeek li.day{height:15px;font-size:12px;line-height:14px;color:#fff;background-color:#007db1;width:27px;margin-right:0;}
.smlCal li.day{display:block;text-align:center;color:#004990;font-size:11px;line-height:21px;background-color:transparent;float:left;width:24px; margin-top:3px; margin-right:3px;height:20px;padding:2px;clear:none;}
.smlCal li.day a{display:block;text-decoration:none;width:100%px;height:18px;}
.smlCal li.day a:link,.smlCal li.day a:visited{color:#004990;}
.smlCal li.day.calevent:hover, .smlCal li.day.calevent:hover a{background:#004990; color:#fff!important;}
.smlCal li.day.current,.smlCal li.day.current a{background:#007db1;color:#fff!important;}
.smlCal li.day.calevent{cursor:pointer;background: transparent url(../images/white-opacity-sprite.png) left 400px repeat;}
.smlCal li.day.calevent:hover{background-color:#04990;color:#fff;}
.smlCal li.day.holiday.hover,.smlCal li.day.event.hover{cursor:pointer;text-decoration:none;}
.options{text-align:center;font-size:11px;line-height:14px;color:#263a27;}
.options .monthlbl{display:inline-block;width:230px;}
.calendarwrapper a:hover,.smlCal li.day a:hover{text-decoration:underline;}

.cal #scrollup {position:relative; top:-20px; left:6px; z-index:-100;}



/*intranet mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
#outerwrapper.intranet .contentnestedcol .event {font-size:.9em;}
.stoutranet {
  	background-image: url("../images/80percentFFF.png");
	background-repeat: repeat;
	background-position: 0% 0%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
  	margin:0 11px 10px 0;
  	padding:0.5em;	
}

#intranetcontent h3 {padding:1px 7px 5px 7px; margin:3px 0 0 -3px;}
#intranetcontent h3 a, 
#intranetcontent h3 b{background-color:#fff; background: transparent url(../images/white-opacity-sprite.png) left 600px repeat; margin-left:-10px;padding-left:9px; padding-right:7px; padding-top:3px; padding-bottom:4px; }

.stoutranet  {font-size:.9em;}
.stoutranet .sititle {
	color:#004990;	
	line-height:1.05;font-weight:bold;
}
.stoutranet p {
	line-height:1.1;
	margin-bottom:6px;
}



/* library mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
#outerwrapper.library div.commontabwrapper label {text-align:left; width:100%;clear:both; font-size:1.1em;}
#outerwrapper.library .specialinput1 {width:57%; margin-right:10px;}
#outerwrapper.library .specialinput2 {width:82%;  float:left;}
#outerwrapper.library .advanced {text-align:right; font-size:12px;padding-right:127px;}
#outerwrapper.library div.commontabwrapper .radiobtns * {clear:none!important;float:left!important; display:inline!important; width:auto; margin:2px;}

#outerwrapper.library .twocoloffset #contentarea  .contentnestedcol {min-height:1px;}
#outerwrappershadow #outerwrapper.library .panes {
	min-height:100px;
	width:698px;
}
#contentarea ul.people li{list-style-image: url("http://cdn1.iconfinder.com/data/icons/gnomeicontheme/16x16/stock/generic/stock_person.png"); padding-left:0!important;}
#contentarea ul.people li p {margin-left:0!important;}




/*form*/
.stylizedform input[type=submit],
.stylizedform input[type=reset],
.stylizedform input[type=button],
.stylizedform button[type=button],
#outerwrapper #contentarea input[type=submit],
#outerwrapper #contentarea input[type=reset],
#outerwrapper #contentarea input[type=button],
#outerwrapper #contentarea button[type=button] {
color:#f1f1f1;
border: 1px solid #963;
cursor:pointer;
font-weight:bold;
font-size:1.1;
line-height:1.1;
color:#fff;
/*float:right;*/
padding: 3px 20px 5px 20px;
margin-right:7px;
text-align: center; width:auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f59f1d;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f59f1d), to(#996633));
background: -moz-linear-gradient(#f59f1d, #996633);
background: linear-gradient(#f59f1d, #996633);
}

#outerwrapper #contentarea input.gotointranet[type=button], 
#outerwrapper #contentarea input.clsSaveButton[type=button], 
#outerwrapper #contentarea input.clsCancelButton[type=button] {
float:right;
}

.stylizedform input[type=submit]:hover,
.stylizedform input[type=button]:hover,
.stylizedform button[type=button]:hover,
#outerwrapper #contentarea input[type=submit]:hover,
#outerwrapper #contentarea input[type=button]:hover {color:#fff!important;}


/* courses mmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
#outerwrapper.courses .contentnestedcol:first-child .prereq,
#outerwrapper.courses .contentnestedcol:first-child sup {
	font-size: 0.85em;
	line-height: 1;
	position: relative;
	bottom: 0.5em;
	vertical-align: baseline;
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin-left:3px;
	line-height:1.2;
	font-style:italic;
	color:#333;
}
#outerwrapper.courses .contentnestedcol:first-child .alignRight {font-size:11px; line-height:1; padding-bottom:0;}


/* maps mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
#location { width:200px; display:block; margin-top:10px;float:left; clear:none;}
#location {list-style-image:url("../images/arrow_icon_xsml.png");}
#location li {}
#location li a {cursor:pointer;}
#location li:hover a {padding-left:15px;background: transparent url(../images/icon_google_map_pin.png) left top no-repeat;margin-left:-15px; position:relative; z-index:10px; }


#plocation { width:200px;display:block; margin-top:10px;float:left; clear:none;}
#plocation {list-style-image:url("../images/arrow_icon_xsml.png");}
#plocation li {}
#plocation li a {cursor:pointer;}
#plocation li:hover a {padding-left:15px;background: transparent url(../images/icon_google_map_pin.png) left top no-repeat;margin-left:-15px; position:relative; z-index:10px; }

#slocation { width:200px; display:block; margin-top:10px;float:left; clear:none;}
#slocation {list-style-image:url("../images/arrow_icon_xsml.png");}
#slocation li {}
#slocation li a {cursor:pointer;}
#slocation li:hover a {padding-left:15px;background: transparent url(../images/icon_google_map_pin.png) left top no-repeat;margin-left:-15px; position:relative; z-index:10px; }


/*background: transparent url(../images/icon_google_map_pin.png) right top no-repeat; padding-right:15px; 
*/
.mapcontentswrapper {display:block; width: 450px; margin-top:10px;  float:left; color:#fff;}
#map_canvas { width: 450px; height: 360px;  float: left; position: relative; z-index: 30 !important; }
#map_canvas2 { width: 450px; height: 360px;  float: left; position: relative; z-index: 30 !important; }
#map_canvas3 { width: 450px; height: 360px;  display:block; clear:both;}


#more-info {height: 360px; clear:both; overflow:auto;padding:10px 0 0 0!important;margin:0 0 10px 0!important; }
#more-info img {width:100px; margin:5px; margin-top:1px; }
#more-info h3 {padding:0; margin:0}
#more-info p { line-height:1.3; color:#000;margin:0; }
#more-info * { position: relative; z-index: 40; }
#more-info > div {    }
.longdesc { display: none;  }

#more-info2 {height: 180px; clear:both; overflow:auto;padding:10px 0 0 0!important;margin:0 0 10px 0!important; }
#more-info2 img {width:100px; margin:5px; margin-top:1px; }
#more-info2 h3 {padding:0; margin:0}
#more-info2 p { line-height:1.3; color:#000;margin:0; }
#more-info2 * { position: relative; z-index: 40; }
#more-info2 > div {    }

#more-info3 {height: 180px; clear:both; overflow:auto;padding:10px 0 0 0!important;margin:0 0 10px 0!important; }
#more-info3 img {width:100px; margin:5px; margin-top:1px; }
#more-info3 h3 {padding:0; margin:0}
#more-info3 p { line-height:1.3; color:#000;margin:0; }
#more-info3 * { position: relative; z-index: 40; }
#more-info3 > div {    }




/* no header pages mod mmmmmmmmmmmmmmmmmmm*/
.noheader .homeLinkAP{display:none;}
.noheader #header .megabanner{display:none;background-image:none!important;}
.noheader #header .megabanner.hide {display:block!important; margin-left:-14px;}/* shows mini menu*/
.noheader .breadcrumbs {top:-18px; background:#036; padding:10px 5px 0 5px;}
/*.noheader .col1 > div, .noheader.col2 > div {margin-top:25px;}*/
.noheader .fullpage #contentarea {margin:1.5%; width:98.5%;}
.noheader .mini-logo {color:#fff; background:url(../images/mini-logo-3.png) center left; background-repeat:no-repeat;height:38px; margin-left:15px; margin-top:4px;width:96%; display:inline-block;}
.noheader #subback {float:right; clear:none; display:inline-block;margin-top:-1px; padding-left:15px; font-size:15px;color:#fff;height:40px; border:0px; border-left:1px solid #007db1; background-color:transparent; cursor:pointer;}
.noheader #subback:hover {background:#004990;}
.noheader .col1 {min-height: 600px;}

/* with header pages mod of no header mod mmmmmmmmmmmmmmmmmmm*/
.withheader .breadcrumbs {top:-18px; background:#036; padding:0px 5px 0 5px;}
/*.withheader .col1 > div, .withheader.col2 > div {margin-top:25px;}*/
.withheader .fullpage #contentarea {margin:1.5%; width:98.5%;}
.withheader .col1 {min-height: 600px;}
/* remove background image 80percentFFF.png*/
.withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:915px; background:#fff; }

/* search page mmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
#outerwrapper.search  #contentarea form,
#outerwrapper.search  #contentarea table,
#outerwrapper.search  #contentarea td,
#outerwrapper.search  #contentarea tr,
#outerwrapper.search #contentarea .contentbox_head td
#outerwrapper.search #contentarea .contentbox_head tr {padding:0;margin:0;background:transparent;}
#outerwrapper.search #contentarea .contentbox {color:#111; line-height:1.2;}
#outerwrapper.search #contentarea .contentbox a {
font-size: 1.2em;
line-height: 1.3;
}
#outerwrapper.search #contentarea font {color:black;}
#outerwrapper.search #contentarea p {margin-bottom:20px;}
#outerwrapper.search #contentarea  span.l {font-size:1.05em}
#outerwrapper.search #contentarea  a:link {color:004990;}
#outerwrapper.search #contentarea  a:visited {}
#outerwrapper.search #contentarea  a:hover {color: #007db1;}
#outerwrapper.search #contentarea .mainsearhbtn {width:310px!important;margin-right:10px;}

#outerwrapper.search blockquote {font-family:inherit; font-style:inherit;}



/* General Start mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm General Start */
/* General Start mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm General Start */
/* General Start mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm General Start */

	/*	  .PRIVATE_CONTENT:hover {display:block;border:2px dotted red; background:pink; margin:-2px -2px -2px -2px}
#sidemenu .PRIVATE_CONTENT:hover  {margin-left:-2px;margin-top:-2px;margin-bottom:-2px;}
#sidemenu .PRIVATE_CONTENT:hover a {background:pink;}*/

a:link,a:visited {color:#004990}


#contentarea img.floatLeft { padding:0px; }
#contentarea img.floatRight { padding:0px; }


fieldset legend{font-size:1.1em;display:block;clear:both;}
.stylizedform {}
.CS_Element_SimpleForm label,
.stylizedform label {font-size:1.1em;}
.stylizedform input, .stylizedform select, .stylizedform textarea,
.CS_Element_SimpleForm input, .CS_Element_SimpleForm select, .CS_Element_SimpleForm textarea {
	background-color: #c4e7f9;
	background-color: #fff;
	-webkit-border-radius: 3px;  
   -moz-border-radius: 3px;  
   border-radius: 3px;  
   
    border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
   -webkit-box-shadow: 1px 1px 0px #fff;  
   -moz-box-shadow: 1px 1px 0px #fff;
   box-shadow:  1px 1px 0px #fff;  
}
.stylizedform input[type="radio"], .stylizedform input[type="checkbox"],
.CS_Element_SimpleForm input[type="radio"], .CS_Element_SimpleForm input[type="checkbox"] {
	background-color:transparent;
	border-radius: 0px;  
	border:1px solid transparent;
	box-shadow:  0px 0px 0px transparent; 
	width:20px;
}
.opacity5 {background:url(../images/opacity-grad.png) repeat-x bottom; padding:10px;margin-top:2px;}

.icon {display:block;padding:5px 7px 6px 32px;background:url(../images/icons_system_logins_sprites.jpg) no-repeat; font-weight:bold;background-position:left 100px;}
.icon.intt {background-position:left 1px;}
.icon.d2l_ {background-position:left -49px}
.icon.orgc {background-position:left -98px}
.icon.ems_ {background-position:left -500px}
.icon.webl {background-position:left -150px}
.icon.peot {background-position:left -199px}

.icon.acct {background-position:left -247px}
.icon.blue {background-position:left -300px}
.icon.libs {background-position:left -349px}
.icon.krom {background-position:left -400px}
.icon.stod {background-position:left -449px}

.icon.myuw {background-position:left -549px}

a.pdflink {
	background-color: transparent;
	background-image: url("../images/pdf.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom:1px;
}

/* popup map*/


.viewtips {position:absolute;width:300px;background:#004990;
	height:335px;
    z-index:2147483647;
    left:-9999px;
    border:1px solid #004990;
	background:#004990;
	}
.popup img.closeviewtip { cursor:pointer; float:right; height:36px; width:36px; margin-top:-13px; margin-right:-17px; z-index:999; position:relative;}
.popup .closeviewtip {position:relative;  z-index:3; top:20px;}
.popup .staddress { border:1px solid #004990; text-transform:capitalize; color:#fff; font-size:12px; padding:3px 3px 3px 6px; line-height:1.1;}
.googlemaplink {background: transparent url(../images/icon_google_map_pin.png) right top no-repeat; padding-right:15px;}



/*text updates*/
/*#outerwrappershadow #outerwrapper #scrollup {z-index:1005;}
#outerwrappershadow #outerwrapper #scrollup .headline { text-overflow: ellipsis; white-space: nowrap;}
#outerwrappershadow #outerwrapper #scrollup .headline:hover {cursor:auto;}
#outerwrappershadow #outerwrapper #scrollup .headline a:link,
#outerwrappershadow #outerwrapper #scrollup .headline a:visited {color:inherit;}
#outerwrappershadow #outerwrapper #scrollup .headline a:hover {color:#007db1; cursor:pointer; z-index:1005;}
*/

#outerwrapper .scrollup {z-index:1005;}
#outerwrapper .scrollup .headline { text-overflow: ellipsis; white-space: nowrap;}
#outerwrapper .scrollup .headline:hover {cursor:auto;}
#outerwrapper .scrollup .headline a:link,
#outerwrapper .scrollup .headline a:visited {color:inherit;}
#outerwrapper .scrollup .headline a:hover {color:#007db1; cursor:pointer; z-index:1005;}

.megabanner .topicNav {
	z-index: 1000002;
}


/* CSS based media queries for mobile device mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */

/* Some android --------------- */
@media only screen and (max-device-width: 800px) {  
	body, body li, body p, body a {-webkit-text-size-adjust:none;}
	div.megabanner div.bnr3d li a {line-height:1.7; font-size:17px!important; line-height:1.5!important; font-family: DroidSans, 'DroidSans' Arial!important; }	
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	html,body { width: 100%;margin: 0px;padding: 0px;overflow-x: hidden; }
	 .top form input {width:135px; clear:none;}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	html,body { width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
	 .top form input {width:135px; clear:none;}
}
/* smart phones --------------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {  
	body {-webkit-text-size-adjust:none;}
	html,body {  width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; 	}
	.top form input {width:135px; clear:none;}
	div.megabanner div.bnr3d li a {font-size:17px!important; font-family: "Franklin Gothic Medium", "Franklin Gothic",  WebFont, Arial, sans; }
}

/* high pixel density phones --- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	body, body li, body p, body a {-webkit-text-size-adjust:none;}
	div.megabanner div.bnr3d li a {line-height:1.7; font-size:17px!important; line-height:1.5!important; font-family: DroidSans, 'DroidSans' Arial!important; }
}

/*Admissions Page Links */
	.AdmissionsText h3.H3Orange{padding-bottom:1px!important;}
	.AdmissionsText h3.H3Orange a{background:100%!important;padding-bottom:1px!important;}


/*********** start responsive design ******************/
.topBarBtns {display: none;}
.topBarWordmark {display: none;}
.navLinkTablet {display: none;}/*** not used? ***/
.navLinkPhone {display: none;}/*** not used? ***/
.sidecolwrapper h2 a:hover{text-decoration:none;}
.navDesktop {display:block;}
.navMobile {display:none;}
/*.mobileQuickLinks {display:none;}*/
.mobileMenuDropdown {display:none;}
.mobileSearchDropdown {display:none;}/**/
.subsiteHomeLink {display:none!important;}
.rdWrapper .homeOther div{margin-bottom:5px;}/* items added after the news on the homepage */
.desktopHide {display:none!important;}/* hide when not mobile  */

@media only screen and (max-width:932px){/*980px before ipad changes*/ /*changed 988 max width to 932 because the ipad version was showing up on the desktop split screen - 02/04/15 JLO */
	html,body { width: 100%;margin: 0px;padding: 0px;overflow-x: hidden; }/* ??? */
	body {background-image:none!important;/*background-color:#004990;*/}
	.rdWrapper {
	  background-image: -moz-linear-gradient(top, #52a0cc, #004990)!important;/*was #ccd9e2*/
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#52a0cc), to(#004990))!important;
	  background-image: linear-gradient(top left,#52a0cc, #ccd9e2)!important;
	  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52a0cc', endColorstr='#004990')!important;
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#52a0cc', endColorstr='#004990')"!important;	
	}/* replace background image with gradient */
	
	/*.rdWrapper  #footer .megabanner {background-image:none!important;}*/
	
	.rdWrapper #outerwrapper {max-width:743px;}
	.rdWrapper #outerwrappershadow {min-width: 100%;}	
	.rdWrapper #topicNav {display: none;}
	.rdWrapper #audienceNav {display: none;}
	.rdWrapper .top form {display: none;}/* hide top navigation and search form */
	.mobileQuickLinks {display:none;}/* hide on opening page */
	
	/*** mobile top buttons *******/
	.topBarBtns {display: block;background:#004990;height:36px;color:#fff;}
	.topBarBtns ul {position:relative;left:45%;text-align:center;list-style:none;}
	.topBarBtns ul li {display: inline;position:relative;right:50%;padding:0 .6em;}
	
	.topBarButton {display: block;background:#004990;height:32px;cursor:pointer;}
	.topBarButton img {vertical-align:middle;}
	
	/*** mobile top dropdowns *******/
	/** Note: mobileQuickLinks addresses the top linkbar which is visible in the desktop view, so it must be handled differently than the other top dropdowns **/
	.rdWrapper .mobileQuickLinks {background:#004990;z-index:9901;}
	.rdWrapper .mobileQuickLinks a {font-size:.95em;line-height:1.5em;color: #fff;}
	.rdWrapper .top a:first-child {display:none;}/* remove 'Home' link */
	
	.mobileMenuDropdown {background:#004990;z-index:9901;}
	.mobileMenuDropdown ul li {list-style-type:none;}
	.mobileMenuDropdown a{color:#fff;text-decoration:none;}
	.mobileSearchDropdown {background:#004990;z-index:9901;height:40px;}
	.mobileSearchDropdown form{float:right; width:275px; margin:-2px 5px 10px 0; padding: 0px;   height:28px;	font-size: 1.2em;  line-height:1;  outline: none;  background: #c4e7f9;  border: 1px solid #007db1;  border-bottom: 1px solid #c4e7f9; border-right: 1px solid #c4e7f9; 		
		-webkit-border-radius: 3px;  
		-moz-border-radius: 3px;  
		border-radius: 3px; 		
		-webkit-box-shadow: 1px 1px 0px #fff;  
		-moz-box-shadow: 1px 1px 0px #fff;
		box-shadow:  1px 1px 0px #fff;  }
	.mobileSearchDropdown form input{ line-height:1.2; background:transparent; border:0; color:#004990; padding-top:0px; height:26px;width:275px;text-shadow: 1px 1px 0px #fff;margin-top:2px;} /* JLO changed width to 275 from 370 or the menu with the icons displayed on 2 lines - 11/21/14 */
	.mobileSearchDropdown form input.btn {float:right;width:20px; height:20px; clear:none; margin: 4;margin-top:-38px;border:0px;cursor:pointer;background:url(../images/search-bg.png) -143px; 
		-webkit-border-radius: 3px;  
		-moz-border-radius: 3px;  
		border-radius: 3px;
		-webkit-box-shadow: -1px -1px 0px #007db1;  
		-moz-box-shadow: 1px 1px 0px #007db1;
		box-shadow:  1px 1px 0px #007db1;  
 	 } /* JLO added margins to keep button where it belongs - 11/21/14 */
	 
	 
	.rdWrapper .mainGraphic {min-height:246px;max-width:768px;margin-top:-16px;}
	.rdWrapper .mainGraphic img{margin-right:0px;top: 0px;}
	.rdWrapper #outerwrapper.orange #header .megabanner {background:url(../images/header-orange-bg-short2.png) left 0px no-repeat;}
	
	.rdWrapper .leftmenu .col2 {margin-top:-25px;margin-left:1px;z-index:9900;/*height:30px;margin-bottom:80px;*/}
	.rdWrapper #sidemenu {position:absolute;z-index:9900;}

	.rdWrapper .breadcrumbs {position:relative;top:-15px;left:220px;max-width:513px;text-overflow:ellipsis;}
	.rdWrapper .othercrumbs {display:none;}	
	
	.rdWrapper .navDesktop {display:none;}
	.rdWrapper .navMobile {display:block;background: #007db1 url(../images/Menu_30.png) left center no-repeat;background-size:30px 30px;width:195px;height:auto;}
	.rdWrapper .navMobile h2{margin-left:40px;color:#fff;vertical-align:middle;}
	.rdWrapper .navMobile a:hover{text-decoration:none;}
	
	.rdWrapper .sidecolwrapper ul{display:none;}

	
	.rdWrapper .megaimage {margin-top:-34px;float:right; position:relative; right:0px;}

	.rdWrapper #header .megabanner{max-width:768px;margin-top:0px;}	
	/* remove header height and margin bottom settings which appear in the element style in Chrome, but can't be found in the templates or style sheets */
	.rdWrapper #header {height:auto!important;margin-bottom:-15px!important;}
	
	.rdWrapper .navMobile h2 {padding-top: 3px;cursor:pointer;}
	/*.rdWrapper #contentarea .contentnestedcol:first-child {margin-top:-20px;}*/


	.mobileHide {display:none!important;background:#fff;margin-left:50px;} /* hide item when mobile */
	
	/*** homepage styles ***/
	.rdWrapper  #outerwrapper.home #scrollup {display:none;}
	.rdWrapper  #outerwrapper.home #contentarea {margin-top:-20px;}
	
	/* Library */
	.asklib1 {display:none!important;}
	.asklib2 {display:block!important; height:120px;}
	
	/*.rdWrapper  #footer .megabanner {background-image:none!important;}*/
	.rdWrapper .megabanner .bnr3d.bottom div.end{margin-top:-36px;}
}

/********** start tablet only styles (sample device iPad **********/
@media only screen and (max-width:932px) and (min-width: 768px) { /*changed 988 max width to 932 because the ipad version was showing up on the desktop split screen - 02/04/15 JLO */
	.topBarBtns {max-width:768px;}
	.rdWrapper #outerwrapper {width:100%;overflow-x:hidden;} /* added overflow-x so the screen stayed put and stopped scrolling horizontally. Width to 100% - jlo - 11/13/14 */

	.topBarBtnsTxt{background-color:transparent;text-decoration:none;color:#fff;font-size:19px;font-weight:400;letter-spacing:0;}
	.rdWrapper .mobileQuickLinks {width:743px;height:40px;height:40px;}
	.rdWrapper .top {margin-left: 25px;}
	
	
	.mobileMenuDropdown {width:743px;height:160px;font-size:1.2em;line-height:1.5em;}

	.mobileMenuDropdown ul {float:left;width:21%;}
	
	.rdWrapper #header .megabanner .megaimage{display:none;}/**/
	.rdWrapper #header .megabanner .headerText{margin-top:50px;}
	
	.rdWrapper .navMobile .phoneTitle {display:none;}
	.rdWrapper #sidemenu {margin-top:-18px!important;}
	.rdWrapper .col1 {margin-left: 10px;margin-top:-22px;}
	.rdWrapper .colleft {width:743px;}
	
	/*** one column with header ***/
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:728px;margin-left:-20px;}
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:743px;margin-left:-21px;margin-top:20px;}
	.rdWrapper .withheader .breadcrumbs {margin-left:-220px;width:743px;}
	
	/*** one column no header ***/
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:728px;margin-left:-20px;}
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:743px;margin-left:-21px;margin-top:20px;}
	.rdWrapper .noheader .breadcrumbs {margin-left:-220px;width:743px;}
	.rdWrapper .noheader #header .megabanner.hide {margin-left:-30px;max-width:787px;width:787px;}
	.rdWrapper .noheader #header .megabanner.hide div.end{margin-top:-42px;}

	
	/*** homepage styles ***/
	
	.rdWrapper #outerwrapper.home .sidecolwrapper {display:block;width:743px;padding:0 0 0 5px;}
	.rdWrapper #outerwrapper.home .sidecolwrapper ul{display:block;}
	.rdWrapper .homeOther {display:inline-block;width:30%;float:left;margin-right:10px;} /* Add margin-right for alignment - jlo / */
	.rdWrapper .homeEvents {display:inline-block;width:30%;float:left;margin-right:10px;margin-top:-1px!important;} /* Add right and top margin for alignment - jlo - 11/11/14 */
	.rdWrapper .homeNews {display:inline-block;width:30%;float:left;margin-right:10px;margin-top:0px!important;} /* zero out margin for alignment - jlo - 11/11/14 */
	
	/* Admissions Page Styles */
	.AdmissionsImageGrid {float:left;width:315px!important;}
	.AdmissionsImageGrid table{margin-top:-310px!important;}	
	html>/**/body .AdmissionsImageGrid table, x:-moz-any-link, x:default {margin-top:0px!important} /* this is the hack to make Firefox display the images correctly...WHEW~!!!!! JLO 02/11/15 */
	.AdmissionsImageGrid td {float:left;width:340px!important;height:130px;display:inline-block!;display:block!;}
	.VT {width:315px; height: 130px!important;background-image: url('/admissions/images/ADM_Mobile_315x130.jpg') }
	.VT a {width:315px; height: 130px!important; left:35px!important; top:95px!important;) }
	.EMP {width:315px; height: 130px!important;background-image: url('/admissions/images/ADM_Mobile_315x1302.jpg') }
	.EMP a{width:315px; height: 130px!important;left:35px!important; top:0px!important;) }
	.AdmissionsText {width:40%!important;}
	.AdmissionsText h3.H3Orange a{background:100%!important;}
	.AdmissionsText h3.H3Orange{padding-bottom:1px!important;}
	
	/* Program Page Styles */
	.ProgramsImageGrid {float:none!important;}
	.ProgramsImageGrid table{margin-top:0px!important;}	
	.ProgrmasImageGrid td {width:100%;height:130px;float:left;display:inline-block!;display:block!;}
	.ProgramsImageGrid tr {width:340px!important;}
	.ProgramsImageGrid tbody {width:340px!important;}
	

	/*** two-column tabbed ***/
	/* correct problem of covering tabs */
	.rdWrapper .leftmenu .col2 {height:30px;margin-bottom:15px;}
	
	/* reposition to cover logo */
	.rdWrapper #header a.homeLinkAP {top: 80px;} 
	
	/* Library */
	.asklib1{display:none!important;}
	.asklib2 {display:block!important; height:120px;}
	
	.rdWrapper .megabanner, .megabanner .bnr3d .bottom {width:774px;}/*was 798*/
	.rdWrapper #footer p {width:334px;}/*was 358*/
	.footer-phone {display:none;}
	.rdWrapper img {max-width:100%; height: auto;}
	.mobileHide {display:none!important;}
	.desktopHide {display:block!important;}
	
	.rdWrapper .col1 {margin-top:-24px;width:100%;}/*was -12 then -32 - SC. width to 100% - jlo - 11/11/14*/
}

/********** start phone only styles (sample device Samsung Galaxy S4) orientation Landscape maybe will work on the iPad minis too**********/

@media only screen and (max-width:767px) and (orientation:landscape) {
	@viewport{width: 480px;}
	@-ms-viewport{width: 480px;}
	.rdWrapper #outerwrapper {width:100%;overflow-x:hidden;} /* added overflow-x so the screen stayed put and stopped scrolling horizontally. Width to 100% - jlo - 11/13/14 */
	.topBarBtns {width:100%;} /* Width to 100% - jlo - 11/13/14 */
	.topBarBtnsTxt {display: none;}
	.topBarWordmark {display: block;background-color:#004990;} /* added background color - jlo - 11/11/14 */
	.topBarWordmark img {content: url('/ui/images/UW-StoutHeader_800x100.png');width:100%; } 
	.rdWrapper .mobileQuickLinks {width:100%;height:60px;text-align:center;} /* width to 100% - jlo - 11/13/14 */
	/*.rdWrapper .top {margin-left: 25px;}*/
	.mobileMenuDropdown {width:100%;height:280px;font-size:1.2em;line-height:1.5;}/*was 210 high - SCox. Changed width to 100% - jlo - 11/13/14 */
	.mobileMenuDropdown ul {display:inline-block;width:40%;vertical-align:top;}
	
	/* mobile search Results page 09/04/15 jlo */
	 .gcseResults {width:480px;}
	
	.rdWrapper #header .megabanner{display:none;background-image:none!important;}
		
	.rdWrapper .breadcrumbs {display:none;}
	.rdWrapper .colleft {width:100%;margin-top: -20px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .col1 {margin-top:-36px;width:100%;margin-left:-10px!important;}/*was -12 then -32 - SC. width to 100% - jlo - 11/11/14*/
	
	/*** one column with header ***/
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:100%;margin-left:-4px;margin-top:65px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:97%;margin-top: -2px;margin-left:-7px;} /* width to 97% - jlo - 11/13/14 */
	
	/*.rdWrapper  #contentarea .pageTitleSelected {display:none;}*/	
	
	.rdWrapper  .subsiteHomeLink {display:block!important;}
	.rdWrapper .navMobile {margin-left:-11px;margin-top: 60px;width:640px;;} /* width to 100% - jlo - 11/13/14 */
	
	.rdWrapper .navMobile .tabletTitle {display:none;}
	.rdWrapper #sidemenu {margin:-17px 0 0 -10px;}
	
	/* three-column */
	.rdWrapper #contentarea .thirdCol {left:0px;margin-left:-10px;width:310px;float:none;}
	/*.rdWrapper #contentarea .thirdCol {margin:5px;max-width:422px;width:100%;}
	.rdWrapper #contentarea .thirdCol img {width:100%;}*/
	.rdWrapper contentnestedcol .thirdCol .module{font-size: 1em;}
	
	.navLinkPhone {display: inline-block;vertical-align:middle;}
	/*.siteHome a {display: inline-block;vertical-align:middle;color:#fff;}*/
	.rdWrapper img {max-width:100%; height: auto;}
	
	/*** one column no header ***/
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:100%;margin-left:-7px;margin-top:65px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:98%;margin-left:-15px;margin-top:-8px;}	/* width to 98% - jlo - 11/13/14 */
	
	.rdWrapper .noheader .bnr3d.top{display:none!important;}
	/*.rdWrapper .noheader .mini-logo {display:none;}*/
	.rdWrapper .noheader .breadcrumbs {display:none;}
	
	/* two-column tabbed */
	.rdWrapper .panes {width:99%!important;} /* width to 99% - jlo - 11/13/14 */
	.rdWrapper .pane {width:99%;} /* width to 99% - jlo - 11/13/14 */
	
	/* reposition to cover wordmark not tabs */
	.rdWrapper #header a.homeLinkAP {width:99%;height:100px;top:36px;display:none;} /* set display to none or it overlays the drop down navigation preventing it from working correctly - jlo - 11/11/14 */ 
	
	/* correct problem of covering tabs */
	.rdWrapper .leftmenu .col2 {height:30px;margin-bottom:82px;}
	
	.rdWrapper ul.tabs.frankmed {width:100%;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper ul.tabs li {width:100%;border-bottom: 1px solid #004990;border-right:none;}
	.rdWrapper ul.phoneTabs li {width:10%;}
	
	/* homepage styles */
	.rdWrapper  .rightmenu .col2 {width:100%!important;padding:0 0 0 5px;} /* increases width to 100% px - jlo - 11/11/14 */
	.rdWrapper #outerwrapper.home .sidecolwrapper ul{display:block;width:100%;}
	.rdWrapper #rotatewrapper .slidetabs {display:none;}
	.rdWrapper #rotatewrapper .homepanes {display:none;} /* display to none, no longer wanted on smaller devices - jlo - 11/11/14 */
	.rdWrapper div .homeQuickLinks {display:inline-block!important;float:left;margin-left:0px;margin-right:7px;width:100%!important;}
	
	
	.rdWrapper .homeQuick1 .homeAdmis{margin-bottom:7px;display:inline-block;height:35px;width:27.1%;background-color:#007db1;color:white;}
	.rdWrapper .homeQuick3 .homeVisit{display:inline-block;height:35px;width:27.1%;background-color:#AFBD21;color:white;margin-top:9px;}
	.rdWrapper .homeQuick2 .homeProgr{display:inline-block;height:35px;width:27.1%;background-color:#C33430;color:white;}
	.rdWrapper .homeQuick1 .homeLogin{display:inline-block;height:35px;width:27.1%;background-color:#F59F1D;color:white;}
	.rdWrapper .homeOther {display:inline-block;width:30%;float:left;margin-top:-145px!important;} /* Add margin-right for alignment - jlo / */
	.homeOther img{width:100%;float:left;margin-left:292px;margin-top:-60px!important;} /* Add margin-right for alignment - jlo / */
	.rdWrapper .homeEvents {display:inline-block;width:30%;float:left;margin-right:10px;margin-top:-100px!important;} /* Add right and top margin for alignment - jlo - 11/11/14 */
	.rdWrapper .homeNews {display:inline-block;width:30%;float:left;margin-right:10px;margin-top:-100px!important;} /* zero out margin for alignment - jlo - 11/11/14 */
	.rdWrapper .homeQuickLinks a {margin-right:5px;margin-top:2px;font-weight:bold;font-size:1.2em;padding-top:10px;padding-left:7px;padding-right:20px;}
	.homeQuickLinks {padding-top:20px;margin-top:-280px!important;} /* closes up top margin after removing spotlight */
	
	/* Admissions Page Styles */
	.AdmissionsImageGrid {float:none!important;}
	.AdmissionsImageGrid table{margin-top:-310px!important;}	
	.AdmissionsImageGrid td {width:100%;height:130px;float:left;display:inline-block!;display:block!;}
	.AdmissionsImageGrid tr {width:340px!important;}
	.AdmissionsImageGrid tbody {width:340px!important;}
	.VT {width:100%; height: 130px!important;background-image: url('/admissions/images/ADM_Mobile_315x130.jpg') }
	.EMP {width:100%; height: 130px!important;background-image: url('/admissions/images/ADM_Mobile_315x1302.jpg') }
	.VT a {width:315px; height: 130px!important; left:25px!important; top:130px!important;) }
	.EMP a{width:315px; height: 130px!important;left:15px!important; top:0px!important;) }
	.AdmissionsText {width:35%!important;}
	.AdmissionsText h3.H3Orange a{background:100%!important;}
	.AdmissionsText h3.H3Orange{padding-bottom:1px!important;}
	
	/* Program Page Styles jlo 02/27/15*/
	.ProgramsImageGrid {float:none!important;margin-bottom:-35px;}
	.ProgramsImageGrid table{margin-top:3px!important;margin-left:0px!important;height:55px!important;overflow:hidden!important;}	
	.ProgramsImageGrid td {width:100%;float:left;display:block;}
	.ProgramsImageGrid tr {width:280px!important;}
	.ProgramsImageGrid tbody {width:340px!important;}
	/* for each program page, add class names to swap photos, edit HTML element for site too. 02/25/15 JLO */
	.ProgramImage1 img{width:280px!important; height:55!important;float:left; margin-top:-160px;}
	.ProgramImage2 img{width:280px!important; height:55!important;float:right;margin-left:0px;margin-top:-235px; }
	
	/* Parking Permit */
	.padding.fixStandardImage {width:580px;}
	
	/* Housing */
	#ThonisContainer {background-color:#003466!important;margin-left:-20px!important;width:680px!important;}
	.wholeBox {width:480px!important;}
	.rightBox {width:235px!important;float:left!important;}
	.leftBox {width:235px!important;}
	#top img{margin-top:10px!important;}
	#middle {width:480px!important;}
	#bottom  {width:480px!important;}
	
	/* Library */
	.asklib1 {display:none!important;}
	.asklib2 {display:block!important; height:120px;}
	
	/*two-column content fix, although structure.css:339 referred to .onecolumn it impacted this */
	.rdWrapper #contentarea .contentnestedcol:first-child {width:640px!important;margin-bottom:12px;} /* width to 640 - jlo - 11/11/14 */
	
	.rdWrapper #contentarea .videomodule {margin-top:12px!important;} /* width to 320 - jlo - 11/11/14 */
	.rdWrapper #contentarea .videomodule.module {margin-top:12px!important;float:left;} /* width to 320 - jlo - 11/11/14 */
	.rdWrapper #contentarea .videomodule.module {max-width:300px!important;} 
	
	
	/* footer styles */
	.rdWrapper .megabanner, .rdWrapper .megabanner .bnr3d .bottom {width:668px;} /* width to 668 - jlo - 11/11/14 */
	.rdWrapper .megabanner .bnr3d.bottom div.end{margin-top:-36px;}

	.footer-cr {display:none;}
	.rdWrapper #footer .frankmed {margin-left:222px;} /* width to 222 - jlo - 11/11/14 */
	.footer-phone {display:none;}
	.mobileHide {display:none!important;}
	.desktopHide {display:block!important;}
}

@media only screen and (max-width:767px) and (orientation:portrait) {
	@viewport{width: 480px;}
	@-ms-viewport{width: 480px;}
	.rdWrapper #outerwrapper {width:100%;overflow-x:hidden;} /* added overflow-x so the screen stayed put and stopped scrolling horizontally. Width to 100% - jlo - 11/13/14 */
	.topBarBtns {width:100%;font-size:.8em;} /* Width to 100% - jlo - 11/13/14 */
	.topBarBtnsTxt {display: none;}
	.topBarWordmark {display: block;background-color:#004990;} /* added background color - jlo - 11/11/14 */
	.rdWrapper .mobileQuickLinks {width:100%;height:60px;text-align:center;} /* width to 100% - jlo - 11/13/14 */
	/*.rdWrapper .top {margin-left: 25px;}*/
	.mobileMenuDropdown {width:100%;height:280px;font-size:1.2em;line-height:1.5;}/*was 210 high - SC. width to 100% - jlo - 11/13/14 */
	.mobileMenuDropdown ul {display:inline-block;width:40%;vertical-align:top;}
	
	/* mobile search Results page 09/04/15 jlo */
	 .gcseResults {width:275px;}
	
	/* In the news for phone update 08/27/15 JLO */
	div.prIntheNewsList {
	width: 280px!important;
	float:none!important; 	}

	/* 20-60-20 textblock in body */
	.rdWrapper .contentnestedcol .CS_Textblock_Text {width:280px;} /* Adjust for phone device 02/25/15 JLO */
	.rdWrapper .contentnestedcol .CS_Textblock_Text:first-child{margin-top:35px;}
	
	/* SEARCH */
	.movileSearchDropdown {background-color:#004990;height:40px;border-bottom:20px;color:red;}

	/* TABLE 
	.rdWrapper .contentnestedcol table {border-spacing:0;}
	.rdWrapper .contentnestedcol th,td {position:relative;float:left;clear:both;width:290px;text-align:left;margin-right:30px!important;}
	.rdWrapper .contentnestedcol tbody {margin-right:30px;}*/
	
	.rdWrapper #header .megabanner{display:none;background-image:none!important;}
		
	.rdWrapper .breadcrumbs {display:none;}
	.rdWrapper .colleft {width:100%;margin-top: -20px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .col1 {margin-top:-35px;width:100%;}/*was -12 then -32 - SC. width to 100% - jlo - 11/11/14*/
	
	/*** one column with header ***/
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:100%;margin-left:-14px;margin-top:65px;margin-bottom:5px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d h2{margin-top:-10px!important;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:97%;margin-top: -8px;margin-left:-15px;} /* width to 97% - jlo - 11/13/14 */
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:98%;margin-left:-13px!important;margin-top:-8px;}	/* width to 98% - jlo - 11/13/14 */

	/*.rdWrapper  #contentarea .pageTitleSelected {display:none;}*/	
	
	.rdWrapper  .subsiteHomeLink {display:block!important;}
	.rdWrapper .navMobile {margin-left:-11px;margin-top: 60px;width:480px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .navMobile h2{margin-top: 60px;max-width:280px;} /* width to 100% - jlo - 11/13/14 */
	
	.rdWrapper .navMobile .tabletTitle {display:none;}
	.rdWrapper #sidemenu {margin:-17px 0 0 -10px;}
	
	/* three-column */
	.rdWrapper #contentarea .thirdCol {left:0px;margin-left:-10px;width:310px;float:none;}
	/*.rdWrapper #contentarea .thirdCol {margin:5px;max-width:422px;width:100%;}
	.rdWrapper #contentarea .thirdCol img {width:100%;}*/
	.rdWrapper contentnestedcol .thirdCol .module{font-size: 1em;}
	
	.navLinkPhone {display: inline-block;vertical-align:middle;}
	/*.siteHome a {display: inline-block;vertical-align:middle;color:#fff;}*/
	.rdWrapper img {max-width:100%; height: auto;}
	.rdWrapper .CS_Image_IMG {width:285px!important; height: auto;} /* New Program Page Images  - jlo 01/06/14 */
	#elementBin2 {width:285px!important;} /* New HR Page MyUW and AskHR buttons  - jlo 01/06/15 REMOVED as it messed with UREC icons making them GINORMOUS! */
	#elementBin1 {width:285px!important;} /* New Program Page text  - jlo 02/25/15 */

	/* ContentModule - right column so it displays correctly on the phone - JLO 02/26/15 */
	.contentModule {width: 272px!important;}
	.contentModule h3 {width: 269px!important;}
	
		/*** one column no header ***/
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:100%;margin-left:-7px;margin-top:65px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:98%;margin-left:-7px;}	/* width to 98% - jlo - 11/13/14 */
	
	.rdWrapper .noheader .bnr3d.top{display:none!important;}
	/*.rdWrapper .noheader .mini-logo {display:none;}*/
	.rdWrapper .noheader .breadcrumbs {display:none;}
	
	/* two-column tabbed */
	.rdWrapper .panes {width:99%!important;} /* width to 99% - jlo - 11/13/14 */
	.rdWrapper .pane {width:285px;} /* width to 99% controls the info on the tabs - jlo - 11/13/14 */
	
	/* map page */
	.mapcontentswrapper {display:block; width: 300px; margin-top:10px;  float:left; color:#fff;}
	.mapcontentswrapper .mapcontentswrapper  .gm-style:first-child{width: 300px;}
	#map_canvas { width: 290px; height: 360px;  float: left; position: relative; z-index: 30 !important; }
	#map_canvas2 { width: 290px; height: 360px;  float: left; position: relative; z-index: 30 !important; }
	#map_canvas3 { width: 290px; height: 360px;  display:block; clear:both;}
	/* reposition to cover wordmark not tabs */
	.rdWrapper #header a.homeLinkAP {width:99%;height:100px;top:36px;display:none;} /* set display to none or it overlays the drop down navigation preventing it from working correctly - jlo - 11/11/14 */ 
	
	/* correct problem of covering tabs */
	.rdWrapper .leftmenu .col2 {height:30px;margin-bottom:82px;}
	
	.rdWrapper #contentarea .contentnestedcol.commontabwrapper  div{width:100%!important;}

	.rdWrapper ul.tabs.frankmed {width:360px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper ul.tabs li {width:100%;border-bottom: 1px solid #004990;border-right:none;}
	.rdWrapper ul.phoneTabs li {width:10%;}
	
	/* homepage styles */
	.rdWrapper  .rightmenu .col2 {width:100%!important;padding:0 0 0 5px;} /* increases width to 100% px - jlo - 11/11/14 */
	.rdWrapper #outerwrapper.home .sidecolwrapper ul{display:block;width:100%;}
	.rdWrapper #rotatewrapper .slidetabs {display:none;}
	.rdWrapper #rotatewrapper .homepanes {display:none;} /* display to none, no longer wanted on smaller devices - jlo - 11/11/14 */
	.rdWrapper div .homeQuickLinks {display:inline-block!important;float:none;margin-left:0px;margin-right:7px;margin-top:-260px!important;width:100%!important;}
	/*controls the 4 columns on the Admissions page so they stack 2x2 - jlo 02/25/15 */
	.rdWrapper .contentnestedcol .admissions1st {position:relative;float:none!important;clear:both;width:140px!important;text-align:left;margin-right:30px!important;}
	.rdWrapper .contentnestedcol .admissions1st td{height:300px!important;}
	.rdWrapper .contentnestedcol .admissions1st h3{max-width:110px!important;}
	.rdWrapper .contentnestedcol .admissions2nd {position:relative;clear:both;text-align:left;margin-right:30px!important;float:none!important;width:140px!important;}
	.rdWrapper .contentnestedcol .admissions2nd h3{max-width:150px!important;}
	.rdWrapper .contentnestedcol .admissions2nd td{height:280px!important;}
	.rdWrapper #contentarea .CS_Element_Custom .admissions2nd div {float:none!important;width:115px!important;}
	.rdWrapper #contentarea .CS_Element_Custom .admissions1st div {float:none!important;width:115px!important;}

	
	.rdWrapper .homeQuick1 .homeAdmis{margin-bottom:7px;display:block;height:35px;width:27.1%;background-color:#007db1;color:white;}
	.rdWrapper .homeQuick3 .homeVisit{display:inline-block;height:35px;width:27.1%;background-color:#AFBD21;color:white;margin-top:9px;}
	.rdWrapper .homeQuick2 .homeProgr{display:inline-block;height:35px;width:27.1%;background-color:#C33430;color:white;}
	.rdWrapper .homeQuick1 .homeLogin{margin-bottom:7px;display:inline-block;height:35px;width:27.1%;background-color:#F59F1D;color:white;}
		html>/**/body .rdWrapper  #outerwrapper.home #contentarea, x:-moz-any-link, x:default {margin-top:-150px;} /* this is the hack to make Firefox display the buttons in the right spot for phones when desktop is resized only..WHEW~!!!!! JLO 02/11/15 */
	.rdWrapper .homeOther {display:inline-block;width:30%;float:left;margin-top:-70px!important;} /* Add margin-right for alignment - jlo / */
		html>/**/body .rdWrapper .homeOther, x:-moz-any-link, x:default {display:inline-block;width:30%;float:left;margin-top:25px!important;} /* this is the hack to make Firefox display the tour in the right spot for phones when desktop is resized only..WHEW~!!!!! JLO 02/11/15 */

	.homeOther img{width:100%;float:left;margin-left:0px;margin-top:80px!important;} /* Add margin-right for alignment - jlo / */
	.rdWrapper .homeEvents {display:block;width:30%;float:none;margin-right:-100px!important;margin-top:130px!important;} /* Add right and top margin for alignment - jlo - 11/11/14 */
		html>/**/body .rdWrapper .homeEvents, x:-moz-any-link, x:default {display:block;width:30%;float:none;margin-right:-100px!important;margin-top:220px!important;} /* this is the hack to make Firefox display the events and news in the right spot for phones when desktop is resized only...WHEW~!!!!! JLO 02/11/15 */
	.rdWrapper .homeNews {display:inline-block;width:30%;float:left;margin-right:10px;margin-top:0px!important;} /* zero out margin for alignment - jlo - 11/11/14 */
	.rdWrapper .homeQuickLinks a {margin-right:5px;margin-top:2px;font-weight:bold;font-size:1.2em;padding-top:10px;padding-left:7px;padding-right:20px;}
	/*.rdWrapper div .homeQuickLinks {margin-top:-400px!important;} /* closes up top margin after removing spotlight */
	
	/* Two Column Text Element */
	.twoColTextLeft {width:280px!important;float:none!important;}
	.twoColTextRight {width:280px!important;float:none!important;}
	
	/* Admissions Page Styles */
	.AdmissionsImageGrid {width:300px!important;float:none;}
	.VT {float:left;width:315px; left:0px!important;height: 130px!important;background-image: url('/admissions/images/ADM_Mobile_315x130.jpg') }
	.EMP {float:left;width:315px; height: 130px!important;background-image: url('/admissions/images/ADM_Mobile_315x1302.jpg') }
	.VT a {width:315px; height: 130px!important; left:25px!important; top:470px!important;) }
	.EMP a{width:315px; height: 130px!important;left:15px!important; top:0px!important;) }
	
	.AdmissionsText {float:none!important;border-left:0px!important;width:295px!important;}
	.AdmissionsText h3.H3Orange a{background:100%!important;float:none!important;}
	.AdmissionsText h3.H3Orange{padding-bottom:1px!important;float:none!important;}
	
	/* Program Page Styles jlo 02/27/15*/
	.ProgramsImageGrid {float:left!important;}
	.ProgramsImageGrid table{margin-top:3px!important;height:55px!important;width:280px;overflow:hidden!important;}	
	.ProgramsImageGrid td {float:left;display:inline-block!;display:block!;height:55px!important;overflow:hidden!important;margin-top:15px;padding-top:1px!important;}
	.ProgramsImageGrid tr {width:280px!important;}
	.ProgramsImageGrid tbody {width:280px!important;}
	/* for each program page, add class names to swap photos, edit HTML element for site too. 02/25/15 JLO */
	.ProgramImage1 img{width:280px;float:none; margin-top:-180px; }
	.ProgramImage2 img{width:280px;float:none; margin-top:-180px; }
	
	/* PROGRAM PAGE This line controls the 2 col bin element on the new Program pages and brings the fill in form to the left. 12/30/14 JLO */
	.rdWrapper #contentarea .CS_Element_Custom div:nth-child(2) {float:none!important;} /* remove width to avoide button conflict on accounting site 03/06/15 */
	.rdWrapper #contentarea .CS_Element_Custom iframe {width:285px!important;}
	
	/* PROGRAM LANDING PAGE - controls the H3 headers and the text width. jlo 12/30/14 Update*/
	.rdWrapper #contentarea .CS_Element_Custom .CS_Textblock_Text {margin-top:0px;}
	.newProgLandText {width:280px;}
	
	/* Parking Permit */
	.padding.oImage {width:280px;}
	
	/* Housing */
	#ThonisContainer {background-color:#003466!important;margin-left:-20px!important;width:500px!important;margin-top:-32px!important;}
	.wholeBox {width:280px!important;}
	.welcomeImgHolder{width:130px!important;}
	#WelcomeTitle {font-size: 24px; line-height: .5; margin: 0.3em 0 10px; }
	.rightBox {width:280px!important;float:left!important;}
	.leftBox {width:280px!important;}
	#top img{margin-top:10px!important;}
	#middle {width:280px!important;}
	#bottom  {width:280px!important;}
	
	/*two-column content fix with video, although structure.css:339 referred to .onecolumn it impacted this updated jlo 12/05/14 As seen on the NEW Program Pages as well*/
	.rdWrapper #contentarea .contentnestedcol {float:none;width:480px!important;padding-right:-300px!important;padding-top:20px!important;margin-bottom:12px!important;} /* updated - jlo - 12/17/14 */
		
	.rdWrapper .twocoloffset #contentarea .contentnestedcol .module {width:320px!important;} /* width to 320 - jlo - 01/07/15 */
	.rdWrapper .twocoloffset #contentarea .contentnestedcol .module h3 {width:290px!important;} /* width to 290 - jlo - 01/07/15 */
	.rdWrapper .twocoloffset #contentarea .contentnestedcol .module a {width:190px!important;} /* width to 190 - jlo - 01/07/15 */
	
	.rdWrapper #contentarea .videomodule {margin-top:12px!important;} /* width to 320 - jlo - 11/11/14 */
	.rdWrapper #contentarea .videomodule.module {margin-top:12px!important;} /* width to 320 - jlo - 11/11/14 */
	.rdWrapper #contentarea .videomodule.module {max-width:300px!important;float:left;} 
	
	/* footer styles */
	.rdWrapper .megabanner, .rdWrapper .megabanner .bnr3d .bottom {width:668px;} /* width to 668 - jlo - 11/11/14 */
	.rdWrapper .megabanner .bnr3d.bottom div.end{margin-top:-36px;}

	.footer-cr {display:none;}
	.rdWrapper #footer .frankmed {display:none;margin-left:222px;} /* width to 222 - jlo - 11/11/14 */
	.follow {margin-left:20px;}
	.footer-phone {display:none;}
	.mobileHide {display:none!important;}
	.desktopHide {display:block!important;}
}
/*for the ipod landscape!! jlo 11/14/14 */
@media only screen and (max-width:480px) and (orientation:landscape) {
	@viewport{width: 320px;}
	@-ms-viewport{width: 320px;}
	.rdWrapper #outerwrapper {width:100%;overflow-x:hidden;} /* added overflow-x so the screen stayed put and stopped scrolling horizontally. Width to 100% - jlo - 11/13/14 */
	.topBarBtns {width:100%;} /* Width to 100% - jlo - 11/13/14 */
	.topBarBtnsTxt {display: none;}
	.topBarWordmark {display: block;background-color:#004990;} /* added background color - jlo - 11/11/14 */
	.rdWrapper .mobileQuickLinks {width:100%;height:60px;text-align:center;} /* width to 100% - jlo - 11/13/14 */
	/*.rdWrapper .top {margin-left: 25px;}*/
	.mobileMenuDropdown {width:100%;height:270px;font-size:1.2em;line-height:1.5;}/*was 210 high - SC. width to 100% - jlo - 11/13/14 */
	.mobileMenuDropdown ul {display:inline-block;width:40%;vertical-align:top;}
	
	/* mobile search Results page 09/04/15 jlo */
	 .gcseResults {width:320px;}
	
	.mobileSearchDropdown {width:100%;height:40px;} /*width to 100% - jlo - 11/13/14 */

	.rdWrapper #header .megabanner{display:none;background-image:none!important;}
		
	.rdWrapper .breadcrumbs {display:none;}
	.rdWrapper .colleft {width:100%;margin-top: -20px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .col1 {margin-top:-36px;width:100%;}/*was -12 then -32 - SC. width to 100% - jlo - 11/11/14*/
	
	/*** one column with header ***/
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:100%;margin-left:-7px;margin-top:65px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .withheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:97%;margin-top: -2px;margin-left:-7px;} /* width to 97% - jlo - 11/13/14 */
	
	/*.rdWrapper  #contentarea .pageTitleSelected {display:none;}*/	
	
	.rdWrapper  .subsiteHomeLink {display:block!important;}
	.rdWrapper .navMobile {margin-left:-11px;margin-top: 60px;width:480px;} /* width to 480px - jlo - 11/13/14 */
	
	.rdWrapper .navMobile .tabletTitle {display:none;}
	.rdWrapper #sidemenu {margin:-17px 0 0 -10px;}
	
	/* three-column */
	.rdWrapper #contentarea .thirdCol {margin:10px;}
	/*.rdWrapper #contentarea .thirdCol {margin:5px;max-width:422px;width:100%;}
	.rdWrapper #contentarea .thirdCol img {width:100%;}*/
	.rdWrapper contentnestedcol .thirdCol .module{font-size: 1em;}
	
	.navLinkPhone {display: inline-block;vertical-align:middle;}
	/*.siteHome a {display: inline-block;vertical-align:middle;color:#fff;}*/
	.rdWrapper img {max-width:100%; height: auto;}
	
	/*** one column no header ***/
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .bnr2d{width:100%;margin-left:-7px;margin-top:65px;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper .noheader .fullpage .col1 #contentarea .contentnestedcol:first-child .padding{ width:98%;margin-left:-7px;}	/* width to 98% - jlo - 11/13/14 */
	
	.rdWrapper .noheader .bnr3d.top{display:none!important;}
	/*.rdWrapper .noheader .mini-logo {display:none;}*/
	.rdWrapper .noheader .breadcrumbs {display:none;}
	
	/* two-column tabbed */
	.rdWrapper .panes {width:99%!important;} /* width to 99% - jlo - 11/13/14 */
	.rdWrapper .pane {width:99%;} /* width to 99% - jlo - 11/13/14 */
	
	/* reposition to cover wordmark not tabs */
	.rdWrapper #header a.homeLinkAP {width:99%;height:100px;top:36px;display:none;} /* set display to none or it overlays the drop down navigation preventing it from working correctly - jlo - 11/11/14 */ 
	
	/* correct problem of covering tabs */
	.rdWrapper .leftmenu .col2 {height:30px;margin-bottom:82px;}
	
	.rdWrapper #contentarea .contentnestedcol.commontabwrapper  div{width:100%!important;}

	.rdWrapper ul.tabs.frankmed {width:100%;} /* width to 100% - jlo - 11/13/14 */
	.rdWrapper ul.tabs li {width:100%;border-bottom: 1px solid #004990;border-right:none;}
	.rdWrapper ul.phoneTabs li {width:10%;}
	
	/* homepage styles */
	.rdWrapper  .rightmenu .col2 {width:100%!important;padding:0 0 0 5px;} /* increases width to 100% px - jlo - 11/11/14 */
	.rdWrapper #outerwrapper.home .sidecolwrapper ul{display:block;width:100%;}
	.rdWrapper #rotatewrapper .slidetabs {display:none;}
	.rdWrapper #rotatewrapper .homepanes {display:none;} /* display to none, no longer wanted on smaller devices - jlo - 11/11/14 */
	.rdWrapper div .homeQuickLinks {display:inline-block!important;float:left;margin-left:0px;margin-right:7px;width:100%!important;}
	
	.rdWrapper .homeQuick1 .homeAdmis{margin-bottom:7px;display:inline-block;height:27px;width:21%;background-color:#007db1;color:white;}
	.rdWrapper .homeQuick3 .homeVisit{display:inline-block;height:27px;width:21%;background-color:#AFBD21;color:white;margin-top:9px;}
	.rdWrapper .homeQuick2 .homeProgr{display:inline-block;height:27px;width:21%;background-color:#C33430;color:white;}
	.rdWrapper .homeQuick1 .homeLogin{display:inline-block;height:27px;width:21%;background-color:#F59F1D;color:white;}
	.rdWrapper .homeOther {display:inline-block;width:30%;float:left;margin-top:-145px!important;} /* Add margin-right for alignment - jlo / */
	.homeOther img{width:82%;float:left;margin-left:227px;margin-top:-62px!important;} /* Add margin-right for alignment - jlo / */
	.rdWrapper .homeEvents {display:inline-block;width:24%;float:left;margin-right:10px;margin-top:-105px!important;} /* Add right and top margin for alignment - jlo - 11/11/14 */
	.rdWrapper .homeNews {display:inline-block;width:24%;float:left;margin-right:10px;margin-top:-105px!important;} /* zero out margin for alignment - jlo - 11/11/14 */
	.rdWrapper .homeQuickLinks a {margin-right:5px;margin-top:12px;font-weight:bold;font-size:1.2em;padding-top:10px;padding-left:7px;padding-right:20px;}
	.homeQuickLinks {margin-top:-285px!important;} /* closes up top margin after removing spotlight */
	
	
	/* Admissions Page Styles */
	.AdmissionsText {float:left!important;border-left:0px!important;width:430px!important;}
	.AdmissionsImageGrid {width:450px!important;float:none;}
	.VT {width:300px!important; height: auto;margin-top:270px;content: url('/admissions/images/ADM_Mobile_315x130.jpg') }
	.EMP {width:300px!important; height: auto;content: url('/admissions/images/ADM_Mobile_315x1302.jpg') }
	.VT a {width:315px; height: 130px!important; left:25px!important; top:470px!important;) }
	.EMP a{width:315px; height: 130px!important;left:15px!important; top:0px!important;) }
	.admissions1st{width:50%!important;}
	.admissions1st li{width:50%!important;}
	.admissions2nd{width:110px!important;margin-left:-10px;}
	.AdmissionsText h3.H3Orange a{background:100%!important;}
	.AdmissionsText h3.H3Orange{padding-bottom:1px!important;}
	
	/* Program Page Styles jlo 02/27/15*/
	.ProgramsImageGrid {float:none!important;}
	.ProgramsImageGrid table{margin-top:13px!important;}	
	.ProgrmasImageGrid td {width:100%;height:130px;float:left;display:inline-block!;display:block!;}
	.ProgramsImageGrid tr {width:340px!important;}
	.ProgramsImageGrid tbody {width:340px!important;}
	/* for each program page, add class names to swap photos, edit HTML element for site too. 02/25/15 JLO */
	.ProgramImage1 {width:280px; margin-left:-10px;content: url('/programs/bfagdd/images/bfagdd1sm.jpg') }
	.ProgramImage2 {width:280px; float:none;margin-left:-10px;content: url('/programs/bfagdd/images/bfagdd2sm.jpg') }
	
	/* Housing */
	#ThonisContainer {background-color:#003466!important;margin-left:-20px!important;width:680px!important;}
	.wholeBox {width:480px!important;}
	.rightBox {width:235px!important;float:left!important;}
	.leftBox {width:235px!important;}
	#top img{margin-top:10px!important;}
	#middle {width:480px!important;}
	#bottom  {width:480px!important;}
	
	/*two-column content fix, although structure.css:339 referred to .onecolumn it impacted this */
	.rdWrapper #contentarea .contentnestedcol:first-child {width:480px!important;} /* width to 480px - jlo - 11/11/14 */
	
	/* footer styles */
	.rdWrapper .megabanner, .rdWrapper .megabanner .bnr3d .bottom {width:668px;} /* width to 668 - jlo - 11/11/14 */
	.rdWrapper .megabanner .bnr3d.bottom div.end{margin-top:-36px;}

	.footer-cr {display:none;}
	.rdWrapper #footer .frankmed {margin-left:72px;} /* margin-left from 74 to 72 - jlo - 11/11/14 */
	.footer-phone {display:none;}
	.mobileHide {display:none!important;}
	.desktopHide {display:block!important;}
}


/*********** end responsive design ******************/
/*
 * This CSS change request is to fix the way the H3 lines up on this page: 
 * http://www.uwstout.edu/trainingsites/coxst/styles.cfm
 * 
 * While not ruining every other page with an H3 (like this pages H3's with the fancy white background): 
 * http://www.uwstout.edu/future/index.cfm
 */
.contentnestedcol:first-child  h1 {margin-bottom:10px; margin-left:0px;}
#contentarea .contentnestedcol:first-child  h2 {margin-left:1px; margin-bottom:1px;}


#contentarea .contentnestedcol:first-child  h3 {margin-left:2px; margin-bottom:1px;}
.contentnestedcol:first-child  h4 {line-height:1.3; margin-bottom:8px;margin-left:2px;}
.contentnestedcol:first-child  h5 {line-height:1.3; margin-bottom:10px;margin-left:2px;}
.contentnestedcol:first-child  h6 {line-height:1.3;margin-left:2px;}


#contentarea .contentnestedcol:first-child h3 a,
#contentarea .contentnestedcol:first-child h3 b {margin-left:-8px;}

/****************************
 *This area is for the Stout CMS Administrator to add styles for custom elements
 ****************************/
 
 #badgeElement {
 	width: 100%;
 	background:#ffffff !important;
 	margin: 0 5px 10px 5px !important;
 	-moz-border-radius-topleft: 11px;
 	-webkit-border-top-left-radius: 11px;
 	-moz-border-radius-topright: 11px;
 	-webkit-border-top-right-radius: 11px;
 	-moz-border-radius-bottomleft: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-moz-border-radius-bottomright: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	border-top-right-radius: 11px !important;
 	border-top-left-radius: 11px !important;
 	border-bottom-right-radius: 10px !important;
 	border-bottom-left-radius: 10px !important;
 }
 #badgeElement .badgeHead {
 	height:80px;
 	padding: 5px 5px 15px 5px !important;
 	margin-bottom: 5px;
 	-moz-border-radius-topleft: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-moz-border-radius-topright: 10px;
 	-webkit-border-top-right-radius: 10px;
 	border-top-right-radius: 10px !important;
 	border-top-left-radius: 10px !important;
 }
 #badgeElement .badgeImg {
 	float:left;
 	border-right: 2px #ffffff solid !important;
 	padding-right: 8px !important;
 	margin: 0 8px 0 0 !important;
 }
 
 #badgeElement  h1, #badgeElement h2, #badgeElement h3, #badgeElement h4, #badgeElement h5, #badgeElement h6 {
 	color: white !important;
 }/**/
 
 #badgeElement .badgeTxt {
 	margin: 0 5px 5px 10px !important;
 	padding-bottom: 5px;
 }
 
  #badgeElement .badgeTxt p {
  	padding-bottom: 2px;
 }

/*.styledInfoForm label {font-size:85%;font-style:italic;color:white;}*/
.styledInfoForm {font-size:85%;font-style:italic;color:white;border: 1px solid #cbe2ea;
   -webkit-border-radius: 3px;  
   -moz-border-radius: 3px;  
   border-radius: 3px;
   background-color: #004990;margin-bottom: 10px;}
.styledInfoForm2 {font-size:85%;font-style:italic;color:white;}
.txtItalic85 {font-size:85%;font-style:italic;}

.smallForm{
  color:#004990;
  font-size:.9em;
  background:#fff;
  margin: 5px 0;
  border:1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: #000 2px 1px 7px;
  -moz-box-shadow: #000 2px 1px 7px;
  box-shadow: #000 2px 2px 7px;
}

/*.smallForm label {
  font-size:.9em;

}*/

#smallForm {
  margin-left: 5px;
 
}

#smallForm p{
  width: 170px;
  
}
/*.smallFormButton {
	color:#004990;
	float:left;
}*/

/* fix problem with input field width broken by FF23 on a Mac */
.rightColInfo input{
	max-width:200px;
}

.contentModule {
	background:#fff;
	border:1px solid #ddd;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	-webkit-box-shadow: #000 2px 1px 7px;
	-moz-box-shadow: #000 2px 1px 7px;
	box-shadow: #000 2px 2px 7px;
	padding: 3%;
	margin-bottom: 10px;
}
.contentModule table{
	margin:0;
}
.contentModule .CS_Textblock_Caption, .contentModule H3{
	width: 98%;
	background:#F59F1D;
	color:#fff;
	text-shadow: 1px 1px 5px #963;
	font-size:1.19em!important;
	padding-left: 2%!important;
	padding-bottom: 0!important;
	margin-left: 0px!important;
	margin-bottom: 5px!important;
}

.contentModule .CS_Textblock_Text p{
	font-size:.9em;
	margin-bottom: 4px;
}

.contentModule ul {
	font-size:.9em;
	line-height:1.3;
	margin-bottom:2px;
}

.contentModule li { 
	padding-bottom:3px; 
	list-style-type: circle!important; 
	color:#333; 
}

/* Content module 2 for the center column when using Dropdown Text Element - JLO 10-28-14 */
.contentModule2 {
	background:#fff;
	border:1px solid #ddd;
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
	-webkit-box-shadow: #000 2px 1px 7px;
	-moz-box-shadow: #000 2px 1px 7px;
	box-shadow: #000 2px 2px 7px;
	padding: 3%;
	margin-bottom: 10px;
}
.contentModule2 table{
	margin:0;
}
.contentModule2 .CS_Textblock_Caption, .contentModule H3{
	width: 98%;
	background:#F59F1D;
	color:#fff;
	text-shadow: 1px 1px 5px #963;
	font-size:1.19em!important;
	padding-left: 2%!important;
	padding-bottom: 0!important;
	margin-left: 0px!important;
	margin-bottom: 5px!important;
}

.contentModule2 .CS_Textblock_Text p{
	font-size:.9em;
	margin-bottom: 4px;
}

.contentModule2 ul {
	font-size:.9em;
	line-height:1.3;
	margin-bottom:2px;
}

.contentModule2 li { 
	padding-bottom:3px; 
	margin-left:-4%; /* Added negative margin to bring numbered items underneath the headline. JLO 10-28-14 */
	list-style-type: number; 
	color:#333; 
}

/* careerLink feed element styles */

.clFeedOuterBox {background:#fff;border:1px solid #004990;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.clFeedHeader {background:#004990;color:#fff;}
.clFeedHeader H3 {color:#fff;}
.clFeedBody {font-size:90%; margin-right:5px!important;/*height: 220px;this height is needed for long interview feeds*/overflow: hidden;}

.whiteRow {
	background-color:#fff;
}
.whiteH2 {

	font-family: "Franklin Gothic Medium","Franklin Gothic",WebFont,sans-serif;
	color: #ffffff;
	font-weight: normal;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-size: 19px;
	line-height: 1.1;
	margin: 0; 
}

/* style for Hobson's form 
#admissionsInfoForm {
	background:#fff;
	padding:0;
	margin:0 0 10px 0; 
	width:226px; 
	border:1px solid #ddd;
	overflow:hidden;
	-webkit-box-shadow: #000 2px 1px 7px;
	-moz-box-shadow: #000 2px 1px 7px;
	box-shadow: #000 2px 2px 7px;
}*/


/* ------- press release styles ------- */

.prCommentForm .CS_Element_SimpleForm textarea{
	max-width: 500px;
}
.prCommentForm {
	color:#004990;
}

.prIntheNewsList .CS_Textblock_Caption, .prIntheNewsList H3{
	width: 98%;
	background:#004990;
	color:#fff;
	text-shadow: 1px 1px 5px #963;
	font-size:1.19em!important;
	padding-left: 2%!important;
	padding-bottom: 0!important;
	margin-left: 0px!important;
	margin-bottom: 5px!important;
}
.prSubhead {
	font-weight:bold;
	font-style: italic;
}
/*------- end of press release styles ------- */
#contentarea .contentnestedcol:first-child img .imgNoPad {padding:0;}

/*-- Added this style to "compress" the input lines in a simple form of mulitple checkboxes.
     They were pulling their line height from senCSS at 2.25em and it looked bad.  This style
	 was first used in the ROTC information request form on their homepage. 11/18/14 jso --*/
.SimpleFormCheckBoxHeight {
	height:1.00em;
}
/*-- Add H3 styles for new program landing pages. */
/*-- We had trouble with this particular styling because of 'specificity' (the
     class which most specifically identifies an element is the style/class that
	 will be applied, which ultimately determines what styles/classes get applied 
	 to an element.  Since the h3 element was initially styled in presentation.css 
	 with that "fully-qualified" syntax, we need to use that same syntax here to 
	 override the earlier style. 8/28/14 jso --*/
#contentarea .contentnestedcol:nth-child(n) h3.H3Blue {
	background-color:#007DB1;
	color:#FFFFFF;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
#contentarea .contentnestedcol:nth-child(n) h3.H3Brown {
	background-color:#B46627;
	color:#FFFFFF;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
#contentarea .contentnestedcol:nth-child(n) h3.H3DarkBrown {
	background-color:#522C1B;
	color:#FFFFFF;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
#contentarea .contentnestedcol:nth-child(n) h3.H3Green {
	background-color:#AAB300;
	color:#FFFFFF;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
#contentarea .contentnestedcol:nth-child(n) h3.H3DarkRed {
	background-color:#B42025;
	color:#FFFFFF;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
#contentarea .contentnestedcol:nth-child(n) h3.H3Orange {
	background-color:#F59F1D;
	color:#FFFFFF;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:5px;
}
/****************************
  * End of UW-Stout reserved area
 ****************************/