@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 480px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 1300px) {}
@media (max-width: 979px) {}
@media (min-width: 980px) {}

@media (min-width: 1300px) {
.wrapper 	{ 
	width:1230px; padding-bottom:30px; }
.top-nav 	{ width:340px; }
	.top-nav ul {
		display:block; padding:25px 30px 0 30px; margin:0; }
		
.navbar-inner 		{ padding:0px 30px; min-height:1px; }
	.navbar-inner .container { 
		width:1170px; margin:0 !important; }
	.nav-collapse > ul	{ 
		width:800px; float:left; padding-left:0px; }
		.nav-collapse li { 
			padding-left:2px; background: url(/t4cms/ucdsmms-nav-pipe.gif) repeat-y 0 0; font-size:1.5em; }	
		.nav-collapse li a {
			color:#fff; text-shadow:0 -1px 0 #002b50; display:block; padding:11px 30px; }
		.nav-collapse li ul li 			{ padding:0 20px; }	
		.nav-collapse li ul li.first 	{ margin-left:20px; }

	.navbar-search 	{ width:340px;}	

/****** HOMEPAGE AND HUB ******/
.ctas-vertical,
.connect-vertical,
.shortlist  {
	width:240px; margin-left:30px; }
	.connect-vertical p {
		font-size:1.5em; }
	.ctas-vertical li a span {
		background:url(/t4cms/ucdsmms-sprite.png) no-repeat 112% -815px; display:block; padding:20px; }
.sidebar {
	width:340px; margin-right:30px; margin-bottom:30px; }
.homepage-columns {
	position:relative;  }		
.home-news {
	padding-top:30px;}
.carousel { margin-bottom:-30px; min-height:410px; }			
.carousel figure figcaption {
	width:300px; padding:20px; top:0px; right:58px; }
	.carousel figure figcaption h1 {
		font-size:2.5714em; }
	.carousel figure figcaption h2 {
		font-size:1.7142em; }	
.hub-title {
	padding:20px 30px; }
.cta-large {
	width:340px; margin:0 0 30px 30px;}
	.cta-large-left {
		margin-right:0px; clear:both }			
.hub-news {
	margin:0 30px 30px 30px; }	
	
/****** INSIDE PAGES *******/
.page-title h1 {
	margin-left:300px; padding:12px 30px 12px 20px; }
/****** COURSE DETAILS SIDEBAR ******/
.content .sidebar-course {
	display:block; float:right; width:270px; margin:0 0 30px 30px; }	

header .event-info p {
	width:480px }				
}

@media (min-width: 768px) and (max-width: 979px) {
body {
	font-family:Helvetica, Arial, Verdana, sans-serif; }	
.wrapper 	{ 
	width:768px; padding-bottom:20px; }
.top-nav ul {
	display:block; padding:20px 0px 0 5px; margin:0; }	
	.top-nav ul li {
		float: left; margin-bottom: 15px; width: 50%; font-size:.9285em; }
	.top-nav ul li a {
		padding-left:20px; }	
.logo a {
	display:block; width:476px; height:80px; padding:20px 0; background:url(/t4cms/ucdsmms-logo-476.png) no-repeat 0 20px; text-indent:-9999em }

/****** NAVIGATION ******/
.navbar-inner .container {
  margin: 0 !important; width:768px; } 
.nav-prompt { 
	color:#fff; display:block; padding:10px 0px; text-indent:10px;}  
.nav-collapse > ul {
  float: none; width: auto; padding:0; min-height:1px; }
	.nav-collapse li { 
		float:none; padding-left:0px; font-size:1em; background:none; min-height:5px; line-height:1.3; display:block }		
	.nav-collapse ul > li a { 
		padding:15px; border-bottom:1px solid #003564; border-top:1px solid #18568a; font-size-adjust:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold  }	
	.nav-collapse li ul	{
		position:relative; top:0; border-top:none;
		background-color: #63a63c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#63a63c), to(#548d33));
		background-image: -webkit-linear-gradient(top, #63a63c, #548d33);
		background-image:    -moz-linear-gradient(top, #63a63c, #548d33);
		background-image:      -o-linear-gradient(top, #63a63c, #548d33);
		background-image:         linear-gradient(to bottom, #63a63c, #548d33);     
 }
	.nav-collapse li ul li {
		list-style:none; float:none; display:block }	
	.nav-collapse li ul li.first { margin-left:0; }	
	.nav-collapse li ul li {
		font-size: 1em; font-weight: bold; 	line-height: 1.3; min-height:0px; padding:0  }	
	.nav-collapse li.active > a { 
		font-weight:bold; border-bottom:1px solid #4e862e;  }	
	.nav-collapse li ul li a { 
		padding:15px 15px 15px 25px; border-bottom:1px solid #4e862e; border-top:1px solid #71bf44; font-weight:normal;
		background-color: #63a63c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#63a63c), to(#548d33));
		background-image: -webkit-linear-gradient(top, #63a63c, #548d33);
		background-image:    -moz-linear-gradient(top, #63a63c, #548d33);
		background-image:      -o-linear-gradient(top, #63a63c, #548d33);
		background-image:         linear-gradient(to bottom, #63a63c, #548d33);  }	
	.nav-collapse li ul li a:link,
	.nav-collapse li ul li a:visited {
		color:#fff; text-decoration:none; }
	.nav-collapse li ul li a:hover { 
		color:#fff; text-decoration:none; background:#548d33 }
	.nav-collapse li ul li a:active {
		color:#fff; text-decoration:none; }	
	.nav-collapse li ul li.active {
		background-image:none !important; padding-bottom:0; }
	.nav-collapse li ul li.active a { 
		padding-bottom:15px; background-color: #548d33 !important; background-image:none !important; }				
	
	.nav-collapse .navbar-form, 
	.nav-collapse .navbar-search {
		border-bottom: none; border-top: none; box-shadow:none; float: none; margin:0; padding:15px; display:block; width:728px; }
	.navbar-search .search-query { width:630px;}	

.homepage-carousel { margin-bottom:20px;}
.carousel { margin:0; min-height:1px }
.carousel figure figcaption {
	width:188px; padding:10px 20px; top:0px; right:20px; }
.carousel figure figcaption h1 { 
	font-size:1.5em; padding:5px 0; }

.cta-large {
	width:476px; margin:0 0 20px 0; float:none }
	.cta-large-left {
		margin-right:0px; clear:both }	
	.cta-large p {
		padding:0; }	
.sidebar .sidebar-person img {
	float:none; margin:10px auto; display:block }	
.social-bar .share 	{ margin-bottom:10px;}		
	
/****** INSIDE PAGES *******/
.page-title {
	padding-top:0px; width:768px }
	.page-title h1 {
		margin-left:0px; padding:10px;   }	
		
header .event-info p 	{ width:290px }
.event-info .add-cal {
	float:none; clear:both }
.home-news 				{ padding:0 0 10px 0;}		

.input-large 			{ width:90%;}
.hub-title 				{ padding:10px 0; } 
.hub-title h1 			{ font-size:2.825em; }
.content .thumbnails li { max-width:260px; }
.content blockquote p 	{ padding-left:10px; }
}


@media (max-width: 767px) {
body {
	font-family:Arial, Helvetica, Verdana, sans-serif; padding:0; }
.ucd-nav {
	float:none; }
	.ucd-nav ul {
		display:table;}
	.ucd-nav li {
		display:table-cell; }		
.wrapper 	{ 
	width:100%; padding-bottom:10px; }
.logo {
	display:block; }
	.logo a {
		display:block; width:320px; height:80px; padding:10px 0; background:url(/t4cms/ucdsmms-logo-320.png) no-repeat 10px 10px; text-indent:-9999em }
.top-nav {
	min-height:1px; }
.top-nav ul {
	padding:15px 10px 0 10px; }	
.hub-title {
	margin:0; padding:20px;}
	.hub-title h1 { font-size:2.25em; }
.shortlist {
	width:50%;}		
.home-news,
.hub-news {
	padding:0 20px; }
	.cta-large {
		width:100%; margin-bottom:0px; }
.ctas-vertical li a span {
  background: url("/t4cms/ucdsmms-sprite.png") no-repeat 105% -817px; padding:20px 20px 20px 20px}		
		
.global-footer p {
	padding:10px 20px;}
.global-footer nav { 
	float:none; padding:10px 20px 0 20px; }	
	.global-footer nav li {
		float:none; margin-bottom:15px; margin-left:0; }

/****** NAVIGATION ******/
.navbar-inner { padding:0;}
.navbar-inner .container {
  margin: 0 !important; width:auto; } 
.nav-prompt { 
	color:#fff; display:block; padding:10px 0px; text-indent:10px;}  
.nav-collapse > ul {
  float: none; width: auto; padding:0; }
	.nav-collapse li { 
		float:none; padding-left:0px; font-size:1em; background:none; min-height:5px; line-height:1.3; display:block;  }		
	.nav-collapse ul > li a { 
		padding:15px; padding-bottom:15px; border-bottom:1px solid #003564; border-top:1px solid #18568a; font-size-adjust:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold }	
	.nav-collapse li ul	{
		position:relative; top:0; min-height:1px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#63a63c), to(#548d33));
		background-image: -webkit-linear-gradient(top, #63a63c, #548d33);
		background-image:    -moz-linear-gradient(top, #63a63c, #548d33);
		background-image:      -o-linear-gradient(top, #63a63c, #548d33);
		background-image:         linear-gradient(to bottom, #63a63c, #548d33);     
		 }
	.nav-collapse li ul li {
		list-style:none; float:none; display:block }	
	.nav-collapse li ul li.first { margin-left:0; }	
	.nav-collapse li ul li {
		font-size: 1em; font-weight: bold; 	line-height: 1.3; min-height:0px; padding:0  }	
	.nav-collapse li.active > a { 
		font-weight:bold; border-bottom:1px solid #4e862e; }	
	.nav-collapse li ul li a { 
		padding:15px 15px 15px 25px; border-bottom:1px solid #4e862e; border-top:1px solid #71bf44; font-weight:normal;
		background-color: #63a63c;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#63a63c), to(#548d33));
		background-image: -webkit-linear-gradient(top, #63a63c, #548d33);
		background-image:    -moz-linear-gradient(top, #63a63c, #548d33);
		background-image:      -o-linear-gradient(top, #63a63c, #548d33);
		background-image:         linear-gradient(to bottom, #63a63c, #548d33);  }	
	.nav-collapse li ul li a:link,
	.nav-collapse li ul li a:visited {
		color:#fff; text-decoration:none; }
	.nav-collapse li ul li a:hover { 
		color:#fff; text-decoration:none; background:#548d33 }
	.nav-collapse li ul li a:active {
		color:#fff; text-decoration:none; }			
	.nav-collapse li ul li.active {
		background-image:none !important; padding-bottom:0}	
	.nav-collapse li ul li.active a {
		padding-bottom:15px; }			

	.nav-collapse .navbar-form, 
	.nav-collapse .navbar-search {
	  border-bottom: none; border-top: none; box-shadow:none; float: none; margin:0; padding:15px; display:block; width:280px; }
	.navbar-search .search-query {  width:190px;}
.social-bar .share { margin-bottom:10px;}	
	.social-bar-left,
	.social-bar-right {
		float:none; width:100%; display:block; margin-bottom:10px; }
		.social-bar-right ul { float:none; margin-left:10px; }
.sidebar-block { clear:both}
.sidebar .sidebar-person img {
	float:left; margin:0 15px 0 0; display:block }	

.homepage-columns 	{ top:0px; }
.homepage-carousel 	{ margin-bottom:10px}
.carousel { 
	margin:0; min-height:1px }
.carousel figure figcaption {
  display: block; position: relative; width: 100%; z-index: 10; padding:0; right:0px }
.carousel figure figcaption h1,
.carousel figure figcaption h2 { 
	font-size:1.5em; padding:10px 20px; }
.carousel figure figcaption h3 { 
	font-size:1.2857em; padding:10px 20px; }		
.carousel figure figcaption p { 
	padding:5px 20px 15px 20px; }
.ctas {
	margin-bottom:10px; }	

header .event-info p { width:80% }	
.hub-news { margin-bottom:10px; }
	.hub-news header h3 { padding:10px 0 15px 0;}
.mini-ctas { padding:10px 0;}		

/****** INSIDE PAGES *******/
.side-nav {
	padding:0 0 20px 0;}
.side-nav ul {
	border-top:1px solid #f0f0f0;}
	.side-nav li {
		border-top:1px solid #fff; border-bottom:1px solid #f0f0f0; padding:0; }
	.side-nav li a {
		display:block; padding:10px;
		background-color: #ffffff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
		background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
		background-image:    -moz-linear-gradient(top, #ffffff, #f0f0f0);
		background-image:      -o-linear-gradient(top, #ffffff, #f0f0f0);
		background-image:         linear-gradient(to bottom, #ffffff, #f0f0f0); 		}
	.side-nav li.active {
		border-left-width:3px; 	 }
	.side-nav li.active ul { padding:0;}	
	.side-nav li.active li a {
		background:#fff; padding:10px 10px 10px 20px; }
	.side-nav li li.active li a {
		background:#fff; padding:10px 10px 10px 30px; background-position:8px 16px !important }	
	.side-nav li li.active li.active a {
		background-position:30px 16px !important; padding:10px 10px 10px 42px }	

.page-title {
	padding-top:0px; width:100%; }
	.page-title h1 {
		margin-left:0px; padding:10px; border:none; font-size:2em;  }	
		
.content {
	display:block; padding:0 10px 20px 10px; }	

.sidebar {
	margin:10px 2px;}
aside.sidebar {
	display:block; padding:0 10px; margin:10px; background:#f0f0f0; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .1); }		
	aside.sidebar h2 {
		border-bottom:2px solid #00984A; }	
.content .sidebar-course {
	float:none; margin:0 0 20px 0; width:100%; }	
.content p a, .content li a {
  word-break: break-all; }
.content .thumbnails li a {
	word-break:normal !important;}  
.content .thumbnails li { max-width:260px; }
.thumbnails.video li { width:100%; }
.content blockquote p 	{ padding-left:10px; }
.content .listing img {
	float:right; margin:0 0 15px 15px; }
}

/* Retina iPad ----------- */
@media (min-width: 768px) and (max-width: 979px) and (-webkit-min-device-pixel-ratio : 1.5),
(min-width: 768px) and (max-width: 979px) and (min-device-pixel-ratio : 1.5) {
.logo a {
	background:url(/t4cms/ucdsmms-logo-476-retina.png) no-repeat 0 20px; background-size:476px 80px; }
}

/* Retina iPhome ----------- */
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio : 1.5),
(max-width: 767px) and (min-device-pixel-ratio : 1.5) {
.logo a {
	background: url(/t4cms/ucdsmms-logo-320-retina.png) no-repeat 10px 10px; background-size:320px 80px;  }
}