﻿/********************************************************************

UUUU    UUUU   WWWW           WWWW   SSSSSSSSSSS    PPPPPPPPPP
UUUU    UUUU   WWWW           WWWW   SSSSSSSSSSSS   PPPPPPPPPPPP
UUUU    UUUU   WWWW    WWW    WWWW   SSS            PPPP    PPPP
UUUU    UUUU    WWWW  WWWWW  WWWW    SSSSSSSSSSSS   PPPP    PPPP
UUUU    UUUU    WWWW WWW WWW WWWW             SSS   PPPPPPPPPPP
UUUUUUUUUUUU     WWWWWW   WWWWWW     SSSSSSSSSSSS   PPPP
UUUUUUUUUUUU      WWWW     WWWW      SSSSSSSSSSSS   PPPP

University of Wisconsin - Stevens Point
www.uwsp.edu - front-end styles

*********************************************************************/



/*****************************************
Utility
********************************************/
/* extra styling bar */
#topContent { display: none;}

/* utility */
.hideIt { display: none; }

.webfeedback {
	display: inline-block;
	float: right;
	margin-right: 10px;
}

/*****************************************
SharePoint Ribbon Customization
*****************************************/

/* Hide Site Actions gear icon */
.ms-siteactions-imgspan {
    display: none;
}
 
/* Insert new Site Actions image */
.ms-siteactions-normal > a:before {
    content: "";  /* Required for pseudo element */
    background: url("/SiteAssets/icons/ycog.png");  /* Image URL */
    height: 20px;  /* Height of image */
    width: 20px;  /* Width of image */
    display: block;  /* Forces respect of width and height */
}
 
/* Set Site Actions image hover */
.ms-siteactions-normal > a:hover:before {
    background: url("/SiteAssets/icons/wcog.png");  /* Hover image URL */
}
 
/* Remove OOTB Site Actions hover */
.ms-siteactions-hover {
    background: transparent;
    border-right-color: transparent;
}
#ms-help {
	display: none !important;
}

.ms-promotedActionButton span.ms-promotedActionButton-icon img {
	display: none !important;
}
.ms-promotedActionButton span.ms-promotedActionButton-icon {
	    background: url("/SiteAssets/icons/ypencil.png");  /* Image URL */
    height: 20px !important;  /* Height of image */
    width: 20px !important;  /* Width of image */
    display: block;  /* Forces respect of width and height */
}
.ms-promotedActionButton span.ms-promotedActionButton-icon:hover, .ms-promotedActionButton:hover span.ms-promotedActionButton-icon{
  background: url("/SiteAssets/icons/wpencil.png");  /* Image URL */
}
/* SharePoint Ribbon 
********************************************************************************************************		SHAREPOINT RIBBON			**************************/
#pageStatusBar[class], .ms-status-msg {
	padding: 0px;
}
.seobutton {cursor: pointer;}
.ms-promotedActionButton:hover .ms-promotedActionButton-text {
	color: #FFF;
	font-weight: bold;
}


/*SHAREPOINT RIBBON*/
#s4-ribbonrow {
	min-height: 0 !important;
    clear: both;
    position: fixed;
	/*z-index: 1000;*/
	overflow-y: visible;
    background: transparent;
    border-bottom: 1px #383838 solid !important;
    border-top: 0 !important;
}

/*DEFAULT LOCATION FOR RIBBON GRADIENT*/
#s4-ribboncont {
	background: none !important;
}

/*BORDER FOR RIBBON*/
.ms-cui-topBar2  { border-bottom: none; }

/*SITE ACTIONS STATIC*/
.ms-siteactionsmenuinner {
	background: transparent;
	border-color: transparent;
}

/*SITE ACTIONS HOVER*/
.ms-siteactionsmenuhover {
	background: transparent;
	border-color: #8B929A;
}

/*RIBBON LEVEL FOLDER HOVER*/
.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-open, .ms-qatbutton:hover {
	background: #100514;
	border-color: #8B929A;
}

/*SITE ACTIONS BREADCRUMB MENU*/
.s4-breadcrumb-menu  {
	max-width: 400px;
	min-width: 142px;
	overflow-x: hidden;
	padding: 1px 15px 5px 1px;
	background: none repeat scroll 0 0 #100514;
	border: 1px solid;
	font-size: 8pt;
	color: #FFFFFF;
	word-wrap: break-word;
}
div.ms-cui-TabRowRight {
	padding-left: 5px;
}
.ms-promotedActionButton-text {
	color: #ffc222
}

/*RIBBON BORDER*/
.ms-cui-topBar2 { border-bottom: 0px; }

/*BREADCRUMB LINKS TEXT COLOR*/
.s4-title h1 a, .s4-title h2 a { color: #D8D4CF; }

/*BREADCRUMB PAGE TITLE TEXT COLOR*/
.s4-title h2 { color: #EACC12; }

/*BREADCRUMB MENU TITLE TEXT COLOR*/
.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a { color: #EACC12; }

/*PAGE TITLE AND DESCRIPTION TEXT COLOR*/
.s4-title .s4-pagedescription, .s4-title .s4uniqpermdescription { color: #D8D4CF; }


/*RIBBON TABS BORDER COLOR*/
.ms-cui-tt-s > .ms-cui-tt-a {
	border-color: #4C4C4C;
    color: #23272C !important;
}

/*SOCIAL NOTIFICATIONS TEXT COLOR*/
.ms-socialNotif-text { color: #EACC12; }

/*WEB PART ADDER BACKGROUND COLOR*/
.ms-wpadder {
	background-color: #ECECEC;
	background-image: none;
}


.ms-cui-tts {
	height: 33px;
}
div.ms-cui-TabRowRight {
	height: 30px;
	line-height: 30px;
	margin-top: 4px;
}
#globalNavBox, .ms-clientcontrol-chromeheader {
	height: 33px;
	line-height: 33px;
}

.ms-cui-tt-s.ms-browseTab > .ms-cui-tt-a > .ms-cui-tt-span {
	color: #FFc222 !important;
}

.ms-cui-ribbonTopBars {background-color: #383838 !important;border-bottom: 0 !important;}

/* top left links*/
.ms-cui-tt-a > .ms-cui-tt-span {
	color: #ffc222 !important;
}
a.ms-promotedActionButton[title = "Give people access to this site."], a.ms-promotedActionButton[title = "Follow this site and get back to it easily from your sites page."] {
	display: none !important;
}
.ms-cui-TabRowRight {
	float: left;
}
#fullscreenmodebox {
	display: none !important;
}
.ms-browseTabContainer.ms-cui-topBar2 {
	border-bottom: 1px #383838 solid !important;
}



/* Provides backwards-compatibility for HTML5 elements */
section, article, header, footer, nav, aside, hgroup { display: block; }




/**************************************************************************
  Global Fonts/Links and styling
**********************************************************************************/
html, body {
	/*position: relative;height: auto;*/
	background-color: #000000;
}
body { background: /*#adaab3*/ /*#bdbdbd*/#100514; margin: 0px; padding: 0px; font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;}
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body {
	font-family: Arimo, Verdana, Arial, Helvetica, sans-serif !important;
}

/* font styles for inner content */
.article-content, .welcome-content, .ms-WPBody, .ms-WPBody td {
	color: #100515;
	font-size: 1.15em !important;
	line-height: 1.25em !important; 
}
body, body > form {
	width: 100vw;overflow-x: hidden;
}

#innerContainer a:link, #innerContainer a:visited, #innerContainer a:active {
	color: #6f00c5;/*#3B2444*/
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .75em;
}
p {
	padding: 4px 0 5px 0 !important;
}
.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4, .ms-rtestate-field h5, .ms-rtestate-field h6 {
	color: #000;
} 
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	font-family: Arimo, Verdana, Arial, Helvetica, sans-serif;
}

#innerContainer a:hover { color: #9d5e00; /*#623f99*/ }

/* Override default SharePoint content editor links */
.s4-wpcell .ms-WPTitle, .s4-wpActive .ms-WPTitle {
	cursor:default;
}

.ms-WPTitle { text-align: left !important; }

/* Allow content editor titles to wrap as the screen shrinks*/
.ms-WPTitle nobr span {
	white-space:normal !important;
}

.maintenance {
	background-color: #ffc222;
	color: #000;
	padding: 5px 10px;
	font-size: 11px;
}
.maintenance a {color: #512698;font-weight: bold;}
.maintenance a:hover {text-decoration: underline;}
.maintenance div {
	max-width: 940px; margin: 0 auto;
}

/* Web Fonts */
@font-face { 
    font-family: 'League Gothic'; /* good to use as a backup to Impact */
    src: url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.eot');
    src: url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.woff') format('woff'),
         url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Accessibility */
.jumpContent {
	color: #623f99 !important;
	position: absolute !important;
	top: 0;
	left: -9999px !important;
	z-index: 900;
	/*clip: rect (1px, 1px, 1px, 1px);*/
}
.ms-ToolPaneOuter {position: absolute; top: 0;}


*::-moz-selection { color: #512698; background-color: #ffe981;}
*::selection { color: #512698; background-color: #ffe981; }


/* Headings, Callouts, Tables and Ribbon
********************************************************************************************************		HEADINGS/CALLOUTS/TABLES/RIBBON 			***************************/

.ms-rteStyle-Normal {
	-ms-name:			"Normal";
	font-family:		Arimo,Verdana,Arial,sans-serif;
	font-size:			8pt;
	/* [ReplaceColor(themeColor:"Dark1")] */ 		color:				#100515;
	/* [ReplaceColor(themeColor:"Light1")] */ 		background-color:	#fff;
}
.ms-rteStyle-Highlight {
	-ms-name:			"Highlight";
	/* [ReplaceColor(themeColor:"Dark1-Darker")] */ color:				#312a26;
	/* [ReplaceColor(themeColor:"Accent6")] */ 		background-color:	#fae032;
}
.ms-rteStyle-Byline {
	-ms-name:			"By Line";
	/* [ReplaceColor(themeColor:"Dark1",themeTint:"0.29")] */ color:	#9c9c9c;
}
.ms-rteStyle-Tagline{
	-ms-name:			"Tag Line";
	font-size:			1.3em;
	/* [ReplaceColor(themeColor:"Dark1",themeTint:"0.45")] */ color:	#c19316;
}
.ms-rteStyle-Comment{
	-ms-name:			"Comment";
	font-style:			italic;
	/* [ReplaceColor(themeColor:"Accent5-Darkest")]*/color:				#000;
	/* [ReplaceColor(themeColor:"Dark1")] */ 		text-shadow:		0px 0px 5px #623f99;
}
.ms-rteStyle-References{
	-ms-name:			"References";
	/* [ReplaceColor(themeColor:"Dark1-Lightest")] */color:				#828282;
}
.ms-rteStyle-Caption{
	-ms-name:			"Caption";
	/* [ReplaceColor(themeColor:"Accent3")] */ 		color:				#c19316;
}


/****************************
	RIBBON MARKUP STYLES
****************************/
#suiteBarLeft {
	background-color: #383838;
	display: none;
}
#suiteBarRight {
	background-color: #383838;
	color: #ffc222;
}
H1.ms-rteElement-H1, h1 {
	-ms-name:			"Heading 1";
	font-size:			2em;
	font-weight:		bold;
	line-height:		1em !important;
	color:				#000000;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;
}
H2.ms-rteElement-H2 {
	-ms-name:			"Heading 2";
	font-size:			1.6em;
	font-weight:		bold;
	color:				#000000;
	line-height:		1em;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;
}
H3.ms-rteElement-H3 {
	-ms-name:			"Heading 3";
	font-size:			1.3em;
	font-weight:		bold;
	color:				#000000;
	line-height:		1.3em;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;
}
H4.ms-rteElement-H4 {
	-ms-name:			"Heading 4";
	font-size:			1.1em;
	font-weight:		bold;
	font-style:			italic;
	color:				#000000;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;	
}
H1.ms-rteElement-H1B {
	-ms-name:			"Colored Heading 1";
	/* [ReplaceColor(themeColor:"Accent1")] */ 		color: #666;		/*#623f99;*/
	font-size:			2em;
	font-weight:		bold;
	line-height:		1em;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
H2.ms-rteElement-H2B {
	-ms-name:			"Colored Heading 2";
	/* [ReplaceColor(themeColor:"Accent2")] */ 		color:#555;		/*#623f99;*/
	font-size:			1.5em;
	font-weight:		bold;
	line-height:		1em;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;
}
H3.ms-rteElement-H3B {
	-ms-name:			"Colored Heading 3";
	/* [ReplaceColor(themeColor:"Accent3")] */ 		color:#555;		/*#623f99;*/
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.1em;
	font-family:		Arimo, Verdana, Arial, Helvetica, sans-serif;
}
H3.ms-rteElement-purpleBarHeader {
	-ms-name:Purple Bar Header;
	background-color: #d7d5ea;
	color: #623f99;
	font-size: 16px !important;
	display: block;
	font-weight: normal !important;
	line-height: 35px;
	padding-left: 10px;
	margin-bottom: 0px !important;
}

H4.ms-rteElement-H4B {
	-ms-name:			"Colored Heading 4";
	/* [ReplaceColor(themeColor:"Accent5")] */ 		color:#555;		/*#623f99;*/
	font-size:			1.1em;
	font-weight:		bold;
	font-style:			italic;
}
HR.ms-rteElement-Hr {
	-ms-name:			"Horizontal Rule";
	/* [ReplaceColor(themeColor:"Light1-Medium")] */ background-color:#100515;
	height:				1px;
}
P.ms-rteElement-P {
	-ms-name:			"Paragraph";
	/* [ReplaceColor(themeColor:"Dark2-Darker")] */ color:		#100515;	
}
.ms-rtestate-field p, p.ms-rteElement-P, div, p {
	line-height: 1.2;
}
DIV.ms-rteElement-Callout1 {
	-ms-name:			"Callout 1 - Left";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				left;
	max-width:			25em;
	width:				100%;
	padding:			1em;
	border:				0px solid #623f99;
	margin:		0.5em 1em 0.5em 0;
}
DIV.ms-rteElement-Callout1a {
	-ms-name:			"Callout 1 - Right";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				right;
	max-width:			25em;
	width:				100%;
	padding:			1em;
	border:				0px solid #623f99;
	margin:		0.5em 0em 0.5em 1em;
}
DIV.ms-rteElement-Callout1b {
	-ms-name:			"Callout 1 - Centered";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				none;
	max-width:			25em;
	width:				100%;
	padding:			1em;
	border:				0px solid #623f99;
	margin:				0 auto;
}
DIV.ms-rteElement-Callout1c {
	-ms-name:			"Callout 1 - Left";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				left;
	max-width:			25em;
	width:				100%;
	padding:			1em;
	border:				0px solid #623f99;
	margin:		0.5em 1em 0.5em 0;
}


DIV.ms-rteElement-Callout2 {
	-ms-name:			"Callout 2 - Right";
	color:				#655732;
	background-color:	#fff0c8;
	float:				right;
	max-width:			25em;
	padding:			1em;
	border-top:			3px solid #ffc222;
	border-right:		1px solid #ffc222;
	border-bottom:		3px solid #ffc222;
	border-left:		1px solid #ffc222;
	margin:		0.5em 0em 0.5em 1em;
}
/*DIV.ms-rteElement-Callout2a {
	-ms-name:			"Callout 2 - Left";
	color:				#333;
	background-color:	#ffeea0;
	float:				left;
	max-width:			25em;
	padding:			1em;
	border-top:			0px solid #ffd200;
	border-right:		0px solid #ffd200;
	border-bottom:		0px solid #ffd200;
	border-left:		0px solid #ffd200;
	margin-right:		1em;
}*/

DIV.ms-rteElement-Callout2a {
	-ms-name:			"Callout 2 - Left";
	color:				#655732;
	background-color:	#fff0c8;
	float:				left;
	max-width:			25em;
	padding:			1em;
	border-top:			3px solid #ffc222;
	border-right:		1px solid #ffc222;
	border-bottom:		3px solid #ffc222;
	border-left:		1px solid #ffc222;
	margin:		0.5em 1em 0.5em 0;
}

DIV.ms-rteElement-Callout2b {
	-ms-name:			"Callout 2 - Centered";
	color:				#353738;
	background-color:	#fff0c8;
	float:				none;
	max-width:			25em;
	padding:			1em;
	border-top:			3px solid #ffc222;
	border-right:		1px solid #ffc222;
	border-bottom:		3px solid #ffc222;
	border-left:		1px solid #ffc222;
	margin:				0 auto;
}
DIV.ms-rteElement-Callout2c {
	-ms-name:			"Callout 2 - Right";
	color:				#655732;
	background-color:	#fff0c8;
	float:				right;
	max-width:			25em;
	padding:			1em;
	border-top:			3px solid #ffc222;
	border-right:		1px solid #ffc222;
	border-bottom:		3px solid #ffc222;
	border-left:		1px solid #ffc222;
	margin:		0.5em 0em 0.5em 1em;
}



DIV.ms-rteElement-Callout3 {
	-ms-name:			"Callout 3 - Right";
	font-style:			italic;
	color:				#737373;
	float:				right;
	max-width:			25em;
	padding:			8px;
	margin:		0.5em 0em 0.5em 1em;
}
DIV.ms-rteElement-Callout3a {
	-ms-name:			"Callout 3 - Left";
	font-style:			italic;
	color:				#737373;
	float:				left;
	max-width:			25em;
	padding:			8px;
	margin:		0.5em 1em 0.5em 0;
}
DIV.ms-rteElement-Callout3b {
	-ms-name:			"Callout 3 - Center";
	font-style:			italic;
	color:				#737373;
	float:				none;
	max-width:			25em;
	padding:			8px;
	margin:				0 auto;
}
DIV.ms-rteElement-Callout3c {
	-ms-name:			"Callout 3 - Right";
	font-style:			italic;
	color:				#737373;
	float:				right;
	max-width:			25em;
	padding:			8px;
	margin:		0.5em 0em 0.5em 1em;
}



DIV.ms-rteElement-Callout4 {
	-ms-name:			"Callout 4 - Right";
	color: 				#623f99;
	float:				right;
	max-width:			25em;
	padding:			1em;
	background-color: 	transparent;
	border:				4px solid #dddceb;
	margin:		0.5em 0em 0.5em 1em;
}
DIV.ms-rteElement-Callout4a {
	-ms-name:			"Callout 4 - Left";
	color: 				#623f99;
	float:				left;
	max-width:			25em;
	padding:			1em;
	background-color: 	transparent;
	border:				4px solid #dddceb;
	margin:		0.5em 1em 0.5em 0;
}
DIV.ms-rteElement-Callout4b {
	-ms-name:			"Callout 4 - Center";
	color: 				#623f99;
	float:				none;
	max-width:			25em;
	padding:			1em;
	background-color: 	transparent;
	border:				4px solid #dddceb;
	margin:				0 auto;
}
DIV.ms-rteElement-Callout4c {
	-ms-name:			"Callout 4 - Right";
	color: 				#6c5e83;
	float:				right;
	max-width:			25em;
	padding:			1em;
	background-color: 	#f9f9fc;
	border:				4px solid #dddceb;
	margin:		0.5em 0em 0.5em 1em;}


/**************************************
  TEXT STYLE CHANGES - mostly changes to make things that aren't links stop looking like links
  ************************************/

/* intense reference, reference */
.ms-rteStyle-IntenseQuote, .ms-rteStyle-IntenseEmphasis, .ms-rteStyle-IntenseReferences {
	text-decoration: none;
	font-weight: bold;
}
.ms-rteStyle-Emphasis, .ms-rteStyle-IntenseEmphasis {
	color: #000;
}

/* accent color 1 */
.ms-rteStyle-Comment, .ms-rteStyle-Accent1 {
	color: #666666;
}

.ms-rteStyle-Caption, .ms-rteStyle-Accent2 {
	color: #999;
	font-weight: bold;
}

/*****************************************
  Additional text styles - text sizes
*****************************************/
.ms-rteStyle-medbig {
	-ms-name: "Text - Medium Big";
	font-size: 1.25em !important;
}

.ms-rteStyle-embiggen {
	-ms-name: "Text - Big";
	font-size: 1.5em !important;
}

.ms-rteStyle-embiggener {
	-ms-name: "Text - Bigger";
	font-size: 1.75em !important;
}
.ms-rteStyle-yuuge {
	-ms-name: "Text - Huge";
	font-size: 2em !important;
}


.ms-rteStyle-funsized {
	-ms-name: "Text - Small";
	font-size: .9em !important;
}

.ms-rteStyle-xtrafunsized {
	-ms-name: "Text - Very Small";
	font-size: .7em !important;
}
#Ribbon\.EditingTools\.CPEditTab\.Styles {
   /* display:none;*/
}

/*************************************************
  DEVIOUS ALTERATIONS TO THE TEXT EDITING RIBBON
*************************************************/

/* hide the font size and face select boxes in the editor  */
#Ribbon\.EditingTools\.CPEditTab\.Font-Large-0-0 {
	display: none;
}

/* hides the paste options - combined with a javascript this forces a clean paste(no formatting) */
#rtePasteFlyoutOptions #rtePasteFlyoutOption0,
#Ribbon\.EditingTools\.CPEditTab\.Clipboard\.Paste\.Menu li:first-child  {
    display: none;
}
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.AlignJustify-Small {
	display: none;
}


/********************************************
    WEB PART PROPERTIES FLOATING WINDOW
********************************************/

/* For the web part properties window SharePoint puts a table around your body content 
with the content in the left cell, and then puts the web part properties menu in a table 
cell next to that - does not work well with fixed-width websites, the web part properties 
window squashes and covers the page content.  I've fixed this. */

/* table added around content, has inline style of width: 225px (bad microsoft! no cookie for you) */
#MSO_tblPageBody {position: relative; display: block;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
} 

#MSO_tblPageBody td {display: block;}

/* cell containing properties menu */
#MSOTlPn_MainTD { display: block;position: fixed;top: 125px; right: 20px;z-index: 9999; height: 75%; overflow: auto;}
#MSOTlPn_MainTD[style]{width: 300px !important}

/* table containing web part properties inside of the cell (inline style of width: 225px) */
.ms-ToolPaneOuter[style]{width: auto !important}
.ms-ToolPaneOuter a {text-decoration: none !important;}




/* HIDE FORBIDDEN FONTS
*****************************/
#fseaFont-0-1-Menu, /* Arial */
#fseaFont-1-0-Menu, /* tahoma */
#fseaFont-1-1-Menu, /* Courier */
#fseaFont-1-3-Menu, /* comic sans */
#fseaFont-1-4-Menu,  /* Calibri */
#fseaFont-1-6-Menu,  /* Impact */
#fseaFont-1-7-Menu,  /* Trebuchet MS */
#fseaFont-1-8-Menu, /* Palatino Linotype */
#fseaFont-1-9-Menu, /* Lucida Console */
#fseaFont-1-10-Menu /* Garamond */
 {
	display: none !important; 
}



/****************************
	IMAGE MARKUP STYLES
****************************/
img.ms-rteImage-1 {
    background-color:	transparent;
    background-image:	none;
    border: 			1px solid #100514;
}

img.ms-rteImage-2 { /* Table Border */
    border-color: 		#D8D8D8 #BFBFBF;
    border-style: 		solid;
    border-width: 		1px;
    padding: 			2px;
}

img.ms-rteImage-3 { /* Dark Border Style */
    background-color:	transparent;
    background-image:	none;
    border: 			5px solid #100514;
    box-shadow: 		0 0 1px rgba(0, 0, 0, 0.3);
    padding: 			0;
/*    position: 			relative;*/
}

img.ms-rteImage-4 { /* Light Border Style */
    background-color:	transparent;
    background-image:	none;
    border: 			10px solid #FFFFFF;
    box-shadow: 		0 0 1px rgba(0, 0, 0, 0.3);
    padding: 			0;
/*    position: 			relative;*/
}


/****************************
	TABLE MARKUP STYLES
****************************/

.ms-rteTable-default, 
.ms-rteTable-0, 
.ms-rteTable-1, 
.ms-rteTable-3, 
.ms-rteTable-2, 
.ms-rteTable-6, 
.ms-rteTable-4, 
.ms-rteTable-5, 
.ms-rteTable-7, 
.ms-rteTable-8, 
.ms-rteTable-9, 
.ms-rteTable-10, 
.ms-rteTable-bluehover {
	font-size: 12px;
}

.ms-rteTable-default th, 
.ms-rteTable-0 th, 
.ms-rteTable-1 th, 
.ms-rteTable-3 th, 
.ms-rteTable-2 th, 
.ms-rteTable-6 th, 
.ms-rteTable-4 th, 
.ms-rteTable-5 th, 
.ms-rteTable-7 th, 
.ms-rteTable-8 th, 
.ms-rteTable-9 th, 
.ms-rteTable-10 th, 
.ms-rteTable-bluehover {
	font-size: 14px;
}



/***Table Style 2***/
.ms-rteTable-1 {
    color: #000;
}
.ms-rteTable-1 {font-size: 12px;}
.ms-rteTable-1 th {font-size: 16px;}

.ms-rteTable-1 th.ms-rteTableHeaderRow-1,
.ms-rteTable-1 tr.ms-rteTableFooterRow-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderFirstCol-1,
.ms-rteTable-1 th.ms-rteTableFooterFirstCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderOddCol-1,
.ms-rteTable-1 td.ms-rteTableFooterOddCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderEvenCol-1,
.ms-rteTable-1 td.ms-rteTableFooterEvenCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderLastCol-1,
.ms-rteTable-1 th.ms-rteTableFooterLastCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 tr.ms-rteTableOddRow-1{
 background-color:#c5c5c5;
}

/***Table Style 3***/
.ms-rteTable-6 {font-size: 12px;}
.ms-rteTable-6 th {font-size: 16px;}
.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 th.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 th.ms-rteTableFooterFirstCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderLastCol-6, .ms-rteTable-6 th.ms-rteTableFooterLastCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 th.ms-rteTableFooterOddCol-6 {
    background-color: #8166a9;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #FFFFFF;padding:3px;
}
.ms-rteTable-6 td.ms-rteTableEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 td.ms-rteTableOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6, 
.ms-rteTable-6 td.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 td.ms-rteTableFooterFirstCol-6,
.ms-rteTable-6 td.ms-rteTableHeaderLastCol-6, .ms-rteTable-6 td.ms-rteTableFooterLastCol-6,
.ms-rteTable-6 td.ms-rteTableHeaderOddCol-6, 
.ms-rteTable-6 td {
    padding:3px;
}

.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6,
.ms-rteTable-6 td.ms-rteTableFooterLastCol-6 {
    background-color: #8166a9;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #FFFFFF;
}

/***Table Style 4***/
.ms-rteTable-bluehover {
	-ms-name:"Table Style 4 - Gold Hover";} /* sets the name of the table style */

.ms-rteTable-bluehover td,
th.ms-rteTableFirstCol-bluehover,
th.ms-rteTableFooterFirstCol-bluehover {
	padding:10px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.ms-rteTableHeaderRow-bluehover th {
	background:#ccc;
	color:#333;
	padding:10px;
	text-align:center;
}

.ms-rteTableOddRow-bluehover:hover,
.ms-rteTableEvenRow-bluehover:hover {
	background:#ffd96e;
}

.ms-rteTableFooterRow-bluehover td,
th.ms-rteTableFooterFirstCol-bluehover{
	padding:10px;
	border-top:1px solid #ccc;
	background:#efefef;
}


/* document library simplified display */
.docTable {
	display: table;
	border-collapse: separate;
}
.docRow {
	display: table-row;
}
.docCell {
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
}



/****************************************************** 
  Layout Styles
********************************************************/

#containerBG { 
	background: #bdbdbd url( "/SiteAssets/images/v5/containerBGgradient.png") repeat-x; 
	}

#contentWrapper {
    width: 100%;
    max-width: 960px; /* 960px */
    position: relative;
    margin: auto;
    border-right: 0px;
    border-left: 0px;
    background-color: #FFF;
    /*box-shadow: 1px 1px 1px #BBB;*/
}

#bannerWrapper img {
	width: auto;
	max-width: 100%;
	display: block;
}

#siteBannerMobile {
	display: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

#contentContainer1 {
	height: auto;
	margin: auto;
	background: url('/SiteAssets/images/v5/containerBkrnd.gif') repeat-y;
}

#contentContainer2 {	
	height: auto;
	margin: auto;
	font-size: 1em;
	background: #FFFFFF;
	overflow: auto;
}

#pageTitleContainer { margin: auto; }

#innerContainer {
    min-height: 350px;
    max-width: 960px;
	padding: 0px 20px;
	word-break: normal !important;
}

.ms-webpart-titleText h2, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	text-align: left !important;
	white-space: normal;
}

.ms-webpart-titleText nobr {
	white-space: normal;
	word-break: normal;
	/*text-align: left !important;*/
}

#innerContainer img {
	height: auto !important;
	width: auto;
	max-height: 99999px;
	max-width: 100% !important;
	margin: 5px;
}
/* needed to make the arrows on web parts display, previous css screws up the sprite display */
#innerContainer .ms-webpart-menuArrowSpan img {
	margin: 0px !important;
	max-width: none !important;
}
#innerContainer .ms-srch-sbLarge img {
	height: auto !important;
	width: auto;
	max-width: none !important;
	margin: 0px;

}
#innerContainer .ms-srch-sbLarge {
border: 1px #DDD solid;	
}


/* forces web part not to expand wider than its container */
.ms-webpartzone-cell {
	table-layout: fixed;
	width: 100% !important;
}

/*InfoPath Form Asterisk Fix*/
.asteriskIcon IMG {
	MARGIN: 0px !important;
	MAX-WIDTH: none !important;
	MAX-HEIGHT: none !important;
}

/* footer */
#footer {
	height: auto;
	clear: both;
	padding: 0px;
	background: #100514;
	width: 100%;
}
#footerInner {display: table;max-width: 980px; width: 100%;margin: 0 auto;border-collapse: separate;border-spacing: 20px;}
.footCell {display: table-cell;vertical-align: top;}
.footCellDynamic {
	color: #FFF !important;
	text-align: left;
}
.footCellDynamic img {max-width: 300px;max-height: 80px;position: relative; left: -16px;}
.footline {height: 1px; width: 100%;border-bottom: 1px #322935 solid;margin: 10px 0;max-width: 300px;}
#footer font {
	color: #FFFFFF !important; /* Same as above, but a font tag is added in some cases. */
}
.footCell:nth-child(1) {width: 185px;max-width: 185px;}
.footCell:nth-child(2) {width: 310px;max-width: 310px;}
#footer a {
	color: #ffefa3;
	text-decoration:none;
}

#footer a:hover { color: #caaafd; }

#footerWrapper { background:#fff; } /* Needed in case the navigation extends longer than the page. */

#footerCustomContent a {
	color: #FFF !important;
	text-decoration: underline !important;
}
#footerCustomContent a:hover {
	color: #caaafd !important;	
}
#footerCustomContent .ms-WPBody {
	padding: 0px !important;
}
.customFooterContent-interior, .customFooterContent-interior div, .customFooterContent-interior div p {
	color: #FFF;
	line-height: 16px;
	font-size: 9px;
}

/* breadcrumbs */
.BreadCrumbWrap {
	color: #3d3d3d;
	font-size: 10px;
	background-color: #f0f0f4;
	padding: 3px 3px;
	margin-bottom: 5px;
	display: none;
	}


/******************************************************* 
  Site  Navigation 
*********************************************************/

/* expandable heading */
#sideNav a.navheading { display: block; 
	display: block;
    background: none repeat scroll 0 0 #404040;
    border-bottom: 1px solid #292929;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 7px;

}
#sideNav a.navheading:hover {
	text-decoration: none;
}
/* auto expanded heading */
#sideNav a.autoExpNavHeading {
	display: block;
    background-image: none;
    background-color: #404040;
    border-bottom: 1px solid #292929;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 7px;
    text-decoration: none;
}

/* top level links */
#sideNav a.navTopLink, #sideNav a.navTopLink:link, #sideNav a.navTopLink:active {
	display: block;
    background: none repeat scroll 0 0 #404040;
    border-bottom: 1px solid #292929;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 7px;
}
#sideNav a.navTopLink:hover {background-color: #212121;text-decoration: none;}

#sideNav li a.navItem {
    background: none repeat scroll 0 0 #4c4f56;
    border-bottom: 1px solid #797d84;
    color: #ebeaf0;
    font-size: 1.1em;
    padding: 8px 10px 8px 15px;
}
#sideNav li a.navItem:hover {
	background-color: #262c3a; text-decoration: none !important;
}

#sideNav a {display: block;}
#sideNav {
	    clear: left;
    float: left;
    transition: all 0.2s ease 0s;
    width: 170px;
    z-index: 10;
    display: block;
}
#sideNav ul {
	list-style: outside none none;
}
#sideNav ul, #mNav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative !important;
    top: 0 !important;
    max-height: 0px;
    overflow: hidden;
    animation-iteration-count:infinite;

}

#sideNav .expanded, #mNav .expanded {
    position: relative !important;
    top: 0 !important;
    max-height: 1000px;
    overflow: hidden;
    -webkit-transition: max-height 1.5s ease;
    -moz-transition: max-height 1.5s ease;
    -o-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
    -webkit-animation-direction: normal; /* Chrome, Safari, Opera */
    animation-direction: normal;
    animation-iteration-count:infinite;
}

#sideNav .curPage, #sideNav a.curPage, #sideNav a.curPage:link, #sideNav a.curPage:active, #sideNav a.curPage:visited {
	background-color: #44345b;
	cursor: default ;
}
#sideNav .curPage:hover, #sideNav a.curPage:hover {
	background-color: #362a3e;
}

#mNav .curPage, #mNav a.curPage, #mNav a.curPage:link, #mNav a.curPage:active, #mNav a.curPage:visited {
	background-color: #44345b;
	cursor: default ;
}
#mNav .curPage:hover, #mNav a.curPage:hover {
	background-color: #362a3e;
}


#sideNav ul li {
	position: relative !important;
}
#sideNav .toggleButton {
padding: 0px !important;
background-image: none !important;
height: 6px !important;
width: 10px !important;
float: right;
margin: 5px 3px 0px 3px !important;
-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#sideNav .toggleButton svg {
	padding: 0px;
	margin: 0px;
	display: block;
	pointer-events: none;
}
#sideNav a .toggleButton svg polygon {
fill:white;stroke:white;stroke-width:1;
/*transition: all .2s ease-in-out;*/
}
#sideNav a:hover .toggleButton svg polygon {
fill:#ffd200;stroke:#ffd200;stroke-width:1;
/*transform: scale(1.3);*/
}
#sideNav a .toggleButton svg {transition: all .15s ease-in-out;}
#sideNav a:hover .toggleButton svg {transform: scale(1.8);}

#sideNav .toggleButtonOpen {
background-image: none !important;
-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
    
    




.toggleButton {
	float: right;
	width: 10px;
	height: 5px;
	margin: 12px 5px 0 0;
	/*background: url('/SiteAssets/images/v5/toggleButtons.png');*/
	background-image: none !important;

}
.navheading {
	position: relative;
}


#siteTitleMobile{ display: none; }

#siteNav .expanded {
	position: relative !important;
	top: 0 !important;
}



/* Social Media Icons
********************************************************************************************************		SOCIAL MEDIA ICONS		*/
#socialMediaIcons {
	text-align:right;
	margin-right:20px;
	clear:both;
}
#socialMediaIcons a span {
	position:absolute;
	left:-9999px;
	height:1px;
	width:1px;
	display:block;
}
#socialMediaIcons img {
	margin:12px 0 10px 13px;
}


/*LIBRARY TABS*/
.ms-cui-cg-db.ms-cui-cg-s .ms-cui-tt-s .ms-cui-tt-a:hover { color: #EACC12; }

/* Utility Styles
********************************************************************************************************		UTILITY STYLES			**************************/
.clearFloat { clear:both; height:0; width:0; }

/* Hide content without removing it from screen readers. */
.hidden { position:absolute; top:-999px; width:1px !important; height:1px !important; overflow:hidden; }

/* Completly remove content from screen and readers, and add it in mobile pages only. */
.mobileOnly { display:none; }


/* Log-in and search 
**********************************************/
#login {
	line-height:  normal;
	height: auto;
	display: block;
}
#login div {
	height: 16px;
}
.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink {
	color: #ffc222;
	line-height: 18px !important;
	height: 18px !important;
	font-size: 14px;
}
.ms-welcome-root > a.ms-core-menu-root:visited, .ms-signInLink:visited {
	color: #ffc222;
}
.ms-welcome-root > a.ms-core-menu-root:hover, .ms-welcome-root:hover > a.ms-core-menu-root, .ms-signInLink:hover {
	color: #000;
	background-color: #FFF;
}
.ms-srch-sb-border, .ms-srch-sb-borderFocused {
	background-color: #FFF;
	border: 0px #DDD solid;
	border-radius: 4px;
	padding: 0;
	}
	
.ms-srch-sb-border:hover {
	border: 0;
}
.ms-srch-sb-border input {
	padding: 4px;
	margin: 0;
}
input[type=password]:hover, input[type=text]:hover, input[type=file]:hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover {
	border: 0;
}
.ms-srch-sb > input {
	border: 0 !important;
}

/* 404 page search */
.ms-sbcell input[style] {
	width: 100% !important;
}
.ms-sbgo a img {
	border-left: 1px #b6babf solid !important;
}

.ms-sbplain {
	background-image: none;
	border-right: 1px #b6babf solid !important;
}
input[type=password], input[type=text], input[type=file], textarea, .ms-inputBox {
	padding: 5px 22px 5px 8px !important;
}
/* header search */
#SearchBox input[type=text] {
	padding: 2px 5px !important;
}

.ms-srch-sb-searchLink {
	/*background-color: #0F0;*/
}



#sharepointSearch {float: right;padding: 0px; margin: 0;background-color: #FFF;border-radius: 4px;display: block;width: 191px;}
#sharepointSearch div {display: inline-block; width: auto;vertical-align: middle }
#submitUWSPsearch {background-color: transparent; background-image: url(/SiteAssets/images/goBtn-gold.png); background-repeat: no-repeat; width: 25px; height: 25px; cursor: pointer; border: 0px; padding: 0px; margin: 0px; display: inline-block}
#UWSPSearch {border: 0px; font-size: 16px; margin: 5px 4px 5px 8px; padding: 0px !important; width: 150px;}
#UWSPSearch:focus {outline-width: 0;}
.srchbtttn {
display: inline-block;
padding: 0;
margin: 0 !important;
	width: 23px !important;
	height: 23px !important;
	background-color:#8160b5 !important; 
	background-image: none !important;
	border-radius: 2px;
}
.srchbtttn:hover {background-color: #ffc222 !important;}
.srchbtttn svg {
	fill: #FFF;
	width: 19px;
	height: 19px;
	margin: 2px 0px 0px 2px;
}
.srchbtttn:hover svg {
	fill: #512698;
}

/* Miscellaneous Styles
********************************************************************************************************		MISCELLANEOUS STYLES			**************************/
#embeddedcontent { display: none; }

/* override default scrolling behavior */
body.v4master {
   overflow: visible;
   height: inherit;
   width: inherit;
}
body #s4-workspace { overflow: visible !important; }
body #s4-ribbonrow {
	position: fixed;
	z-index: 1000;
	min-height: 0 !important;
	width: 100%;
	}
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}
.ms-dlgOverlay { width: 100% !important; }
body #s4-bodyContainer { 
	min-width: 0; 
	height: inherit; 
	position: relative;
	padding-bottom: 0;}

.ms-SPZone { background: #f2f2f2; }

/* Prevent IE <a> image borders */
a img { border: none; }

/* remove padding on article pages */
div.article, div.welcome { padding: 0px; }

#viewFullSite { display: none; }

.fullWidth { max-width: 100% !important; max-height: 100% !important; margin: 0 !important;}

#ms-designer-ribbon {
	position: fixed !important; 
	width: 100% !important;
	height: 34px;
	line-height: 34px;
	z-index: 999;
}
#suiteBar {
position: fixed !important;
	z-index: 9999;
	width: auto;
	right: 0px;
}
#ms-help {
	display: none !important;
}
.ms-welcome-root {
	padding: 0;
	height: 34px;
	line-height: 34px;
	cursor: pointer;
}
.ms-welcome-root > a.ms-core-menu-root {
	line-height: 34px !important;
	height: 34px !important;
	padding: 0px 5px;
	display: inline-block;
	cursor: pointer;
}
.ms-welcome-hover:active {
	background-color: #FFF;
}


/* Prevents SharePoint's auto-generated tables from stretching beyond the width of their container. For layout/image resizing purposes */
.s4-wpcell-plain .s4-wpTopTable { table-layout: fixed; width:100% !important; } 

/* RAVE */
#raveEmergency {
	display: none;
}
#raveEmergency.active {
	background: #b61d22;
	display: block;
	padding: .5em;
	color: #FFF;
	z-index: 9000;
	/*text-shadow: 1px 1px 1px #6d0001;*/
}
#raveEmergency h1 {
	color: #fff;
	margin-left: 10px;	
}
#raveEmergency h1 span {
	font-size: .75em;
	font-weight: normal;
}
#raveEmergency p, #raveEmergency date {
	display: inline;
	color: #fff;
	font-size: 1.35em;
	line-height: 1.35em;
	margin-left: 10px;
}

/* emergency message */
.emergencyHomeMessage {
	background-color: #ffc222;
	font-size: 16px;
}
.emergencyHomeMessageContent {
	padding: 10px;
	max-width: 940px;
	margin: 0 auto;
}
.emergencyHomeMessageContent span.webSubject {
	display: block;
	font-weight: bold;
	font-size: 18px;
}

/* meta info container in editing mode */
#editMetaInfo {
	background-color: #EEE;
	padding: 10px;
	border: 1px #CCC solid;
}

#editMetaInfo .ms-formfieldlabel {font-weight: bold;}

/* improved faculty staff list default styling */
.fsDivRow {display: table-row;}
.fsCell {width: 330px;float: left;border: 0px #000 solid;padding: 10px;margin-bottom: 15px;	background-color: #eee;font-size: 11px;}
.fsCell:nth-child(odd) {margin-right: 15px}
.fsCellHeight {min-height: 180px;}
.fsImage {float: left;margin: 0px 10px 0px 0px !important;}
div.fsCell a img.fsImageSize, div.fsCell img.fsImageSize {/*height: 160px !important;*/ width: 115px !important;}
.fsName, fsName a {font-size: 16px;	margin-top: 5px;	margin-bottom: 2px;	line-height: 18px; font-weight: normal}
.fsTitle {margin-bottom: 10px; line-height: 12px;}


/* top banner */

.textbannerheader {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png);
	background-repeat: repeat-x;
	cursor: pointer;
	transition: background-color 0.3s ease-in
}
.textbannerheader:hover {
}

#bannerWrapper {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png);
	background-repeat: repeat-x;
	cursor: pointer;
	transition: background-color 0.3s ease-in;
}
#bannerWrapper:hover {
	background-color: #512e87 !important;
	background-image: none !important;
	transition: background-color 0.3s ease-out
}
#bannerWrapper .textBanner {
	color: #FFF;
	padding-left: 26px;
	padding-bottom: 12px;
}
#bannerWrapper .textBanner h1 {
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-size: 36px;
	font-family: Impact,Anton,League Gothic;
	font-weight: normal;
	color: #FFF;
}
#bannerWrapper .textBanner span {
	color: #ccccff;
	display: block;
	font-family: Arimo, Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 16px;
}
.ms-siteicon-a {
	width: auto !important;
	height: auto !important;
	max-width: none;
	max-height: none;
	color: #FFF !important;
	text-decoration: none !important;
	text-shadow: 1px 1px #2a0052;
	transition: color .3s ease-in
}
.textbannerheader:hover .ms-siteicon-a {
	color: #ffc222 !important;
	transition: color 1s ease-in
}
.ms-core-menu-root span.ms-core-menu-arrow[style] {
	display: none !important;
}
.ms-core-menu-root span.ms-core-menu-arrow img {
	display: none;
}


/* 2 extra divs at the bottom of the page used for admissions lightboxes */
#lb-bg,#lb-win {display: none;}


/* responsive iframe */
.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Sliding Menu
**********************************************************/
html {
	overflow-x: hidden; overflow-y: scroll;
}
#siteViewport {
	width: 100% !important; 
	overflow: hidden; 
	}
#siteContainer {
	display: block; 
	border-collapse: collapse;
	width: auto;
	}
#bodyContainer {
	background-color: #000;
	display: block;
	width: 100% !important;
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0px;
	transition: left .3s; 
	}
#slideMenu {
	color: #FFF;
	display: none;
	vertical-align: top;
	width: 225px;
	position: fixed;
	top: 0;
	right: -225px;
	transition: right .3s; 
	background: #57575b; /* Old browsers */
	bottom: 0px;
	overflow: auto;
}
#innerBodyContainer {
	background-color: #fff;
	padding: 0;
	opacity: 1;
	transition: opacity .3s;
	width: 100%;
	margin: 0;
	}
	
	#tog {display: none;}

	label#ham {
	position: fixed; 
	top: 0px; 
	right: 0px; 
	height: 38px;
	z-index: 50; 
	cursor: pointer; 
	padding: 13px 10px 0px 10px;;
	transition: right .3s; 
	text-align: right;
	display: none;
	background-color: rgba(98,63,153,0.5);
	/*    -webkit-animation-name: slidein; 
    -webkit-animation-duration: .6s; 
    animation-name: slidein;
    animation-duration: .6s;
	animation-iteration-count: 1;
	animation-timing-function: ease;*/
	}
	label#ham span.line {width: 36px;height: 6px; background-color: #ffc222; display: block; margin-bottom: 6px;transition: all 1s; }
	label#ham span.line:last-child {margin-bottom: 0;}
	label#ham span.burger {display: block; padding: 0px; float: right;}
	label#ham span.burger:hover {}

	#tog:checked ~ label#ham {bottom: 0px !important;height: initial;}
	#tog:checked ~ label#ham span.burger {}
	#tog:checked ~ label#ham span.line:last-child {opacity: 0;transition: opacity .75s;}
	#tog:checked ~ label#ham span.line:first-child {	transform: rotate(45deg);position: relative; top: 12px;transition: all 1s;}
	#tog:checked ~ label#ham span.line:nth-child(2) {transform: rotate(-45deg);transition: rotate 1s;}
	#tog:checked ~ label#ham {right: 225px;transition: right .3s; opacity: .75; width: 100%; height: 100%;background-color: #100514;}
	#tog:checked ~ #siteContainer #bodyContainer {left: -225px;transition: left .3s;}
	#tog:checked ~ #siteContainer #slideMenu {right: 0px;transition: right .3s;}
	#tog:checked ~ #siteContainer #bodyContainer #innerBodyContainer {opacity: .75;transition: opacity .3s;}

	/* Chrome, Safari, Opera */
@-webkit-keyframes slidein {
    from {top: -2rem;}
    to {top: 0rem}
}

/* Standard syntax */
@keyframes slidein {
    from {top: -2rem;}
    to {top: 0rem}
}

#slideMenu nav {margin: 0px;}
#slideMenu nav ul, #slideMenu nav ul li {display: block;list-style-type: none;padding: 0; margin: 0;}
#slidemenu a.navTopLink, #slidemenu a.navTopLink:link, #slidemenu a.navTopLink:active, #slidemenu a.navTopLink:visited {
	display: block;
    color: #F00 !important;
}

#slideMenu nav ul li a {
	display: block;
	border-bottom: 1px #292929 solid !important; 
	font-size: 24px; 
	line-height: 24px !important;
	padding: 10px 0px 10px 20px;
	color: #FFF;	
	 font-weight: normal;
background: #404040; 
}
#slideMenu nav ul li a:hover {
	text-decoration: none;
background: #212121;
}
	
#slideMenu nav ul.resrcs li a {
	color: #ffc82e;
	font-size: 18px;
}

.mobileSiteTitle {
	color: #512698; 
	font-size: 24px; 
	background-color: #dddceb; 
	font-weight: normal;
	padding: 10px 10px 10px 20px;
	line-height: 24px;
	text-align: left;
	display: none; 
	font-family: Impact,Anton,League Gothic;
	border-bottom: 0px #CCC solid;
	margin-bottom: 10px;
}
.mobileSearchBox {
	background-color: #100514;
	padding: 0px;
	display: none;
}
.mobileSearchBox #SearchBox, .mobileSearchBox .ms-srch-sb, .mobileSearchBox ms-srch-sb-border
{
	width: 100%;
}
.mobileSearchBox input {
	width: 87%;
	font-size: 22px;
	line-height: 24px;
	height: 28px;
}
.mobileSearchBox input:focus {
	font-size: 22px;
	line-height: 24px;

}
.mobileSearchBox #ctl00_SmallSearchInputBox1_csr_NavButton {
	display: none;
}


#slideMenu .navheading, #slideMenu .autoExpNavHeading  {
	 font-weight: bold;
	display: block;
	border-bottom: 1px #292929 solid !important; 
	font-size: 24px; 
	line-height: 24px !important;
	padding: 10px 0px 10px 20px;
	color: #FFF;	
	position: relative;
background: #404040; 
}
#slideMenu a.navTopLink, #slideMenu a.navTopLink:link, #slideMenu a.navTopLink:active, #slideMenu a.navTopLink:visited {
	color: #FFF;
	display: block;
	border-bottom: 1px #292929 solid !important; 
background: #404040;
	font-size: 24px; 
	line-height: 24px !important;
	padding: 10px 0px 10px 20px;

}
#slideMenu .navheading:hover, #slideMenu .autoExpNavHeading:hover {
	text-decoration: none;
}

#slideMenu a.navItem {
	display: block;
	border-bottom: 1px #797d84 solid !important; 
	font-size: 22px; 
	line-height: 24px !important;
	padding: 10px 0px 10px 20px;
	color: #FFF;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#313338+0,4c4f56+10 */
background: #4c4f56; /* Old browsers */
}

#slideMenu h3 {
	display: block;
	background-color: #000;
	color: #CCC;
	padding: 5px;
	line-height: 18px;
	font-size: 16px;
	margin: 0;
	text-transform: uppercase;
	padding: 10px 0px 10px 20px;
}

#slideMenu > .navheading, #slideMenu > .autoExpNavHeading {
	position: relative;
}

#slideMenu .toggleButton {
padding: 0px !important;
background-image: none !important;
height: 6px !important;
width: 10px !important;
float: right;
margin: 10px 10px 0px 3px !important;
-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#slideMenu .toggleButton svg {
	padding: 0px;
	margin: 0px;
	display: block;
	pointer-events: none;
}
#slideMenu a .toggleButton svg polygon {
fill:white;stroke:white;stroke-width:1;
/*transition: all .2s ease-in-out;*/
}
#slideMenu a:hover .toggleButton svg polygon {
fill:#ffd200;stroke:#ffd200;stroke-width:1;
/*transform: scale(1.3);*/
}
#slideMenu a .toggleButton svg {transition: all .15s ease-in-out;}
#slideMenu a:hover .toggleButton svg {transform: scale(1.8);}

#slideMenu .toggleButtonOpen {
background-image: none !important;
-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}



/* Branding Layout Styles
********************************************************************************************************		BRANDING LAYOUT			***************************/
#UWSPbarContainer {
	width:		100%;
	background:	#623f99;
	border-top: 0px solid #ffc82e;
	border-bottom: 1px #2a0052 solid;
	box-shadow: 1px 1px 1px #CCC;
	padding-top: 5px;
}

#UWSPbar {
	background:	none;
	margin:		auto;
	width:		100%;
	max-width:	960px;
	padding:	0px;
	border: 0px;
}

#UWSPbar img {
	/*height:		100%;
	/*max-height:	100%;
	max-width:	100%;*/
	width:		auto;
}

#brandingLogo { 
	float:		left;
	height: 80px;
}

#logo {
	height:		100%;
	max-height:	100%;
	max-width:	100%;
}

#brandingContent {
	float:		right;
	max-height:	78px;
	vertical-align: top;
	margin-top: 28px;
}

#sharepointTools {  }

#universityNavIcon { display:none; }
#searchMobile { display: none;}


/* University Navigation
********************************************************************************************************		UNIVERSITY NAVIGATION			***************************/
#universityNav {
	background: #410080;
	display:	block;
	clear:		both;
	/*height:		100%;*/
	width:		100%;
	
}

#universityNav .navwid {
		margin:		0 auto;
	max-width:	960px;

}
#universityNav ul {
	font-size:	1.2em;
	font-weight:normal;
	line-height:28px;
	list-style:	none;
	padding:	0;
	letter-spacing: .5px;
	margin: 0;
}


#universityNav a { padding: 0 10px; }



#universityNav a li:hover { background:#623f99; cursor: pointer; text-decoration: none !important;}

#universityNav li {
	color: #FFFFFF;
	display: inline-block;
	height: 28px; 
	transition: background-color 0.3s ease-out;
	}
	#universityNav li a {display: block;color: #FFF; text-decoration: none !important;}
	#universityNav li:hover { background:#623f99; cursor: pointer;transition: background-color 0.1s ease-out; text-decoration: none !important;}

#bannerWrapper {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png);
	background-repeat: repeat-x;
}

.textbannerheader {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png) !important;
	background-repeat: repeat-x;
	cursor: pointer;
}

/*************UTILITY BAR***************/
#utilityBar {
	background-color: #100514;
	padding: 0;
	font-size: 12px;
	}
#utilityBar a {
	color: #ffc222;
	display: inline-block;
	padding: 0px 10px;
}
#utilityBar a:hover {
	color: #fFF;
	background-color: #623f99;
	text-decoration: none;
}
#utilityBar #utilityBarInner {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	}
#utilityBarInner .linkgroup {
	display: inline-block;
	border-right: 3px #281230 solid;
	color: #FFF;
	line-height: 27px;
	padding: 6px 10px 0px 10px;
	}
#logins {
	display: inline-block;
	padding: 0 10px;
	position: relative;
}
#logins:hover {
	background-color: #007279; 
}
#logins #dropmenu {
	display: none;
	position: absolute;
	right: 0;
	top: 33px;
	text-align: left;
	background-color: #007279;
	padding: 10px 5px;
	z-index: 999;
	}

#logins #dropmenu hr {
	height: 1px;
	background-color: #82b5ba;
	border: 0;
}
#logins:hover #dropmenu {
	display: block;
}
#logins #dropmenu a {display: block;padding: 4px 10px;white-space: nowrap;font-size: 14px;color: #FFF !important}
#logins #dropmenu a:hover {background-color: #00373a; color: #ffc82e !important;}
#logins #dropmenu b.lilabel {display: block;padding: 4px 10px 0px 10px;white-space: nowrap;font-size: 11px;}
#logins #dropmenu span a[style] {
	display: block !important;
	padding: 0px 10px;
}
#logins #dropmenu .lgin {
	background-color: #004145;
	padding: 5px 0;
	margin-top: 6px;
}

/****** BOTTOM BAR *********/
#bbar {width: 100%; background-color: #000;}
#bbarInner {max-width: 960px;width: 90%;margin: 0 auto;color: #999; line-height: 16px; font-size: 14px;padding: 10px;}



/* SharePoint Tools - Search bar, sign in
********************************************************************************************************		SHAREPOINT TOOLS - SEARCH, LOG IN		***************************/

#search { clear: both; }

/*Search Box Styles*/
.s4-search input.ms-sbplain {
	height:			13px; 
	width: 			150px !important;
	margin: 		1px 5px 0px 0px!important; 
	padding:		4px 2px 2px 9px; 
	z-index:		5;

	background: 	#FFFFFF;
	color:			#000000;
	border: 		1px #000000 !important; 
	border-radius: 	3px 3px 3px 3px;
	font-size:		.85em; 
	font-style:		normal;
}


/*Sign in / username */
.s4-trc-container-menu  { text-align: right ; margin: 0px; padding: 3px 3px 8px 3px; }
.ms-welcomeMenu.ms-SpLinkButtonActive {
	border-color:	#8b929a;
	background: 	transparent;
}
#s4-titlerow { display:none; }
.s4-search table {
	float:			right;
	margin-right:	0px;
}
/*IE7 hack to correct positioning*/
*:first-child+html .s4-search input.ms-sbplain {
	height:			14px; 
	padding:		2px 2px 2px 9px; 
}
.s4-search .ms-sbgo a {
	height:			25px; 
	width:			25px; 
	display:		block; 
	background:		url( "/SiteAssets/images/goBtn-gold.png" ) no-repeat; 
}
.s4-search .ms-sbgo a:hover { background: url( "/SiteAssets/images/goBtn2-gold.png" ) no-repeat; }
.s4-search .srch-gosearchimg, .s4-search .ms-sbgo span { display: none; }
.adminBar .ms-sbrow a, .ms-sbcell { margin: 0; padding: 0; }

div.ms-rtestate-field {
	word-wrap: normal;
}



.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
white-space: normal;
word-break: normal;
cursor: auto; 
}


/****** SharePoint 2013 image button styling fixes *****/
#innerContainer .ms-list-addnew-imgSpan16 img, #innerContainer .ms-promlink-button-image img {margin: 0; max-width: none !important;}






/******* new 2017 *****/

#containerBG {
	background-color: #FFF;
	background-image: none;
}
.textbannerheader, #bannerWrapper, .textBanner {
	background-color: #FFF;
	background-image: none;
	color: #ffc222;
	text-shadow: none;
	padding: 0 !important;
	margin: 0 !important;
}

.ms-siteicon-a {
	color: #512698 !important;
	text-shadow: none;
}
#contentContainer1 {
	background-image: none !important;
}
#bannerWrapper .textBanner span {
	color: #623f99;
}
#bannerWrapper {
	border-bottom: 1px #333 dotted;
	margin-bottom: 6px !important;
}
.BreadCrumbWrap {
	background-color: #FFF;
	margin-bottom: 24px;
	display: block;
	font-size: 11px;
}
.BreadCrumbWrap a, .BreadCrumbWrap a:link, .BreadCrumbWrap a:active, .BreadCrumbWrap a:visited {
	color: #6f00c5 !important;
}
.BreadCrumbWrap a:hover {
	text-decoration: underline;
	color: #9d5e00 !important;
}
#sideNav a.navheading, #sideNav a.navTopLink, #sideNav a.autoExpNavHeading   {
	background-color: #eee !important;
	color: #512698 !important;
	border-bottom: 2px #FFF solid !important;
}
#sideNav a.navheading:hover, #sideNav a.navTopLink:hover, #sideNav a.autoExpNavHeading:hover   {
	background-color: #ffc222 !important;
}

#sideNav li a.navItem {
	background-color: #FFF;
	color: #6f00c5 !important;
	border-bottom: 1px #ccc dotted  !important;
}
#sideNav .curPage, #sideNav a.curPage, #sideNav a.curPage:link, #sideNav a.curPage:active, #sideNav a.curPage:visited {
	background-color: #e3dbf0 !important;
}
/*
#contentWrapper {
	max-width: 1200px;
}*/
#sideNav {
	/*border-right: 20px #FFF solid !important;*/
}
#slideshow IMG {
	width: 100% !important;
	max-width: none !important;
}

#innerContainer {
/*padding: 0px !important;*/
	/*margin: 0;
	max-width: 1200px;*/
}
#sideNav a .toggleButton svg polygon {
	fill: #a5a0cf !important;
	stroke: #a5a0cf !important;
}
#contentContainer2 {

}
#sideNav .curPage {
	background-color: #e3dbf0 !important;
	font-weight: bold;
}
#sideNav li a.navItem:hover {
	background-color: #fff6cc !important;
}
.deptPageContainer {
	margin-top: 0 !important;
}/*
#UWSPbar {
	max-width: 1200px !important;
}
#universityNav ul {
	max-width: 1200px !important;
}

*/



/* circle social media icons */
.socialcirc {
	height: 30px;
	float: none;
	width: 320px;
	margin-right:  194px;
}
.socialcirc a {
	background-image: url(/SiteAssets/images/social-media-sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	width: 30px;
	float: right;
	margin-right: 10px;
}
.socialcirc .fb {background-position: 0px 0px;}
.socialcirc .fb:hover {background-position: 0px -30px;}
.socialcirc .ytub {background-position: -30px 0px;}
.socialcirc .ytub:hover {background-position: -30px -30px;}
.socialcirc .rss {background-position: -60px 0px;}
.socialcirc .rss:hover {background-position: -60px -30px;}
.socialcirc .cal {background-position: -90px 0px;}
.socialcirc .cal:hover {background-position: -90px -30px;}
.socialcirc .twit {background-position: -120px 0px;}
.socialcirc .twit:hover {background-position: -120px -30px;}
.socialcirc .lnk {background-position: -150px 0px;}
.socialcirc .lnk:hover {background-position: -150px -30px;}
.socialcirc .inst {background-position: -180px 0px;}
.socialcirc .inst:hover {background-position: -180px -30px;}
.socialcirc .snap {background-position: -210px 0px;}
.socialcirc .snap:hover {background-position: -210px -30px;}


#slideMenu .socialcirc {
	margin-right: 0px;
	width: auto;
	display: block !important;
	height: auto;
	padding: 10px 15px;
	margin: 0;

background: #383838;
}
#slideMenu .socialcirc a {
	display: inline-block;
	float: none;
	margin: 4px;
}

/*** end new ***/

/** force custom footer info to be left aligned **/
#footerContent > div[class^="External"] > p[style] {text-align: left !important;}


/***feedback form ***/
.lbbgcss {position: absolute;display: block !important;top: 0;left: 0;bottom: 0;right: 0;background-color: #100514; opacity: 0.75;	z-index: 500;}
.lbwincontainer {display: block !important;position: absolute;left: 0; right: 0; top: 0px; bottom: 0;background-image: none; background-color: transparent;z-index: 501;}
#fbformiframe {display: none;}
.lbwincss {position: absolute;margin: 30px auto;top: 0px; left: 0; bottom: 0; right: 0;display: block !important;background-color: rgba(255,255,255,0.9);max-height: 600px;z-index: 999;padding: 20px;width: 320px;}
#lb-win > #fbformiframe {display: block;}
#lb-win > #fbformiframe iframe {height: 600px;}
#fbformclose {text-align: right;}
#fbform {float: right;color:#ffefa3;cursor:pointer;}
@media screen and (max-width: 376px) {
	.lbwincontainer {background-color: rgba(255,255,255,0.95) !important;}
	.lbwincss {position: relative;top: 0; left: 0; bottom: 0; right: 0;	width: auto;margin: 0;padding: 0 !important;background-image: none; background-color: transparent;max-width: 100%;width: 100% !important;}
	#fbformclose {text-align: left;padding: 3px;}
	#lb-win > #fbformiframe iframe {width: 90%;}
}





/* Printing 
*************************************/
.sitePrintHeader {
	display: none;
}




/* Media Queries / Responsive Styling 
********************************************************************************************************		MEDIA QUERIES / RESPONSIVE STYLING			**************************/


@media screen and (max-width: 980px) {
	#contentWrapper {padding: 0 0 0 10px;}
	#brandingContent {padding-right: 10px;}
	#footer {margin: 0;}
}


@media screen and (max-width: 960px) {
	/* Forces the search box to scale down slightly */
	.s4-search input.ms-sbplain { width: 100px !important; }
	
	/* Shows a link for mobile devices that lets them view the site at full-width (instead of responsive) */
	#viewFullSite { display: block !important; }
		#footerInner {padding-right: 0;margin: 0px;width: 95%;}

	#contentWrapper {
		width: 100% !important;
		box-shadow: none;
		-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	-o-box-shadow: none;
		border:none;
	}
	
	#innerContainer p img {
		margin: 5px;
		height: auto;
		width: auto;
		max-height: 99999px;
		max-width: 40%;
	}
	
	.fullWidth { max-width: 100% !important; max-height: 100% !important; margin: 0 !important;}
	
	/* improved faculty staff list default styling */
	.fsCell {
		width: 43%;
		float: none;
		display: inline-block;
		vertical-align: top;
		-webkit-text-size-adjust: 100%;
	}
	.fsImage {float: none;margin: 0px !important;}
	.fsDivRow {display: block !important;}
	#UWSPbar {/*padding-right: 20px !important;padding-left: 20px !important;*/}
	.ms-mpSearchBox {margin-right: 10px;}

	#UWSPbarContainer {box-shadow: none;}


}
@media screen and (max-width: 845px) {
	#sharepointTools {margin-right: 10px;}
	#sharepointSearch {float: none;margin-bottom: 8px;margin-right: 0;width: 100%;}
	.socialcirc {margin-right: 0px;}
	#brandingContent {margin-top: 8px;}
	#sharepointSearch > div:nth-child(2) {display: block;float: right;margin: 3px;}
	#UWSPSearch {width: 280px;max-width: 280px;}

}
@media screen and (max-width: 820px) {
}

@media screen and (max-width: 767px) {
/* improved faculty staff list default styling */
.fsCell {width: 95%;-webkit-text-size-adjust: 100%}
.fsCell:nth-child(odd) {margin: 0px 0px 10px 0px;}
.fsName, fsName a {margin-top: 0px;}
.fsImage {float: left;margin: 0px 10px 0px 0px !important;}
#bannerWrapper .textBanner {height: auto; padding-bottom: 10px;}
#bannerWrapper .textBanner h1 {font-size: 26px;padding-top: 18px; }
#bannerWrapper .textBanner span {}
#login {display: none;}
	#sharepointSearch {display: none;}
	#sharepointTools { display: none; }
	#searchMobile { display: block;position: absolute; top: 45px; right: 12px;height: 30px;width: 36px;}
	img#defaultSearchIcon { height:45px;}
	
	#brandingMobile {
		float:			right;
		margin-top:		2px;
	}
	
	#brandingLogo { height:50px;width: 195px; }
	
	#universityNav {display: table;}
	#universityNav ul {display: table-row;}
	#universityNav li {
		display:table-cell;
		width:auto;
		padding: 3px 0;
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		vertical-align: middle;
	}
#universityNav a { padding: 0 6px; }
#utilityBar a {
	padding: 0 4px;
}
.socialcirc {
	margin-right: 48px;
	margin-top: 6px;
}
#brandingContent {
	margin-top: 2px;
}
.footCell:nth-child(1) {display: none;}
}

@media screen and (max-width: 600px) {
.BreadCrumbWrap {display: none;}
.footCell, #footerInner {display: block;margin-left: 10px;}
.footCell {
	max-width:none;width: auto;
}
.footCell:nth-child(2) {width: auto;max-width: none;}

#UWSPbarContainer {
	border-bottom: 0;
}
#bannerWrapper {
	border-bottom: 0;
	margin-bottom: 0;
}
#utilityBar {
	display: none;
}
#contentContainer1	#sideNav {
		display: none
		
	}
	#slideMenu	#sideNav {
	display: block;
}
	
	#sideNav.menuOpen {
		width: 200px;
		position: absolute;
		left: 0;
		box-shadow: 0 0 5px rgba(0, 0, 0, .5);
		border-top: 0px solid black;
		border-right: 0px;
		border-bottom: 0px solid black;
	}
	
		#sideNav a {
		min-height: 25px;
		padding-top: 14px;
	}
		
	#sideNav div.toggleButton { margin-top: 16px; }
	.BreadCrumbWrap {display: none !important;}


	/* Hide content from mobile devices only. */
	.noMobile { display: none; }
	label#ham {	display: block;z-index: 999;}
	
	.mobileSiteTitle {
	display: block;
}
#universityNav {
	display: none;
}
.socialcirc {display: none;}
	.mobileOnly { display:block; }
	#bannerWrapper img { display:none; }
	#siteBannerMobile { display:none; }
	#siteTitleMobile{ display: block; }
	
	#containerBG { margin-top: 0px !important; }
	#s4-workspace { padding: 0 !important; }
	#ribbonBackground, #ms-designer-ribbon { display: none !important; }
	#contentContainer1 { background: #fff; }
	#slideMenu {
	display: block;
}
	#siteNav {
		position: absolute;
		left: -170px;
		z-index: 10;
		width: 0px;
	}
	
	#siteNav.menuOpen {
		width: 200px;
		position: absolute;
		left: 0;
		box-shadow: 0 0 35px rgba(0, 0, 0, .51);
		border-top: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
	}
	
	#siteNav a h1{
		min-height: 25px;
		padding-top: 10px;
	}
		
	#siteNav div.toggleButton { margin-top: 16px; }
	
	#siteTitleMobile {
		background:#410080;
		width:100%;
	}
	
	img#siteMenu {
		margin:3px 0;
		padding:7px 7px 7px 0;
		height:20px;
	}
	
	h1#siteTitle {
		margin:0 0 0 45px;
		font-size:1.4em;
		color:white;
		padding:10px 0 12px 0;
	}
	#contentContainer1 { clear: both; }
	#contentWrapper {padding: 0;}
	/* improved faculty staff list default styling */
	.fsCell {width: 95%;-webkit-text-size-adjust: 100%}
	.fsCell:nth-child(odd) {margin: 0px 0px 10px 0px;}
	.fsName, fsName a {margin-top: 0px;}
	
	#bannerWrapper .textBanner {height: 0px;padding: 0px;}
	#bannerWrapper .textBanner h1, #bannerWrapper .textBanner span {display: none;}
	#searchMobile { display: block;position: absolute; top: 10px; right: 62px;height: 36px;width: 36px;}
	#UWSPbar { height:50px; }
		
	#mobileSiteMenu {
		float:left;
		padding-left:5px;
	}


		
	#sharepointTools { display: none; }

	#defaultSearchIcon { 
		height:45px;
	 	margin-left:4px;
		/*border-left: 2px solid #3c265f;*/
	}

	#brandingMobile {
		float:			none;
		margin:			0;
		display:		block !important;
		width: 			95px;
		padding-top:	2px;
	}

}








/*********************************************
TESTING ONLY
**********************************************/

/* identifies the testing environment */
#testbanner {
	background-color: #ffd200;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	text-align: center;
	display: none;
}



/*  test design styles ******************************/


/******* PRINT STYLES ***********************/
@media print {
html, body {
	background-color: #FFFFFF !important;
}
#UWSPbarContainer, #mainNav, #secondaryNav, #footer, .ribbonbackground, #pageTitleContainer, #siteBanner, #siteTitleMobile, img#siteMenu, nav#siteNav, nav#siteNav a
{
	display:	none !important;
}

#contentWrapper, #contentContainer1, #contentContainer2, #innerContainerWrapper, #innerContainer {
	width:97%;
	margin-left:0px;	
	margin-right:0px;
	overflow-x:hidden !important;
	/* padding:-5px; */
	
}
#s4-workspace, #s4-bodyContainer, #bodyWrapper, #containerBG, #contentContainer1, #contentContainer2
{
	/*background:transparent;*/
	background:#FFF;
}

#contentWrapper {
	border-right: 0px;
	border-left: 0px;
}

#sideNav, #sideNav a, #sideNav ul, #sideNav ul li, #sideNav ul li a, #socialMediaIcons
{
	display: none;
}

#contentWrapper {
	box-shadow: none;
}

.jumpContent {
	display: none;
}

#siteViewport {
	overflow: initial !important;
}

html {
	overflow-x: hidden; overflow-y: initial;
}

#bodyContainer {
	position: relative;
}

}






/**************************/
/*   WIDE                 */
/**************************/
#UWSPbar {
	max-width: 1200px !important;
}
#universityNav ul {
	max-width: 1200px !important;
}
#contentWrapper {
	max-width: 1200px;
}
#innerContainer {
	max-width: 1200px;
}
#universityNav .navwid {
	max-width: 1200px;
}
#utilityBar #utilityBarInner {
	max-width: 1200px;
}
#footerInner {
	max-width: 1200px;
}
#bbarInner {
	max-width: 1200px;	
}
#innerContainer {
	
}
#sideNav {
	margin-right: 20px;
}

@media screen and (min-width: 1100px) {
	#innerContainer {padding-left: 10px;padding-right: 10px;}
}
