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

*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow:none;
text-rendering: optimizeLegibility;
}

html {
    background-color: #ffffff;
    background-image: none;
}


body {
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), #C0D5E0; /* Old browsers */
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), -moz-linear-gradient(top, #C0D5E0 0%, #FFFFFF 100%); /* FF3.6+ */
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C0D5E0), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), -webkit-linear-gradient(top, #C0D5E0 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), -o-linear-gradient(top, #C0D5E0 0%, #FFFFFF 100%); /* Opera 11.10+ */
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), -ms-linear-gradient(top, #C0D5E0 0%, #FFFFFF 100%); /* IE10+ */
	background: url(~/media/Site/Perkins/BGLabyrinthWhite.ashx), linear-gradient(to bottom, #C0D5E0 0%, #FFFFFF 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C0D5E0', endColorstr='#FFFFFF', GradientType=0 ); /* IE6-9 */
	background-position: top center;
	padding-bottom: 0; /* removes padding on bottom of body so new footer can be at bottom of page*//* overrides the 14px default in BootstrapCDN*/
line-height: 20px;
font-size: 14px;

}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;


}
#titleWrapper p.departmentName {
	background-color: #2D4050;
/*background-color: #9F2A1E;*/
	background-image: none;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;
font-size: 23px;
}
.tagline {
	/* for school's tagline in footer area */
	color: #6e8c2d;
	font-size: 18px;
	font-style: italic;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;
text-align: right;
margin-bottom: 10px;

}
.carousel .tagline {
	color: #FFF;
	padding: 10px;
	background-color: #333;
	text-align: right;
}
.smuFixedTop {
	position: relative;
	height: 70px;
}
.smuSearch {
	margin-bottom: 1px;
	margin-top: 1px;
}
.navbar-fixed-top {
	position: relative;
	top: 0px;
margin-top: 0;
}
.navbar .nav {
/* brute force positioning of this with margins to reduce mysterious space at top. find better way. 
    margin: -5px 0 0;
 */
}


.smuSocialMedia {
	margin-top: 12px;
}
.smuSocialMedia a {
	color: #FFFFFF;
	opacity: .7;
	font-size: 20px;
}
#smuContentWrapper {
	margin: 0 auto 0;
}
.navbar-inner {
	background-image: none;
	/* background-color: #4C7DA0;
	background-color: #0E99B8; */
	background-color: #43759a;

}
.navbar .nav > li > a {
	color: #FFF;
	text-shadow: none;
	border-right: 1px solid #94b7d1;
font-size: 14px;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;
}

.navbar .nav > li:first-child a:first-child {
	border-left: 1px solid #94b7d1;
}

 .smuTopNav .nav > li > a:hover {
	/*changes text and background color of main navbar on hover */
	/*background-color: #93C6EB;
background-color: #93e5f7;*/
background-color: #c4d7e5;

	color: #333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: #c4d7e5;
	color: #333;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	color: #ffffff;
	background-color: #c4d7e5;
	background-image: none;
}


.nav-collapse-resources {
    background-color: #f6f6f6;
    box-shadow: 0 10px 15px -10px #aaa inset;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
}






h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin-bottom: 5px;
}
h3 {
	font-size: 24px;
	font-weight: 300;
}

h4.headline {
font-size: 16px;
}

td.news {
padding: 10px;
}

#titleWrapper h1 {
	font-weight: 300;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 10px;
color: #9f2a1e;
}
.sideBar {
	background-color: #ffe8bb;
	padding: 15px;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;
	font-size: 90%;
}
#smuSideNav {
	/*background-color: #EAF2D7;
	background-color: #EFEFED;*/
	background-color: #E1E1DD;
	border: 1px solid #dddddd;

	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;*/
}
#smuSideNav .nav-header.home {
	font-size: 18px;
	padding: 10px 5px 5px;
	text-transform: inherit;
}
#smuSideNav .nav-list .divider {
	background-color: #D1D1BD;
	border-bottom: 1px solid #F4F4EF;
}
#smuSideNav .nav-header.home a {
	/* color: #666; */
     color: #2D4050;
}
#smuSideNav .nav-header.home a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#smuSideNav .nav > li > a {
          color: #2D4050;
}

#smuSideNav .nav > li > a:hover {
	/* background-color: #43759a;
	background-color: #0E99B8; 
	background-color: #9f2a1e;
	background-color: #2D4050;*/
        background-color: #818C96;
	color: #FFFFFF;	
}
#smuSideNav .nav > li.currentItem > a {
     background-color: #2D4050;
     color: #FFF;
}

#smuSideNav .nav > li > ul > li {
	list-style: none;
}
#smuSideNav .nav > li > ul > li:before {
	margin-left: -1.2em; /*same as padding-left set on li*/
	width: 1.2em;
	font-family: 'FontAwesome';
	content: "\f0d7";
	;
	display: inline-block;
}
#slidingTray {
	background-color: #14398A;
}
#slidingTray .inner {
	color: #FFF;
	padding: 20px;
	margin: 0 auto;
	max-width: 980px;
}
#slidingTray .inner li a {
	color: #FFF;
}
#slidingTray .inner h3 {
	color: #FCEE96;
	border-bottom: none;
	font-size: 20px;
font-weight: normal;
}
.slidingTrayLinks a {
	color: #FCEE96;
	margin-left: 10px;
	font-size: 12px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: bold;

}

.slidingTrayLinks a.callout {
color: #FFFFFF;
background-color: #CC0035; 
padding: 3px 8px;
}


td.eventDate {
	background-color: #a5c956 !important;
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 5px 15px;
}
td.eventDate .number {
	font-size: 26px;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;

}

.tableHeaderJobs{
	float:left;
        padding: 8px;
        font-size: 20px;
	font-weight:bold;
        color:#9f2a1e;
}

.BioName {
color: #CC0035;
font-weight: normal;
}

#moreNews {
margin-top: -40px;
padding-bottom: 40px;
}

.newsImage {
    float: right;
    margin-bottom: 5px;
    margin-left: 10px;   
}

/*-----------------------------------------------------
     CAROUSEL  
----------------------------------------------------- */


.carousel-caption {
	height: 340px;
	padding: 20px;
	width: 200px;
	left: 0px;
	background: #7B8C9B;
	background: #FFF;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	opacity: .6;
}
.carousel-caption h4 {
	color: #FFF;
	color: #333;
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 20px;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;

}
.carousel-caption p, .carousel-caption a {
	color: #333;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	/*font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
	font-family: Cambria, Georgia, "Hoefler Text", Times, "Times New Roman", serif;

}
.carousel-caption a {
	color: #FC6;
	font-weight: normal;
}
.carousel-caption a:hover {
	color: #FC6;
}
.carousel-indicators {
	bottom: 11px;
	left: 15px;
	right: inherit;
	top: inherit;
}
footer {
	/*background-color: #D3E1E9;
	border-top: 2px solid #a5c956;
	background-color: #EFEFED;*/
	background-color: #E1E1DD;
	border-top: 2px solid #dddddd;

}

#perkinsHomeBottomRow {
	margin-top: 20px;
}



body {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
}


#smuSideNav .nav-list>li>a, #smuSideNav .nav-list .nav-header{text-shadow: none;}


#twitterShare {
	padding-left: 20px;
	}

#facebookShare > span:first-child {
    vertical-align: baseline !important;
}

/*-----------------------------------------------------
     RESPONSIVE  
----------------------------------------------------- */

@media (max-width: 979px) {
body {
	padding: 0 !important;
	margin-top: 0px;
	background-color: #FFF;
}
.navbar .nav > li > a {
	border-right: none;
}
.navbar .nav {
	/* undoes the brute force positioning from above. when fixed, this can be removed (probably) */
	/*margin: inherit;*/
}

.navbar .nav > li:first-child a:first-child {
    border-left: none;
}

.nav-collapse .nav > li > a {
    color: #333333;
}
 .nav-collapse-resources .nav > li > a:hover,  .nav-collapse-resources .dropdown-menu a:hover,  .navbar ul.nav li.dropdown ul.dropdown-menu li:first-child a:hover {
	 /*changes text and bg color of collapsible navigation menu hovers */
 background-color: #ECECEC;
 color: #333;
}

.nav-collapse-resources {
	background-color: #F6F6F6;
	margin-left: -10px;
    margin-right: -10px;	
	margin-top: 10px;
	-webkit-box-shadow: inset 0px 10px 15px -10px #AAA;
     box-shadow: inset 0px 10px 15px -10px #AAA;
}


.nav-collapse-resources .dropdown-menu {
	/* left-aligns all visible menu items in the collapsible mobile nav, no matter if they're single items or dropdown menu items*/
	margin: 0 0;	
}

.nav-collapse-resources .nav > li > a, .nav-collapse-resources .dropdown-menu a {
	/* styles the collapsible mobile nav menu items*/
	font-weight: normal;
	color: #333;	
	padding: 5px 10px;
	text-shadow: none;
}

.nav-collapse-resources .nav {
	/* styles the collapsible mobile nav menu items*/
	margin-top: 5px;	
	margin-left: 10px;
}
}