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


@font-face {
  font-family: "FontAwesome";
  src: url('/bootstrap/fonts/fontawesome-webfont.eot');
  src: url('/bootstrap/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('/bootstrap/fonts/fontawesome-webfont.woff') format('woff'), url('/bootstrap/fonts/fontawesome-webfont.ttf') format('truetype'), url('/bootstrap/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}



.smuSocialMedia {
	/* hides social icons in header, for now. this can be removed at any time */
	/*display: none;*/
}

small {
    font-size: 85%;
}


/*-----------------------------------------------------
      CAPE home page specific styles 
----------------------------------------------------- */

.program {
	/* program info boxes on home page */
	margin-bottom: 20px;	
}

.program h3 {
	/* headers within program info boxes on home page */

font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 400;
	text-transform:uppercase;
	color: #666;
	text-shadow:1px 2px 2px #DDD;
	margin-bottom: 10px;
}

.program h3 a.btn {
        font-family: Helvetica, Arial, sans-serif;
        text-transform: none;
margin-left: 10px;
}

.program p.more {
	/* centers buttons in program info boxes on home page */

	text-align: center;	
}

table.capeCourses td p:before {
	/* adds calendar icon before event */
	content: "\f08d ";
	font-family: "FontAwesome";
margin-right: 5px;	
}

table.capeNews td p:before {
	/* adds calendar icon before event */
	content: "\f016 ";
	font-family: "FontAwesome";
margin-right: 5px;	
}




#smuSideNav .accordion-group  {
	/* customizes accordion for customized right nav on certain pages */	
border: none;
	border-radius: 0px;	
}
#smuSideNav .accordion-inner {
/* customizes accordion for customized right nav on certain pages */	
	border-top: none;
	padding: 0px;
}

#smuSideNav .nav-header.home strong {
/* makes sidenav title normal weight; looks best this way with their custom font */
	font-weight: normal;
}


#titleWrapper h1 {
	/*  custom style for page titles throughout site */
	font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif;
}

#titleWrapper h1.departmentName {
	/*  custom style for department name bars throughout site */

	font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 8px 20px;
}
#smuSideNav .nav-header.home, #smuSideNav .nav-header.home a {
	/* custom style for headers in right-side navigation boxes */
	font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 400;
}


.centered {
	 /*centers buttons, or anything in a <p class="centered"> tag */
	text-align: center;
 }
 
 
 /*-----------------------------------------------------
     restyle footer 
----------------------------------------------------- */
#footerListRight {
	font-size: 26px; 
	line-height: 30px;
	display:block; 
	font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif;
	font-weight: 400;
}
 #footerListRight a:hover {
		text-decoration: none; 
 }


/*-----------------------------------------------------
     Fast Facts and Infosessions boxes
----------------------------------------------------- */

div.infoFactsBox {
border-style: solid; 
border-color: #dddddd;
 border-image-source: none; 
border-width: 2px 0px; 
margin-bottom: 20px;
font-size: 12px;
}

div.infoFactsBox.condensed {
background-color: #DEE2EC;
}


div.infoFactsBox.condensed .infosession {
background-color: #EEEEEE;
padding: 10px 15px; 
}

div.infoFactsBox.condensed .youCan {
background-color: #dee2ec; 
margin: inherit; 
padding: 5px 15px;
font-weight: bold;
}


.wellRight div.infoFactsBox .youCan {
margin: 10px 0 0 0;
}

.wellRight div.infoFactsBox .youCan a {
margin-right: 20px;
}

div.infoFactsBox h3 {
font-size: 17px;
margin-bottom: 10px;
}


div.infoFactsBox h3.blue {
color: #0055cc;
}

div.infoFactsBox h3.red {
color: #CC0035;

}



div.infoFactsBox .infosession {
padding: 15px 15px 0px; 
background-color: #eeeeee;
}

div.infoFactsBox .fastfacts {
padding: 15px 10px;
}

div.infoFactsBox .youCan {
background-color: #dee2ec; 
margin: 0px -15px; 
padding: 5px 15px;
font-weight: bold;
}

div.infoFactsBox .youCan a {
font-weight: bold;
}

div.infoFactsBox .youCan div {
min-height: 0px;
}

div.infoFactsBox .youCan em {
color: #0055cc;
}

 
 /*-----------------------------------------------------
     Login Box for ACEWARE
----------------------------------------------------- */

.loginACE {
	float: right; 
	margin-top: -32px; 
	color: white; 
	font-size: 11px; 
	font-weight: bold;

}
.loginACE .btn {
	margin-left: 10px;
}

/*-----------------------------------------------------
      Welcome message widget customization
----------------------------------------------------- */

#welcomeMessage {
    width: 400px;
background: #d9f28a; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #d9f28a 0%, #9ed637 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d9f28a), color-stop(100%,#9ed637)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #d9f28a 0%,#9ed637 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #d9f28a 0%,#9ed637 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #d9f28a 0%,#9ed637 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #d9f28a 0%,#9ed637 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f28a', endColorstr='#9ed637',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
bottom: 32px;
}

#welcomeMessage p {
	color: #333;	
	font-weight: 300;
font: 18px/22px 'Yanone Kaffeesatz',Helvetica,sans-serif;
} 

#welcomeMessage h3 {
font: 28px/28px 'Yanone Kaffeesatz',Helvetica,sans-serif;
	color: #333;
	font-weight: 300;
	text-transform:uppercase;
	margin-bottom: 20px;
	text-align:center;
}

#welcomeMessage a.btn, #welcomeMessage a.btn:hover {
	font-family: Helvetica, Arial, sans-serif;
color: #FFF;	
}


/*-----------------------------------------------------
      end of stuff to move to smu.css 
----------------------------------------------------- */





/* -------------------------------
   RESPONSIVE DESIGN 
   ------------------------------ */
 @media (max-width: 767px) {

#welcomeWrapper img {
	display: none;	
		
}

#welcomeMessage {
    background: #FFFFFF;
	top: 0;
    left: 0;
    max-width: 100%;
    opacity: 1;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}
#welcomeMessage h3 {
	color: #333;
	text-shadow: none;
	font-size: 28px;
}

#welcomeMessage p {
    color: #333333;
    font-size: 22px;
    font-weight: normal;
	line-height: 130%;
}

.program {
	border-top: 1px dotted #CCC;	
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 0;
}
.program h3 {
	text-shadow: none;	
}

#smuFooter #footerListRight {
    float: none;	
	text-align: center;
    width: 100%;
}

 }