@import url(/s/resources/css/appstyles.css);
@import url(/s/resources/fonts/fontawesome-4.0.3/css/font-awesome.css);
@import url(//fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(//fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

/* COLOR PALETTE
---------------------------------------------
---------------------------------------------
///// 	Primary Colors:
         Blue: 			#4398e5
         Green:  		#380982
          Dark Gray: 		#262626

///// 	Secondary Colors:
         Medium Gray:	#999999
         Light Gray:		#d2d2d2

*/





/* General Style
---------------------------------------------
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;background-color:#0b0b0b;}

/* Font Styles */
body {font:14px/1.55em Helvetica, Arial, sans-serif; color:#666666; font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Link Styles */
a { color: #380982; text-decoration: none; outline:none; }
a:hover { color: #380982; text-decoration: underline; }
a:visited{color: #380982;}
a:active{}
a img{border:none;}

/* Heading & Paragraph */
h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
h1, .PageTitleHeader {font-size:1.714em;line-height:1.4em; text-transform:uppercase;}
h2, .PageSubTitleHeader {font-size:1.285em; line-height:1.3em; text-transform:uppercase; font-weight:bold; color:#888888; padding-top:1em;}
h3 {font-size:1.1428em;line-height:1.5em; color:#380982;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:0.5em 0 1em;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

/* Image Alignment */
img.left{float:left;margin:0 1.5em 1em 0;}
img.right{float:right;margin:0 0 1em 1.5em;}
img.outline{border:4px solid #333;}

/* Clearing */
.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

/* for iMods Forms */
.idbmsBreadcrumbSeparator {color:#999!important;}
.expand img {background-color: #380982!important;}
.expand {background-color: #380982!important; width:16px; height:16px; display:block;}
.Error,.error {width:auto!important}
img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}
#inner-wrap img[src="/images/spacer.gif"] {display:none;}

/* Changes cursor highlight color */
::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

/* sets all elements in inner-wrap to use border-box sizing */
#inner-wrap * {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}

/* Sets spacer class for right/left columns */
.spacer {float:left; width:100%; margin:0em 0 2em;}

/* CSS3 gradient for button backgrounds, base of #4398e5 */
.btn {display:block; color:#fff!important; text-transform:uppercase; text-decoration:none;text-align:center; font-size:1.1428em; line-height:1em; font-weight:300;-webkit-border-radius: 3px;border-radius: 3px;background: #380982; font-family: "Lato";}
.btn span { display:block;-webkit-border-radius: 3px;border-radius: 3px; padding:0.8em;}
.btn:hover {background:#5928a5; color:#fff; text-decoration:none;}

footer .btn { background: #f8f7f4 none repeat scroll 0 0; color: #380982 !important;}
footer .btn:hover {background:#fff; text-decoration:none;}

/* HEAD ELEMENTS
---------------------------------------------
---------------------------------------------*/
/* Textured Header */
.structHead {float:left; width:100%; background: #fff; border-top:6px solid #f4aa00;padding:1.5em 0;}

/* Logo Info */
.headerLogo {padding:0;}
.headerLogo a#headLogo {background:url(images/logo.png) no-repeat 0 0; display:block; width:255px; height:53px; text-indent:-999em;}
.headerLogo a { color: #333; text-decoration: none; font-size: 17px;}
.ie8 .headerLogo a { font-size: 16px;}
.headerLogo a img { margin-right: 5px;}

/* Slide navigation hidden on desktop */
#nav {display:none;}
a#nav-open-btn {display:none;}
#nav a#nav-close-btn {display:none!important;}

/* Member Tools */
#ContentMemberTools {clear:both;float:right; width:100%;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0 0 1em;float:right;}
#ContentMemberTools li {float:left;padding:0 5px; font-size:0.785em; line-height:1em; text-transform:uppercase; border-left:1px solid #ccc; font-family: 'Lato';}
#ContentMemberTools li:first-child {border-left:none;}
#ContentMemberTools a {display:block; text-decoration:none; color: #f4aa00;}

.MTLinkscontainer { display: none;}


/* Site Search */
#ContentSearch {text-align:right; padding-top:0em;background: #380982; -webkit-border-radius: 3px;border-radius: 3px; padding:0 5px;-webkit-box-shadow: 1px 1px 1px 0 rgba(255,255,255,.1);box-shadow: 1px 1px 1px 0 rgba(255,255,255,.1); float:right; position:relative; height: 27px;}
#ContentSearch label {display:none;}
#ContentSearch input { background:none!important;border:none; color:#cbcbcb; font-style:italic; font-size:0.857em; line-height:normal; width:125px; padding:0 5px;}
#ContentSearch img {position:relative; z-index:10;}
#ContentSearch .fa {position:absolute; top:5px; right:9px; color:#aaaaaa; font-size:1.15em; z-index:5;}



/* MAIN TOP HORIZONTAL NAV
---------------------------------------------
---------------------------------------------*/
/* Background image here, to get the arrows on DD to work; margin to pull body up */
.desktopNavBar {float:left; width:100%; position:relative;z-index:999;background:url(images/bkgd_topnav.png) repeat-x 0 0; height:41px; margin-bottom:-8px; border-top: 1px solid #4d425e; font-family: "Lato";}

/* General Nav Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;}
.desktopNav ul li {float:left;padding:0;}
.desktopNav ul li a{display:block;text-decoration:none; }

/* Main Nav Styles - Channel 1 */
.desktopNav > ul > li.hide { display: none;}
.desktopNav > ul > li > a {color:#fff;padding:0 1.45em 8px;line-height:33px;font-weight:bold; text-transform:uppercase; font-size:1.043em;position:relative; z-index:999;}
.desktopNav > ul > li > a:hover {color:#fff;}
.desktopNav > ul > li.parent:hover > a {color:#fff;background:url(images/bkgd_topnav_dd.png) no-repeat center bottom;}
.desktopNav > ul > li:hover > a {color:#fff;}

/* Main Nav Styles - Channel 2 (Dropdown) */
.desktopNav > ul > li > ul { position: absolute; left: -999999px;margin:0px; float:none; width:14em;text-align:left; padding: 0;-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);box-shadow: 0 0 3px 0 rgba(0,0,0,.2);-webkit-border-radius: 5px;border-radius: 5px;}
.desktopNav > ul > li > ul > li { width: 100%; border:none; margin: 0; padding:0px;background:none;line-height:normal;text-transform:none; font-size:1em; background:#e6e6e6;border-left:2px solid #fff; border-right:2px solid #fff;}
.desktopNav > ul > li > ul > li:first-child {padding-top:1em;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-top:2px solid #fff;}
.desktopNav > ul > li > ul > li:last-child {padding-bottom:1em;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:2px solid #fff;}
.desktopNav > ul > li > ul > li > a {font-weight:normal;text-align:left;padding:0.5em 1.4em;border:none; color:#444444;}
.desktopNav > ul > li > ul > li:hover > a,
.desktopNav > ul > li > ul > li > a:hover {color:#380982;}

/* The Magic */
.desktopNav li:hover ul ul,
.desktopNav li:hover ul ul ul { left: -999em;}
.desktopNav li:hover ul,
.desktopNav li li:hover ul,
.desktopNav li li li:hover ul { left: auto;}

/*Fix for the Sticking*/
.desktopNav  li:hover,
.desktopNav  li li:hover,
.desktopNav  li li li:hover { position:static;}






/* LEFT COLUMN
---------------------------------------------
---------------------------------------------*/
.structLeft {padding-right:10px;}

/* Left Nav Styles - General Styles */
#ContentLeftNav ul {margin:0; padding:0; list-style:none;}
#ContentLeftNav ul li { font-family: "lato";}
#ContentLeftNav ul li a {display:block;text-decoration:none;-webkit-border-radius: 5px;border-radius: 5px;}

/* Left Nav Styles - top channel (section name) */
#ContentLeftNav > ul > li {display:none; font-family: "Droid Serif";}
#ContentLeftNav > ul > li.selected {display:block;}
#ContentLeftNav > ul > li > a {color:#fff;  font-size:1.714em; line-height:normal; font-weight:300; padding:15px 15px 10px;background: #380982; /* Old browsers */}
#ContentLeftNav > ul > li > a:hover {background:#451196;}

/* Left Nav Styles - Channel 2 */
#ContentLeftNav > ul > li > ul {padding-bottom:3em; display:none;}
#ContentLeftNav > ul > li.selected > ul {display:block;}
#ContentLeftNav > ul > li > ul > li {border-top:2px solid #fff;}
#ContentLeftNav > ul > li > ul > li > a {color:#444444; background:#e6e6e6; padding:8px 25px 8px 15px;text-transform:uppercase; line-height:1.2em; position:relative;}
#ContentLeftNav > ul > li > ul > li > a:hover {background:#dedede;}
#ContentLeftNav > ul > li > ul > li > a > .fa {position:absolute; right:10px; top:12px;color:#380982;font-size:10px;}
#ContentLeftNav > ul > li > ul > li.selected > a {background:#f4aa00; color:#fff;}
#ContentLeftNav > ul > li > ul > li.selected > a > .fa {color:#fff;}
#ContentLeftNav > ul > li > ul > li.selected > a > .fa.fa-chevron-right {display:none;}

/* Left Nav Styles - Channel 3 */
#ContentLeftNav > ul > li > ul > li > ul {padding-bottom:10px; display:none;}
#ContentLeftNav > ul > li > ul > li.selected > ul {display:block;}
#ContentLeftNav > ul > li > ul > li > ul > li {border-top:2px solid #fff;}
#ContentLeftNav > ul > li > ul > li > ul > li > a {color:#5e6a72; padding:5px 15px 5px 25px; line-height:1.2em;position:relative;}
#ContentLeftNav > ul > li > ul > li > ul > li > a .fa {position:absolute; color:#380982; font-size:10px; top:9px; left:12px; display:none;}
#ContentLeftNav > ul > li > ul > li > ul > li.selected > a {text-transform:uppercase;}
#ContentLeftNav > ul > li > ul > li > ul > li.selected > a .fa {display:block;}

#ContentLeftNav > ul > li > ul > li > ul > li > ul {padding-bottom:10px; display:none;}
#ContentLeftNav > ul > li > ul > li > ul > li.selected > ul { display:block; margin-left: 35px;}

#ContentLeftNav > ul > li.hide > a { display: none;}




/* BODY ELEMENTS
---------------------------------------------
---------------------------------------------*/
/* Textured Main Background */
.structBody {float:left;padding:2em 0 2em; width:100%; background: #fff; position:relative; background: url(images/bkgd_body.gif) repeat;}

/* Breadcrumbs */
.structBody #ContentBreadCrumbs{padding:0 0 1em;}
.structBody #ContentBreadCrumbs ul {list-style:none; margin:0; padding:0;float:right;}
.structBody #ContentBreadCrumbs li{padding:0;margin:0;float:left; font-style:italic; color:#380982;}
.structBody #ContentBreadCrumbs li.leader {color:#666666; font-weight:700;}
.structBody #ContentBreadCrumbs li a{display:block;text-decoration:none; color:#8c8c8c; padding:0 3px;}
.structBody #ContentBreadCrumbs li:first-child a{background:none;padding-left:0;}
.structBody #ContentBreadCrumbs li.navselected a{font-weight:bold;}

/* Main white wrapper w/ Rounded Corners */
.mainWrapper {float:left; width:100%; background:#fff; padding:12px 0 4em;-webkit-border-radius: 5px;border-radius: 5px;}

.staffWrapper .row {clear:both;}

/* 2 column -  Adds padding to main content on the right */
.twoCol .midWrap {padding-right:2em;}

/* Page Name */
#ContentPageName {padding-top:1.4em;}
#ContentMiddle h1.newsTitle,
#ContentPageName h1 {color:#444444; text-transform:uppercase; font-weight:normal; font-size:1.71em; line-height:1.2em; border-bottom:1px solid #dadada; padding-bottom:0.3em; margin-bottom:0.8em; }
/* hides news article titles on all pages except View Content */
#ContentMiddle h1.newsTitle {display:none;}
.IMOD252 #ContentMiddle h1.newsTitle {display:block;}
.threeCol #ContentPageName {padding-right:2em;}

.midWrap img {max-width:100%; height:auto!important;}

/* news page social share buttons */
.socialNewsBtns {float:left; width:100%; margin:0 0 1em;}
.socialNewsBtns #divSocialButtons {float:left; margin-right:10px;}
.socialNewsBtns #divSocialButtons li.in-share-button span {min-height:20px!important;}
.backBtn a {text-decoration:none; float:left; }
.btn.newsBack {font-size:0.95em; text-decoration:none;width:20%; min-width:100px;}
.btn.newsBack span {text-decoration:none;}

/* News Listings - with Thumbnails */
.newsItem {float:left; width:100%; padding:1.5em 0 0; border-top:1px solid #DADADA; margin-top:1.5em;}
.newsItem .thumb {float:left; width:80px;}
.newsItem .thumb img {max-width:100%;}
.newsItem .text {float:left; padding-left:15px; width:615px;}
.newsItem .title {color:#4398e5; font-size:1.35em; line-height:normal; padding:0 0 5px;}
.newsItem .title a {color:#4398e5;text-decoration:none;}
.newsItem .preview {}
.newsItem .pubDate {font-size:0.9em; font-style:italic; color:#999; padding-top: 10px;}


/* Event Listing - with Calendar style dates */
.eventItem {float:left; width:100%; padding:1.5em 0 0; border-top:1px solid #DADADA; margin-top:1.5em;}
.eventItem .icon {float:left; display:none;}
.eventItem .date {float:left; width:65px; text-align:center; height:65px;border:1px solid #DADADA; }
.eventItem .date .month {background:#380982; color:#fff;text-transform:uppercase; font-weight:bold;}
.eventItem .date .day {font-size:2em; line-height:1.4em;color:#999;}
.eventItem .text {float:left; padding-left:20px;width:630px;}
.eventItem .text .title {color:#4398e5; font-size:1.35em; line-height:normal; padding:0 0 5px;}
.eventItem .text .title a {color:#4398e5;text-decoration:none;}
.eventItem .text .fulldate {float:left; padding-right:2em; font-style:italic;color:#999;}
.eventItem .text .time {float:left;font-style:italic;color:#999;}
.eventItem .text .preview {float:left; width:100%; padding:5px 0 0;}

/* staff directory */
.facultyItem {float:left; width:50%;padding:20px 0;}
.facultyItem .thumb {border: 3px solid #ccc; height:105px;float: left; position: relative; width: 96px;background-color:#eee;background-image:url(images/bkgd_staffer-fullcolor.png); background-size:cover;background-position:center; background-repeat:no-repeat;}
.facultyItem .thumbWrapper {background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; position: absolute; width: 100%;top:0; left:0;}
.facultyItem .thumbImg {display: none;}
.facultyItem .text {padding-left: 115px; padding-right: 10px;padding-top:5px;}
.facultyItem .title {color: #380982; display: block; font-family: "Lato"; font-size: 18px; font-weight: 300; line-height: 1.2em; padding: 0 0 5px;}
.facultyItem .preview {font-size:13px; line-height:1.5em;}


/* RIGHT COLUMN (ON THREE COLUMN ONLY)
---------------------------------------------
---------------------------------------------*/
.structRight {padding-right:2em;}






/* Footer Elements
---------------------------------------------
---------------------------------------------*/
/* Main texture for footer */
footer {float:left; width:100%;background:#380982; color:#fff; border-top:5px solid #fff; }

/* Transparent gradient in middle of the footer - probably don't need to change */
footer > .container {background:url(images/bkgd_footer_gradient.png) repeat-y center top; overflow:hidden;padding:3em 0; background-size:100%;}

/* Styles for 4 across boxes */
footer h3 {text-transform:uppercase; font-weight:300; font-size:1.285em; line-height:normal;color:#fff; font-family: "Lato";}
footer a.btn {margin-top:1.5em;}

footer hr {background:#7c54ba; color:#424242; margin:3em 0;}

/* Main footer info */
footer #ContentFooter {text-align:center; font-size:0.928em; line-height:noraml;}
footer #ContentFooter a {color:#aaa;}
footer #ContentFooter a.logo {display:block; width: 105px; height: 108px; background:url(images/SP-logo4gold.png) no-repeat 0 0; background-size:100%;text-indent:-999em; margin:0 auto;}
.ie8 footer #ContentFooter a.logo {display:block; width: 70px; height: 68px; background:url(images/prepseal-small.png) no-repeat 0 0; background-size:100%;text-indent:-999em; margin:0 auto;}
footer #ContentFooter h2 {color:#F2A900; font-style:italic; font-weight:300; font-size:2em; padding:0.5em 0;text-transform:none;}

/* Mobile Navigation
---------------------------------------------*/
.m-pikabu-sidebar {background:#333333}
.m-pikabu-sidebar .mainNav ul li a {text-decoration:none; font-size:1em; font-weight:bold; padding:0.85714em 0.5em; color:#ccc;}
.m-pikabu-sidebar .mainNav ul li ul {display:none;}
.m-pikabu-sidebar .mainNav ul ul li {background:#222}
.m-pikabu-sidebar .mainNav ul ul li a {color:#ccc}
.m-pikabu-sidebar .mainNav ul li.selected > ul {display:block;}
.m-pikabu-sidebar .mainNav li.selected > a {background:#484848; color:#fff}
.m-pikabu-sidebar .mainNav li li.selected >a {background:none; }
.m-pikabu-sidebar .mainNav li li ul {background:#111;padding: 0.5em 0; border-top:1px solid #222}
.m-pikabu-sidebar .mainNav li li li {background:#111; border:none;}
.m-pikabu-sidebar .mainNav li li li a {padding-left:3.5em; padding-top:2px; padding-bottom:2px;}

.m-pikabu-sidebar .toolsNav ul li {border-color:#555}



/* Homepage (Overwrite) Elements
---------------------------------------------
---------------------------------------------*/
.start .structBody {padding-top:1.75px 0;}

.featureWrap {float:left; width:100%; padding:2em 0;}

/* Rotator */
.rotator {position:relative; width:642px; height:337px;-webkit-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.bx_slide {position:relative;}
.bx_slide .sldimg {}
.bx_slide .sldimg img {display:block;}
.bx_slide .sldtxt {position:absolute; bottom:20px; left:20px; width:245px;background:url(images/bkgd_rotator_overlay.png) repeat 0 0; padding:20px 20px 45px;-webkit-border-radius: 3px;border-radius: 3px;}
.bx_slide .sldtxt .title {color:#4398e5; font-size:1.571em; line-height:normal; font-weight:300; padding-bottom:7px;}
.bx_slide .sldtxt .title a {color:#4398e5; text-decoration:none;}
.bx_slide .sldtxt .preview {color:#333;}

.rotator ol.flex-control-nav {position:absolute; bottom:32px; left:40px;}
.rotator ol.flex-control-nav li {float:left; margin-right:5px;}
.rotator ol.flex-control-nav li a {display:block;border-radius: 50%;width: 13px;height: 13px; background:#999;text-indent:-999em; cursor:pointer;}
.rotator ol.flex-control-nav li a:hover {background:#d2d2d2;}
.rotator ol.flex-control-nav li a.flex-active {background:#380982;}

/* feature rotator */
.featureRotator {float:left; width:100%; background:#eee; height:400px; overflow:hidden;}
.featureRotator .container {position:relative;}
.featureRotator #ContentRotator { position: relative;z-index:10;}
.featureRotator #ContentRotator table {table-layout:fixed;}
#sliderWrap {opacity:0;}
.bx-viewport { overflow: visible !important;}
.bx_slider { height: 400px; margin: 0 auto; width: 1002px;}
.bx_slider .bx_slide {height: 400px;/* opacity: 0.25;*/ position: relative; transition: opacity 0.5s ease-in-out 0s; width: 1002px; background:url(images/bkgd_rotator_slide.png) repeat-y 0 0 #FFF;}
.bx_slider .bx_slide .sldimg {border-left: 1px solid #FFFFFF; float: left; height: 400px; overflow: hidden; position: relative; width: 1002px; z-index: 0;display: block;}
.bx_slider .bx_slide .sldimg img { border: medium none; display: block; position: relative; z-index: 0; opacity:0.25;}
.bx_slider .bx_slide.active-slide img { opacity: 1;}
.bx_slider .bx_slide .sldtxt {background:none; display: none; padding: 20px; position:absolute; bottom:20px; left:0; width:100%;text-align:center;}
.bx_slider .bx_slide.active-slide .sldtxt {animation: 1s ease 0s normal none 1 fadeIn; color: #333333; display: block; font-size: 16px; line-height: 1.5em;}
.bx_slider .bx_slide .sldtxt .title { font-size: 24px; letter-spacing: -1px; line-height: normal; padding: 10px 8%; background: rgba(56, 9, 130, 0.7) none repeat scroll 0 0;  border: medium none; color: #fff; display:inline;}
.bx_slider .bx_slide .sldtxt .title a {color: #fff; text-decoration: none;}
.bx_slider .bx_slide .sldtxt .title a:hover { color: #fff;}
.bx_slider .bx_slide .sldtxt .preview {}
.bx_slider .bx_slide .sldtxt .preview a { color: #333333; text-decoration: none;}
.bx_slider .bx_slide .sldtxt .more { color: #133754; float: left;  font-size: 14px; padding: 10px 0 0; text-transform: uppercase;}
.bx_slider .bx_slide .sldtxt .more span { display: none;}
.bx_slider .bx_slide .sldtxt .more a { text-decoration: none;}
.bx_slider .bx_slide .sldtxt .more a span { display: block;}
.featureRotator #ContentRotator a.bx-prev,
.featureRotator #ContentRotator a.bx-next { display: block; height: 60px; outline: medium none;position: absolute; text-indent: -999em; top: 40%; width: 35px;}
.featureRotator #ContentRotator a.bx-prev {background: url("images/arrow_rotator_back.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); left: 0px;}
.featureRotator #ContentRotator a.bx-next { background: url("images/arrow_rotator_next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    right: -1px;}
.loading {color:#ccc; font-size:3em; line-height:normal; position:absolute; top:40%; left:50%; z-index:5;}
.loading .fa {}


/* top callout (by rotator) */
.callout {background:#d2d2d2;height:337px;-webkit-border-radius: 5px;border-radius: 5px; padding:20px 30px 10px; color:#333; overflow:hidden;}
.callout h2 {margin:0 0 10px; color:#777777; font-weight:300; font-size:1.4285em; line-height:normal; padding:0;}

/* announcements - bottom spacing only shows when an annoucement is present */
.announcementsWrap {float:left; width:100%;}
.announcement {float:left; width:100%; margin:0 0 30px; color:#8c8c8c; font-weight:300; font-size:1.37em; line-height:1.4em; font-style:italic; text-align:center;}
.announcement .title {font-weight:700; color:#666;}

/* homepage 3 columns */
.mainContentWrap {float:left; width:100%;}
.container .startMainRow {overflow: hidden;}
.startMainRow .triCol {position: relative;margin-bottom: -99999px;padding-bottom: 99999px;background:#f8f7f4;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; overflow:hidden;}
.startMainRow .triCol .colHeader h3 {background:#380982; color:#fff;border-bottom:3px solid #ccc;text-transform:uppercase; font-weight:300; font-size: 1.185em; line-height:normal; padding:10px 15px;}
.startMainRow .triCol .colHeader h3 strong {color:#f4aa00;}
.startMainRow .triCol .colMain { padding:9px 10px 0;}

.startFootRow {overflow:hidden;}
.startFootRow .triCol {background:#f8f7f4;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;position:relative;padding: 0; float: left; overflow:hidden;min-height:25px;}
.startFootRow .triCol .colFoot {-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;overflow:hidden;}
.startFootRow .triCol .colFoot a {width:100%; background:#999999;display:block; color:#fff; text-decoration:none; text-transform:uppercase;text-align:center; font-size:0.85em; line-height:normal; padding:5px;}
.startFootRow .triCol .colFoot a:hover {background:#b3b3b3;}

/* homepage news */
.start .newsItem {margin:0; padding:7px 0;border:none;}
.start .newsItem .thumb {}
.start .newsItem .text {width:200px; padding-left:10px;}
.start .newsItem .title {color:#333333; font-size:1.1428em; line-height:1.3em; font-family: "Lato";}
.start .newsItem .title a {color:#333333}
.start .newsItem .title a:hover {color:#666;}
.start .newsItem .preview,
.start .newsItem .pubDate {display:none;}

/* homepage events */
.start .eventItem {margin-top:13px; padding-top:13px;}
.start .eventItem:first-child {border:none; margin-top:0; padding-top:7px;}
.start .eventItem .icon  {display:block; color:#380982; font-size:31px; line-height:1em;}
.start .eventItem .date {width:70px;border:none; height:auto; padding-left:12px; text-transform:uppercase; font-size:1.4285em; line-height:1.1em; text-align:left;}
.start .eventItem .date .month {background:none; color:#444444;}
.start .eventItem .date .day {color:#f4aa00; font-weight:700; font-size:1em; line-height:1em;}
.start .eventItem .text {width:185px; padding-left:0;}
.start .eventItem .text .title {color:#444444; font-size:1em; line-height:normal; padding:0; font-family: "Lato";}
.start .eventItem .text .title a {color:#444444}
.start .eventItem .text .preview {color:#999999; font-size:0.857em; line-height:normal;}

/* homepage list of links & social icons */
.colMain ul {margin:0; padding:0; list-style:none;}
.colMain ul.linklist {padding:0 0 10px;}
.colMain ul.linklist li {padding:5px 0;}
.colMain ul.linklist li a {color:#5e6a72; text-decoration:none; display:block; background:#fff; padding:5px 10px;-webkit-border-radius: 3px;border-radius: 3px;}
.colMain ul.linklist li a:hover {background:#f8f7f4;}

.colMain ul li.social {display:table-cell; padding-left:10px; line-height:29px;}
.colMain ul li.social:first-child {padding-left:0;}
.colMain ul li.social a {display:block; width:29px; height:29px; background-size:100%; background-repeat:no-repeat; text-indent:-999em;}

/* social icons */
.colMain ul li.social a.facebook {background-image:url(images/social/facebook.png);}
.colMain ul li.social a.twitter {background-image:url(images/social/twitter.png);}
.colMain ul li.social a.linkedin {background-image:url(images/social/linkedin.png);}
.colMain ul li.social a.flickr {background-image:url(images/social/flickr.png);}
.colMain ul li.social a.instagram {background-image:url(images/social/instagram.png);}
.colMain ul li.social a.pinterest {background-image:url(images/social/pinterest.png);}
.colMain ul li.social a.picasa {background-image:url(images/social/picasa.png);}
.colMain ul li.social a.rss {background-image:url(images/social/rss.png);}
.colMain ul li.social a.youtube {background-image:url(images/social/youtube.png);}
.colMain ul li.social a.vimeo {background-image:url(images/social/vimeo.png);}
.colMain ul li.social a.blog {background-image:url(images/social/blog.png);}
.colMain ul li.social a.googleplus {background-image:url(images/social/googleplus.png);}
.colMain ul li.social a.itunes {background-image:url(images/social/itunes.png);}

.colMain ul li.social a.btn {text-indent:0; width:auto;text-transform:none; font-style:italic; font-size: 1.1em;}
.colMain ul li.social a.btn:hover {color:#fff; text-decoration:none;}
.colMain ul li.social a.btn span {padding:0 15px; line-height:29px;}

/* homepage photo gallery */
.photoGallery {background:#fff;-webkit-border-radius: 5px;border-radius: 5px; margin-top:30px;position:relative;}
.photoGallery .galleryTitle {padding:20px 0 50px 20px;}
.photoGallery .galleryTitle h2 {font-weight:normal;text-transform:none;font-weight:300;padding:0 0 10px; color:#333;  font-family: "Lato";}
.photoGallery .galleryTitle h2 .blue {color:#380982 ;text-transform:uppercase;display:block;}
.photoGallery a.grayBtn {background:#380982;color:#f2f2f2 ;-webkit-border-radius: 5px;border-radius: 5px; display:block; text-decoration:none; float:left; padding:0.3em 1em; position:absolute; bottom:20px; left:20px;  font-family: "Lato";}
.photoGallery a.grayBtn:hover {background:#f2f2f2 ; color:#380982;}
.photoGallery .gallery {padding:20px 20px 20px 0;}
.galleryItem { float: left; margin-left:17px;}
.galleryItem:first-child {margin-left:0;}
.galleryItem .thumbnail {border:3px solid #ccc;}
.galleryItem .thumbnail:hover {border-color:#ddd;}
.galleryItem .text {display:none;}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only (won't affect older IE browsers)
   ========================================================================== */

@media only screen and (min-width: 1001px){
    /* Styles */

    footer a.btn {
    margin-top: 1.5em;
    position: absolute;
    bottom: 0;
    width: 100%;}

    .footerInfo {
    min-height: 262px;
    position: relative;
    }

}

/* =============================================================================
   Tablet Devices (iPads and larger)
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
    /* Styles */

    /* Tweaks to the Header */
    a#nav-open-btn {display:none;}
    .headerLogo a#headLogo {margin-left:20px;}
    #ContentMemberTools,
    #ContentSearch {margin-right:20px;}

    .mainWrapper {-webkit-border-radius: 0px;border-radius: 0px}
    .desktopNav > ul > li > a {font-size:0.9em;}

    /* Tweaks to the Breadcrumbs */
    .structBody #ContentBreadCrumbs ul {padding-right:1em;}

    /* Tweaks to the Left Column */
    .structLeft {padding-right:0;}

    .newsItem .text {width:450px;}
    .eventItem .date {width:55px;}
    .eventItem .text {width:465px;}

    /* Tweaks to the Footer */
    footer h3 {font-size:1.142em;}
    .footerInfo {padding: 0 9px;}
    footer .footerInfo a.btn span {padding:0.8em 0.3em;}

    /* Homepage (Overwrite) Elements */
    .container .rotator {width:100%; padding:0 8px;margin:0 0 1em;}
    #ContentFeatureRotator {width:642px; margin:0 auto;-webkit-border-radius: 5px;border-radius: 5px; overflow:hidden;}
    .container .rotator .flexslider {position:relative;}
    .container .callout {width:752px; height:auto; margin-bottom:1em;}
    #ContentMiddleLayoutCalloutTitle {float:left; width:25%;}
    #ContentMiddleLayoutCallout {float:left; width:75%; margin-top:-0.5em;}
    .announcement {font-size:1.2857em; line-height:1.4em;margin-bottom:2em; margin-top:1em;}
    .start .newsItem .text {width:140px;}
    .start .eventItem .icon {display:none;}
    .start .eventItem .date {padding-left:5px;width:60px;}
    .start .eventItem .text {width:160px;}
    .colMain ul li.social {padding-left:5px; line-height:32px;}
    .colMain ul li.social a {width:32px; height:40px; margin-right: 19px;}
    .colMain ul li.social a.btn span {padding: 5px 10px 0; line-height: 28px; font-size: 16px;}
    .galleryItem:nth-child(3) {display:none;}
    .photoGallery .galleryTitle {width:250px;}
    .photoGallery .gallery {width:484px; float:right;}

    .headerLogo a { font-size: 12px;}

    .colMain ul li.homegift { width: 100%; float: left; margin-top: 10px; padding-left: 0 !important; }

    .footerInfo { min-height: 333px; position: relative;}
    footer a.btn {
    margin-top: 1.5em;
    position: absolute;
    bottom: 0;
    width: 100%;}

    .facultyItem {padding:10px 0;}
    .facultyItem .thumb {float:none;}
    .facultyItem .text {padding-left:0;padding-right:20px;padding-top:10px;}


}

/* =============================================================================
   All Devices Smaller than an iPad, but Larger than iPhone mobile
   ========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {

    /* set the width of the container to be 456max */
    #inner-wrap header .container,
    #inner-wrap #main .container,
    #inner-wrap footer .container{width:456px;padding:0 5px;}

}

/* =============================================================================
   All Devices smaller than iPad (768px)
   ========================================================================== */
@media only screen and (max-width: 767px) {
/* Styles */

    /* Mobile Site Search */
    #ContentMobileSearch {padding:1em 0; text-align:center; color:#ccc;}
    #ContentMobileSearch input {background:#666;border:none; padding:0.5em 1em; width:80%;-webkit-border-radius: 20px; border-radius: 20px; color:#ccc;}
    #ContentMobileSearch button,
    #ContentMobileSearch label,
    #ContentMobileSearch .SearchModuleSpacer {display:none;}

    /* Mobile Header Changes */
    .structHead {border-top:5px solid #5b5b5b; padding:1em 0;}
    /* Updated Logo for Header - twice the size of the dimensions for Retina Images */
    .headerLogo a#headLogo {background:url(images/logo_mobile.png) no-repeat 0 0; width:215px; height:45px; background-size:100%;}
    h1#ContentLogo { width:240px; padding-right:0;}
    h1#ContentLogo strong {display: none;}
    a#nav-open-btn { display:block; text-decoration:none; color:#380982; float:right; padding-right:20px; font-size:2em; line-height:42px; opacity:1;}
    a#nav-open-btn span.title {display:none;}

    /* Mobile Slide Nav Styles */
    #nav {display:block;}
    .toolsNav {background:#444;}
    /* Smaller bar for navigation - update background image */
    .desktopNavBar {background:url(images/bkgd_topnav_mobile.png) repeat-x 0 0; margin:0; height:16px;}

    /* Main Body Mobile Changes */
    img.left,
    img.right {margin:0 auto 1em; display:block; text-align:center;float:none;}

    .LoginLeftMargin {display:block; margin:none;}

    .newsItem .thumb {padding:0 10px 5px 0;}
    .newsItem .text {width:auto; float:none; padding-left:0;}
    .eventItem .date {width:20%;}
    .eventItem .text {width:80%;padding-left:5%;}


    /* Mobile Footer Changes */
    #inner-wrap footer .container {width:100%; text-align:center; padding:3em 0;}
    footer #ContentFooter {padding:0 2.5em;}
    footer #ContentFooter h2 {font-size:1.5em;}
    footer h3 {text-align:center;}
    footer .footerInfo {text-align:left;}
    footer .footerInfo a.btn {margin:1em;}
    footer hr {margin:1em 0;}

    /* Styles for "Back to Top" Link */
    a.toplink {display:block; padding:1em; text-align:center; font-size:0.8em; line-height:normal;clear:both; text-decoration:none; color:#fff; text-transform:uppercase;}

    /* Homepage (Overwrite) Elements */
    .start .structBody {padding:0;}
    .start .container .grid_12 {padding:0;}
    .start .container .rotator {padding:0; height:auto; margin-bottom:17px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
    .start .container .rotator table {table-layout:fixed;}
    .flexslider {background:#fff;}
    .bx_slide .sldtxt {position:relative; background:#fff;left:0; width:100%; bottom:auto; padding:1em;}
    .bx_slide .sldtxt .preview {display:none;}
    .rotator ol.flex-control-nav {top:auto; width:100%; text-align:center; left:0; bottom:25%;}
    .rotator ol.flex-control-nav li {float:none; display:inline-block;}
    .container .callout {height:auto; background:none; padding-top:0; padding-bottom:0;}
    #ContentMiddleLayoutCalloutTitle {width:100%;background:#D2D2D2;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;float:left; padding:1em 1em 0;}
    #ContentMiddleLayoutCallout {width:100%;background:#D2D2D2;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;float:left;padding:0 1em 1em;}
    .announcement {padding:20px; font-size:1.2857em; line-height:1.4em; margin-bottom:1em;}
    .startMainRow .triCol {overflow:auto; padding-bottom:10px; margin-bottom:1em;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
    .startMainRow .triCol .colHeader h3 {padding:10px 20px;}
    .startMainRow .triCol .colMain {padding:5px 20px 0;}
    .start .newsItem .thumb {width:25%;}
    .start .newsItem .text {width:75%; float:left; padding-left:0;}
    .colMain a.more {text-align:center; color:#4398e5; text-transform:uppercase; text-decoration:none; font-size:0.85em; padding:2em 0 0;float:left; width:100%;}
    .start .eventItem .icon {width:10%;}
    .start .eventItem .date {width:25%;}
    .start .eventItem .text {width:65%;}

    /* homepage fixes */
    .featureRotator,
    .bx_slider {height:300px;}
    .bx_slider .bx_slide {width:752px; height:300px;}
    .bx_slider .bx_slide .sldimg {width:100%; height:auto;border:none;}
    .bx_slider .bx_slide .sldimg img {opacity:1;}
    .bx_slider .bx_slide .sldtxt .title {font-size:24px;}

    .facultyItem {width:100%;padding:10px 0;}

}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */

    .startMainRow .triCol {-webkit-border-radius: 0;border-radius: 0;}
    .rotator ol.flex-control-nav {bottom:35%;}

    /* homepage fixes */
    .rowWrap .contentArea table {table-layout:fixed;}
    .featureRotator,
    .bx_slider {height:auto;background:#fff;min-height:120px;}
    .bx_slider .bx_slide {width:100%; height:auto;background:none;}
    .bx_slider .bx_slide .sldimg {width:100%; height:auto;border:none;}
    .bx_slider .bx_slide .sldimg img {opacity:1;}
    .bx_slider .bx_slide .sldtxt {bottom:auto;position:relative; float:left; width:100%; padding:0 20px;}
    .bx_slider .bx_slide .sldtxt .title {font-size:1em;display:block; padding:5px 10px 10px; margin-top:-25px; letter-spacing:normal;}
    .featureRotator #ContentRotator a.bx-prev, .featureRotator #ContentRotator a.bx-next {top:20%;}

}

/* =============================================================================
   Retina Display
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  /* border-top: 1px solid #dddddd; */
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped tr > th {
  background-color: #222;
  color:#fff;
  font-family:"Oswald","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:uppercase;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eeedec;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 699px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
  @-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

}