﻿.ucla-blue {
	color: #536895;
}

.ucla-gold {
	color: #ffb300;
}

.ucla-green {
	color: #3ea639;
}

.ucla-orange {
	color: #fe921c;
}

.ucla-cyan {
	color: #2685bb;
}

.ucla-purple {
	color: #911687
}

.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.dropcap {
	font-size: 300%;
	font-weight: bold;
	float: left;
 	color: #000000;
 	margin-right: 5px;
 	margin-bottom: 5px;
}


 .pullquote {
 	float: right;
	min-width: 220px;
	margin: 0 0 15px 15px;
	color: #ffb300;
	
 }
 
 
 
.aside {
	float: right;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 20px 0;
	padding: 10px;
	width: 300px;
}


/*.sidebar {
	float: left;
	width: 300px;
	border-top: 1px solid #2685bb;
	border-bottom: 1px solid #2685bb;
	margin: 0 20px;
	padding: 10px;
}*/

.two-columns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap : 20px;
	-moz-column-rule-color:  #ccc;
	-moz-column-rule-style:  solid;
	-moz-column-rule-width:  1px;
	-webkit-column-rule-color:  #ccc;
	-webkit-column-rule-style: solid ;
	-webkit-column-rule-width:  1px;
	column-count: 2;
	column-gap: 20px;
	column-rule-color:  #ccc;
	column-rule-style:  solid;
	column-rule-width:  1px;

}

.three-columns {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap : 15px;
	-moz-column-rule-color:  #ccc;
	-moz-column-rule-style:  solid;
	-moz-column-rule-width:  1px;
	-webkit-column-rule-color:  #ccc;
	-webkit-column-rule-style: solid ;
	-webkit-column-rule-width:  1px;
	column-count: 3;
	column-gap: 15px;
	column-rule-color:  #ccc;
	column-rule-style:  solid;
	column-rule-width:  1px;
	
}


.four-columns {
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap : 10px;
	-moz-column-rule-color:  #ccc;
	-moz-column-rule-style:  solid;
	-moz-column-rule-width:  1px;
	-webkit-column-rule-color:  #ccc;
	-webkit-column-rule-style: solid ;
	-webkit-column-rule-width:  1px;
	column-count: 4;
	column-gap: 10px;
	column-rule-color:  #ccc;
	column-rule-style:  solid;
	column-rule-width:  1px;
}

.multi-columns {
	-moz-column-count: 5;
	-moz-column-gap: 20px;
	-webkit-column-count: 5;
	-webkit-column-gap : 10px;
	-moz-column-rule-color:  #ccc;
	-moz-column-rule-style:  solid;
	-moz-column-rule-width:  1px;
	-webkit-column-rule-color:  #ccc;
	-webkit-column-rule-style: solid;
	-webkit-column-rule-width:  1px;
	column-count: 5;
	column-gap: 10px;
	column-rule-color:  #ccc;
	column-rule-style:  solid;
	column-rule-width:  1px;
}

.section-header-dark-blue {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	color: #fff;
	background-color: #536895;
	text-align: center;	
}

.section-header-light-blue {
    margin: 0 0 12px 0;
    padding: 5px 5px;
    color: #fff;
    background-color: #17536c;
    text-align: center;
}

.section-header-black {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	color: #fff;
	background-color: #000000;
	text-align: center;	
}

 .captionjs{
    float:right;
    margin:10px 0px 10px 15px;
 }