/* CSS Document for UCLA International Institute Website */

body {
	color: #000;
	/*background-color: #D1C6C0;*/
	background-color: #536895;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	padding: 0;
	/*background-image: url(http://www.international.ucla.edu/images/bkgd.gif);
	background-repeat: repeat-y;*/
	background-position: top center;	
	border-left: 3px solid #66583F;
	border-right: 3px solid #66583F;

}


.VideoPlayerContainer {
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 3px 5px rgba(0,0,0,.3);
	box-shadow: 1px 3px 5px rgba(0,0,0,.3);
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	
}

.AudioPlayerContainer {
	margin-bottom: 20px;
}

#layout {
	background-color: #ffffff;
	padding-bottom: 50px;
	/**/
}


#header {
	padding: 0;
	margin: 0;
	height: 50px;
}


#header #google {
	width: 230px;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	
}

#header img.logotype {
	float: left;
	margin-top: 25px;
	margin-left: 10px;
}

#header img.tagline {
	float: right;
	margin-top: 10px;
	margin-right: 20px;

}

.hidden {
	display: none;
}


#navregions {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid #9e9689;
	border-bottom: 3px solid #536895;
	/*background: #94CF4C;
	background-image: url(/images/button.jpg);
	background-repeat: repeat-x;*/
	background: #5aa1ca;
	}
	
	
	
#navregions li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
	

li#nav_home a {
	/*padding-left: 12px;
	padding-right: 12px;*/
	}
	


li#nav_about a {
	border-right: 0;
	/*padding-left: 16px;
	padding-right: 16px;*/
	/*text-align: center;*/
}


	
#navregions a {
	display: block;
	float: left;
	padding: 7px 18px;
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #9e9689;

	}
#navregions a:hover, #navregions a.active {
	color: #fff;
	background: #536895;
	
	}
#navregions a.active {
	font-weight: bold;
	background: #666;
}





.hide {
  	display: none;
 }

#banner {
	width: 100%;
	float: left;
	margin-right: -200px;
	padding: 0;
}



#primarycontent {
	width: 100%;
	float: left;
	margin-right: -280px;

	

}

#articlelayout {
	margin-right: 280px;
	margin-left: 20px;
	

}

#singlecolumn {
	width: 100%;
	float: left;
	
}

#singlecolumnlayout {
	margin-right: 20px;
	margin-left: 20px;
}

#sidebar {
	width: 245px;
	float: right;

}

.clearing {
  height: 0;
  clear: both;
  
}

#footer {
	text-align: center;
	clear: both;
	margin-top: 15px;
	padding: 0 0 5px 20px;
	border-top: 1px solid #94CF4C;
}

.ctraddress, .toppage {

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #66583F;
	
}

#copyright {
	text-align: center;
	clear: both;
	margin-top: 10px;
	padding: 0 0 5px 20px;
	color: #66583F;

}


/* begin css for two column within a larger column */
.twocolumn-block {
	width: 720px;
	margin: 10px 0;
	padding: 0;
	display: block;
}

.twocolumn-block .leftcolumn-block, .twocolumn-block .rightcolumn-block {
	width: 300px;
	float: left;
	margin: 0 25px 0 0;
	padding: 0;
	/*padding: 15px;*/
}

.twocolumn-block .rightcolumn-block {
	margin-right: 0;


}




/* endd css for two column within a larger column */

/* begin css for three column within a larger column */

.threecolumn-block {
	width: 500px;
	margin: 15px 0 10px 0;
	display: block;
	
}

body#study .threecolumn-block .leftcolumn-block, body#study .threecolumn-block .midcolumn-block {
	height: 300px;
	border-right: 1px solid #536895;

}

.threecolumn-block .leftcolumn-block {
	width: 150px;
	float: left;
	margin: 0 8px 0 0;
	padding: 5px;

	
}

.threecolumn-block .midcolumn-block {
	width: 150px;
	float: left;
	margin: 0 8px 0 0;
	padding: 5px;

}

.threecolumn-block .rightcolumn-block {
	width: 150px;
	float: left;
	margin: 0;
	padding: 5px;

	
}



body#idp-apply {
	border: 0;
}




body#idp-apply form fieldset#entryform
{
	  background-color: #ebebeb;
      border: 5px solid #ffb300;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 12px;
      margin: 20px 10px;
      width:600px;
      display:block;
      padding: 10px 20px;
	  height: 470px;
	  background-image: url(/images/grey-gradient.gif);
	  background-repeat: repeat-x;

}

body#idp-apply form fieldset#entryform legend{   
      background-color:#536997;
      color: #FFCC66;
      font-weight:bold;
      font-size:20px;
      text-align:center;
      padding:5px 20px;
      margin:0 0 10px 0;
 	  top: -14px;
      
}
       
body#idp-apply p.labelname strong{
      text-align:left;
}

body#idp-apply input {
      background-color: #ebebeb;
      margin:2px 0 0 0;
      border: 1px solid #536895;
      color:#5c71a2;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size:12px;
      padding:3px 5px;
	  width: 125px;

}

body#idp-apply input:focus {
      background-color:#ffb300;
      color:#000000;
}



body#idp-apply #entryform input, body#idp-apply #entryform textarea {
      background-color: #ffffff;
      margin:2px 0 0 0;
      border: 1px solid #542700;
      color:#5c71a2;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size:18px;
      padding:3px;
}

/* typography */


h1, h2, h3, h4, h5, h6 {
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

p, td, li {
	/*font-family: Arial, Helvetica, sans-serif; */
	font-family: Arial, Verdana, sans-serif;
	/*font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", sans-serif;*/
}



.uclablue {
	color: #536894;

}

h1 {
	/*font-size: 20px;*/
	/*color: #66583F;*/
	color: #536895;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	/*font-family: "adobe-caslon-pro-1","adobe-caslon-pro-2", sans-serif;*/
	font-weight: lighter;
	line-height: 1.3em; 
	font-size: 24px;
	letter-spacing: -.05em;
	margin-bottom: 0;
}

h2 {
	font-size: 20px;
	/*color: #1e6a95;*/
	color: #2e518d;

}

body#research h2 {
	color: #3ea639;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	line-height: 1.3em; 
	font-size: 26px;
	letter-spacing: -.05em;
	border-bottom: 1px solid #3ea639;
	margin-bottom: 15px;
}


body#research h3 {
	
}

body#research #tabstories .tabcontentstyle h3 {
	margin-top: 20px;
	color: #1e6a95;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.3em; 
	font-size: 16px;
	letter-spacing: -.05em;
	margin-bottom: 15px;
	font-style: italic;

}

body#research #tabstories .tabcontentstyle h4, body#research #tabstories2 .tabcontentstyle h4 {
	border-bottom: 1px solid #ffb300;
	border-bottom: 0;
	color: #ffb300;
	font-size: 18px;
}




body#research #tabstories .tabcontentstyle h4.conference-title {
	 border-bottom: 0;
	 font-size: 14px;
}



body#research .eNewsStoryList {
	margin-left: 20px;
	margin-bottom: 20px;
	clear: left;
	padding-bottom: 20px;
}

body#research img.mediumimage {
	width: 150px;
}

.csstransforms body#research img.mediumimage {
	-moz-transition-property : scale; 
	-moz-transition-duration : 0.2s; 
	-moz-transition-timing-function : ease-in-out;
	-o-transition-property : scale; 
	-o-transition-duration : 0.2s; 
	-o-transition-timing-function : ease-in-out;
	-webkit-transition-property : scale; 
	-webkit-transition-duration : 0.2s; 
	-webkit-transition-timing-function : ease-in-out;
	transition-property : scale; 
	transition-duration : 0.2s; 
	transition-timing-function : ease-in-out; 
	/*-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5);*/

}

.csstransforms body#research img.mediumimage:hover { 
	-moz-transform: scale(1.05); 
	-o-transform: scale(1.05); 
	-webkit-transform: scale(1.05); 
	transform: scale(1.05); 
	
}



h3 {
	font-size: 18px;
	color: #536895;
}

.japan-quake h3.subtitle {
	background-color: #FF6699;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	text-align: center;


}

#alumniprofile h4 {
	color: #536895;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: lighter;
	line-height: 1.3em; 
	font-size: 20px;
	letter-spacing: -.05em;
	margin-bottom: 0;
}

h4 {
	font-size: 14px;
	/*color: #800000;*/
	color: #74126c;
	/*margin-bottom: 0;*/
}



h5 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

p {  
	font-size: 13px;
	line-height: 18px;
	
}

p.small, p.breadcrumbs, .small { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px
}

p.tagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #66583F;
	font-style: italic;
	margin-bottom: 25px;
	
}

p.highlight {
	color: #800000;
	font-style: italic;
}

.notice {
	color: #fff;
	background-color: #EE5419;
	padding: 10px;
}
	
li { 
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

blockquote {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #536895;

}

li.manual {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height : 30px;
}

li.pdf, #sidebar .calloutbox ul li.pdf {
	list-style: url(/images/icon_pdf.png) none outside;
	
}

li.word {
	list-style: url(/images/icon_word.png) none outside;
	
}

li.ppt, #sidebar .calloutbox ul li.ppt {
	list-style: url(/images/icon-powerpoint.png) none outside;
	
}

li.realvideo  {
	list-style: url(/images/icon_real.png) none outside;
	
}

li.wmvideo  {
	list-style: url(/images/icon_windowsmedia.gif) none outside;
	
}

.list-podcasts p.caption{
	margin-left: 10px;


}

#articlelayout li.podcasts {

	margin: 0 0 0 20px;
	padding: 0 0 5px 5px;
	line-height: 1.5em;
	list-style: url(/images/podcasts.png) none outside;
}


#articlelayout #feeds h4 {
	border-bottom: 3px solid #ffb300;
	color: #ffb300;
}
#articlelayout ul.rsslist  {
	border: 1px dotted #536895;
	margin-left: 10px;
	padding: 20px;
	
}


#articlelayout ul.rsslist li.feed-rss  {
	list-style: url(/images/feed-icon-16x16.png) none outside;
}

#articlelayout ul.rsslist li.feed-google {
	list-style: url(/images/icon_google.gif) none outside;
}

#articlelayout ul.rsslist li.feed-yahoo {
	list-style: url(/images/icon_yahoo.gif) none outside;
	/*list-style: none outside;*/
}

#sidebar .spotlight ul.rsslist li.feed-rss {
	list-style: url(/images/icon_feed.gif) none outside;
}

#sidebar .spotlight ul.rsslist li.feed-delicious {
	list-style: url(/images/icon_delicious.gif) none outside;
}

#sidebar .spotlight ul.rsslist li.feed-blogger {
	list-style: url(/images/icon_blogger.gif) none outside;
}


#sidebar .spotlight ul.rsslist li.feed-facebook, li.facebook {
	list-style: url(/images/icon_facebook.gif) none outside;
}

#sidebar .spotlight .donate ul li {
	margin: 0 0 0 8px;
	padding: 0 5px 5px 2px;
	line-height: 1.5em;
	list-style: url(/images/post.png) none outside;
	list-style: disc none outside;
}




#sidebar .spotlight li.podcasts {

	margin: 0 0 0 20px;
	padding: 0 0 5px 5px;
	line-height: 1.5em;
	list-style: url(/images/podcasts.png) none outside;
}


.subtitle {
	font-size: 12px;
	color: #003399;
	font-weight : bold;
	background-color : transparent;
}

.abstract {
	margin-top: 0;
	margin-bottom: 1.5em;
	/*color: #66583F;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.postedBy {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.postdate {
	color: #66583F;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	
}

.event-date  {

	font: normal bold 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif;
	text-transform: uppercase;
	background-color: rgb(61, 166, 57);
	
	color: #fff;
	display: block;
	padding: 0.4em;
	letter-spacing: 2px;
	margin: 20px 0 1em -10px;
	padding-left: 15px;
	width: 35%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	text-shadow: 1px 1px 1px #000;
}

.event-date:hover {
	background-color: #94CF4C;
}

.event-details p.event-end {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}


.caption { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.toppage { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #cccccc;
	background-color: transparent;
	text-decoration: none;
}



.bioname {
	font-weight: bold;
	color: #006699;
	background-color : transparent;
}


#google {
	text-align: left;
}




.searchTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-color : transparent;
}

#sidebar .spotlight .searchTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	background-color : transparent;
	margin-left: 5px;
}


#singlecolumnlayout h2, h3, h4, h5, h6  {
	margin-top: 15px;
	margin-bottom: 10px;
}




#articleimage  {
	/*width: 350px;*/
}

#articleimage span.photocaption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #536895;
	font-style: italic;
	width: 400px;

}

#articleimage img {
	border: 2px solid #000;
	margin-top: 10px;
}

img.largeimage {
	border: 2px solid #000;
}



.wrapimage img {
	float: left;
	margin-right: 10px;
}


.wrapimage2 img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 3px solid #000;
}



#articlelayout h1, h2, h3, h4, h5, h6  {
	margin-top: 15px;
	
}

#articlelayout h1 {
	margin-bottom: 0;
}

#articlelayout h1+p {
	margin-top: 0;
}

#articlelayout h2 {
	margin-top: 20px;
	margin-bottom: 15px;
}

#articlelayout h4 {
	margin-bottom: 0;
	font-size: 16px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-top: 15px;
	line-height: 1.3em; 
	/*color: #800000;*/
	color: #ffb300;
}


#articlelayout p {  
	
	margin-top: 0;
	margin-bottom: 15px;
	
}

#articlelayout .abstract {  
	margin-top: 0;
	margin-bottom: 1em;
	color: #66583F;
	
}

#singlecolumnlayout ul, #articlelayout  ul {
	margin-left: 10px;
	padding-left: 0;
}

#singlecolumnlayout ul li, #articlelayout ul li {
	margin: 0 0 0 15px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	font-size: 12px;
	list-style: url(/images/boxarrow.png) none outside;
	/*list-style: url(/images/squareblue.gif) none outside;*/
}

#singlecolumnlayout ol li, #articlelayout ol li {
	margin: 0 0 0 15px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	font-size: 12px;
	/*list-style: url(/images/squareblue.gif) none outside;*/
}

#articlelayout li.pdf {
	list-style: url(/images/icon_pdf.png) none outside;
	
}

#articlelayout li.word {
	list-style: url(/images/icon_word.png) none outside;
	
}

#singlecolumnlayout ul li ul li, #singlecolumnlayout ol li li, #articlelayout ul li ul li, #articlelayout ol li li {
	margin: 0 0 0 15px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	font-size: 12px;
	list-style: url(/images/squareblue.gif) none outside;
}


ul.listpeople {
	margin-left: 10px;
	padding-left: 0;
	margin-bottom: 25px;
}

ul.listpeople  li {
	margin: 0 0 7px 2px;
	padding: 0 0 15px 2px;
	line-height: 1.2em;
	font-size: 11px;
	list-style: none;
	
}

ul.listpeople strong, li.podcasts strong {
	font-size: 14px;
	margin-right: 5px;
	}
	
ul.listalumni {
	margin-left: 10px;
	padding-left: 0;
	margin-bottom: 25px;
}

#articlelayout ul.listalumni  li {
	margin: 0 0 7px 2px;
	padding: 0 0 15px 2px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	list-style: none;
	
}

#articlelayout ul.listalumni strong {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	margin-right: 5px;
	}
	
#articlelayout li {
	line-height: 1.6em;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#articlelayout ul.listcenters li {
	margin: 0;
	padding: 0 5px 5px 0;
	line-height: 2em;
	list-style-image: none;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	
}

#mainstory img {
	border: 2px solid #000;
	margin-top: 10px;
}


.regionalfocus {
	border: 1px solid #cb7415;
	margin: 5px 0 15px 0;
	display: block;
}

.regionalfocus h2 {
	margin: 0;
	padding:0;
	padding-left: 15px;
	color: #fff;
	background: #fdad4b;
	border-bottom: 3px solid #cb7415;
}

.regionalfocus h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding-left: 15px;
	color: #cb7415;
	/*border-bottom: 1px solid #536895;*/
}

.regionalfocus p, .regionalfocus h4 {
	margin-left: 15px;
}

.regionalfocus h4 {
	margin-top: 0;
	margin-bottom: 0;
}

#articlelayout .regionalfocus ul {
	margin-left: 20px;
	padding-left: 0;

}



.regionalfocus p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 10px;
}

.eNewsStoryList  {
/*border: 1px solid #877467;*/
	clear: both;
	/*margin-top: 10px;*/
	/*margin-bottom: 5px;*/
	/*padding: 10px;*/
	padding-left: 0;
	padding-bottom: 5px;
	

	
}

.eNewsStoryList img.mediumimage {
	border: 2px solid #000;
	float: left;
	clear: right;
	margin-right: 10px;
	margin-bottom: 10px;
	
}




.thumbnail {
	border: 2px solid #000;
	margin-right: 15px;
	float: left;
	clear: both;
	
}

.thumbnailR, .thumbnailFloatR {
	border: 2px solid #000;
	margin-left: 15px;
	float: right;
	clear: both;
	
}



.thumbnail2 {
	border: 2px solid #000;
	margin-right: 5px;
		
}

.imgtagline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #66583F;
	font-style: italic;
	margin-bottom: 25px;
	
}


/*storypullquote used for articles only */
#storypullquote {
	float: right;
	width: 150px;
	margin-top: 150px;
	margin: 15px;
	margin-right: 20px;
	color: #1E6A95;
	/*border: 1px solid #536895;*/
}

#storypullquote p {
	padding: 5px;
	text-align: right;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#storypullquote h4 {
	margin-top: 0;
	padding-top: 0;
	padding: 5px;
	text-align: right;
	font-size: 20px;
	font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: #ffb300;
	/*font-weight: lighter;*/
	line-height: 1.3em; 
	/*font-size: 26px;*/
	letter-spacing: -.05em;
}



#sidebar h1, h2, h3, h4, h5, h6  {
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar h5+p  {
	margin-top: 10px;
	
}

#address h4 {
	margin-bottom: 0;
}

#address p {
	margin-top: 0;
	margin-bottom: 10px;
}

hr {
	border-bottom: 1px solid #999;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
}

.line {
	border-bottom: 1px solid #666;
	/*margin-top: 10px;
	margin-bottom: 10px;*/
}


#storytools {
	border: 1px solid #94CF4C;
	margin-top: 10px;
	margin-bottom: 10px;		
	border: 1px solid #94CF4C;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #003399;
	font-style: italic;
	
}



#sidebar h4 {
	margin-bottom: 0;
	margin-top: 15px;
}

#sidebar p {
	margin-top: 0;
	margin-bottom: 15px;
}


#sidebar .spotlight, #sidebar .calloutbox { 
	width: 230px;
	margin: 0;
	margin-bottom: 25px;
	margin-top: 5px;
	border: 1px solid #d1c6c0;
	border-bottom: 2px solid #d1c6c0;
	padding: 0;	
	/*background-color: #fdad4b;*/
}

#sidebar .spotlight h4, #sidebar .calloutbox h4 {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #66583f;
	/*color: #fff;
	background-color: #536895;*/
	/*background-color: #cb7415;*/
}

#sidebar .spotlight img, #sidebar .calloutbox img {
	border: 0;
	padding: 0;
	margin-left: 5px;

}



#sidebar .spotlight ul, #sidebar .calloutbox ul {
	margin-top: 10px;
	margin-left: 20px;
	padding-left: 0;
}

#sidebar .spotlight ul li, #sidebar .calloutbox ul li {
	margin: 0 0 0 8px;
	padding: 0 5px 5px 7px;
	line-height: 1.5em;
	list-style: url(/images/post.png) none outside;
}



#sidebar ul.idp-nav {
		margin-left: 0;
		padding-left: 0;

	
}


#sidebar ul.idp-nav li {
	display: block;
	margin: 0 0  0 2px;
	padding: 0 5px 5px 0;

	
}

ul.idp-nav li a {
	padding:5px;
	background-color: #fdad4b;
	border: 2px solid #cb7415;
	color: #fff;
	width: 180px;
	margin: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-decoration:none;
	/*background-image: url(/images/bg_button.gif);
	background-repeat: repeat-x;*/
	/*background-position: top center;	*/

}

ul.idp-nav li a:hover {
	background-color: #fe921c;
	border: 2px solid #cb7415; 
	text-decoration:none;
	color: #fff;
	padding:5px;
}

ul.idp-nav li.pdf a[href$=".pdf"] {

 	background: url(/images/icon_pdf.png) no-repeat right center;
	background-color: #fdad4b;
	border: 2px solid #cb7415;
 }
 
 ul.idp-nav li a[href$=".pdf"]:hover {
	background-color: #fe921c;
	border: 2px solid #cb7415; 
	text-decoration:none;
	color: #fff;
	padding:5px;
}

ul.idp-nav li.ppt a[href$=".ppt"] {

 	background: url(/images/icon-powerpoint.png) no-repeat right center;
	background-color: #fdad4b;
	border: 2px solid #cb7415;
 }
 
ul.idp-nav li.ppt a[href$=".ppt"]:hover {
	background-color: #fe921c;
	border: 2px solid #cb7415; 
	text-decoration:none;
	color: #fff;
	padding:5px;
}


#sidebar .spotlight .selected {
	background-color: #94cf4c;
	color: #fff;
	/*font-weight: bold;*/
	/*padding: 3px;*/
}

#sidebar .spotlight a .selected {
	text-decoration: none;
}

#sidebar .spotlight ul li.pdf {
	list-style: url(/images/icon_pdf.png) none outside;
	
}

#sidebar .spotlight ul li.word {
	list-style: url(/images/icon_word.png) none outside;
	
}

#sidebar .spotlight ul li.alumni {
	list-style: url(/images/little_blue_man.png) none outside;
	
}

#sidebar .spotlight p, #sidebar .spotlight form, #sidebar .calloutbox p, #sidebar .calloutbox form {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 5px;
	margin: 0 0 12px 0;
}

#sidebar .spotlight .formback {
	margin-left: 10px;
	
}

#sidebar .spotlight input {
	margin-bottom: 10px;
	
}

#sidebar .spotlight h5, #sidebar .calloutbox h5 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #536895;
	padding-left: 5px;
	font-size: 14px;
	margin: 0;
}

#sidebar .spotlight img.thumbnail, #sidebar .calloutbox img.thumbnail {
	border: 2px solid #000;
	margin: 7px 5px;
	float: none;
}

#sidebar .spotlight img.thumbnail, #sidebar .spotlight img.mediumimage, #sidebar .calloutbox img.mediumimage {
	border: 2px solid #000;


}
#sidebar .spotlight img.thumbnail2, #sidebar .calloutbox img.thumbnail {
	border: 2px solid #000;
	float: none;
	padding: 0;
	float: right;
	margin-left: 5px;
}

.spotlight ul.expertslist li, .calloutbox ul.expertslist li  {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: url(/images/squareblue.gif) none outside;
}


#sidebar .spotlight ul.rsslist {
	margin-left: 10px;
	padding-left: 0;

	
}

#sidebar .spotlight ul.rsslist li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 5px;
	line-height: 2em;
}



.relatedeventlist {
	margin-top: 5px;
	margin-bottom: 10px;		
	border: 1px solid #94CF4C;
	border-top: 2px solid #94CF4C;
	border-bottom: 2px solid #94CF4C;
	padding: 5px;
	padding-bottom: 0;

	
}

.relatedeventlist h4 {
	margin-bottom: 0;
	margin-top: 0;
}

.relatedeventlist p {
	margin-top: 0;
	margin-bottom: 10px;
}

.relatedeventlist ul {
	margin-left: 10px;
	padding-left: 0;
}

.relatedeventlist ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: url(/images/squareblue.gif) none outside;
}



.box { 
	border: 1px solid #eee;
	width: 200px;
	float: right;
	margin-left: 15px;
	padding: 10px;
	
}

.focusbox {
	margin-top: 5px;
	margin-bottom: 5px;		
	border: 1px solid #eee;
	padding: 5px;
	padding-bottom: 0;
	
}


.newsbox {
	margin-top: 5px;
	margin-bottom: 5px;		
	/*border: 1px solid #94CF4C;*/
	border-top: 1px solid #94CF4C;
	/*border-bottom: 1px solid #94CF4C;*/
	padding: 5px;
	padding-bottom: 0;
	
}



.newsbox ul {
	margin-left: 10px;
	padding-left: 0;
}

.newsbox ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: url(/images/squareblue.gif) none outside;
}


/* css for calendar, event and spotlight events begins here */


.displaycalendar td {
	padding: 1px;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	
}
.monthformat {
	color: #000;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
}
.dayweekformat {
	color: #66583F;
	font-weight: bold;
}



/* css for calendar, event and spotlight events ends here */






/* various story boxes */



a.button {
	/*display: block;*/
	padding:5px 10px;
	background-color: #f6f7f9;
	border: 2px solid #e5ebeb;
	height:35px;
	line-height:30px;
	color: #5a7ea9;
	width: 200px;
	float: left;
	margin: 0 10px 10px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-decoration:none;

}

a:hover.button {
	background-color: #9cb2ca;
	border: 2px solid #536895; 
	text-decoration:none;
	color: #fff;
}




a.button-idp {
	/*display: block;*/
	padding:5px 10px;
	background-color: #f6f7f9;
	border: 2px solid #e5ebeb;
	/*height:35px;
	line-height:30px;*/
	color: #5a7ea9;
	width: 200px;
	float: left;
	margin: 0 10px 10px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	text-decoration:none;

}

a:hover.button-idp {
	background-color: #9cb2ca;
	border: 2px solid #536895; 
	text-decoration:none;
	color: #fff;
}






#sidebar a.btn-donate
		{
			background-image: url('/images/download.png') !important;
			background-position: left top;
			color: #fff;
			height: 25px;
			width: 146px;
			padding: 10px 0 5px 0;
			margin: 0 5px 0 0;
			font-weight: bold;
			display: block;
			text-align: center;
			font-size: 16px;
			text-shadow: 0 1px 1px #595;
			text-decoration: none;
		
		}
		

#sidebar a.btn-donate:hover
			{
				color: #fff;
				background-position: left 80px;
				text-decoration: underline;
			}

#sidebar a.btn-donate:active
			{
				color: #fff;
				background-position: left 40px;
			}
			

#storystatslist {
	margin: 0;
	margin-top: 15px;
	border: 1px solid #66583F;
	width: 80%;
	padding: 0;
}

#storystatslist tr.titlerow {
	background-color: #FEBB36;
}

#storystatslist td.datarow {
	padding: 2px;
	border-top: 1px solid #ccc;
}

#storystatslist h4 { 
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	margin: 0;
	color: #039;
}

#storystatslist p {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	
}



/* css for forms */

.formback {
	background-color: #D1C6C0;
	color: #66583f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid;
	width: 100px;
}

.formback2 {
	background-color: #D1C6C0;
	color: #74126c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.formback-funding {
	/*background-color: #94CF4C;
	color: #536895;*/
	background-color: #D1C6C0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*width: 192px;*/
	font-weight: bold;
}
 
 .formback3 { 
	background-color: #D1C6C0; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
 }

.formbutton {
	background-color: #D1C6C0;
	color: #66583f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right: #50555a 1px solid;
	border-top: #50555a 1px solid;
	border-left: #50555a 1px solid;
	border-bottom: #50555a 1px solid
}

/* used for photo of the week callout */
.specialphoto {
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}

.specialphoto img {
	border: 2px solid #536895;
}

.specialphoto h4 {
	margin-top: 0;
	margin-bottom: 15px;
	font-style: italic;
	color: #536895;
}

.specialphoto li {
	text-align: left;

}


#subscribe td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	padding: 3px;
}

/* for configuring a table used for conferences */

table.conf {
	border-width:0;
	color: #000;
	line-height:1.5em;
	width:100%;
	margin:0 0 1.5em;
	
}

table.conf tr td.blank {
  border-width:0;
  padding:2px;
  }
  
.conf th {
	background:#eee;
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	font-size: 100%;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	color:#993333;
	text-align:left;
 }
  
  
.conf td {
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.conf td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.conf td.time {
	
	background-color:#eee;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	text-align: left;
	width:30%;
}

.conf td.panel {
	
	background-color:#eee;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	text-align:left;
	width:50%;
}

.conf h4 {
	color:#990000;
}

.conf ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: url(/images/squareblue.gif) none outside;
}



/* funding opps table */

table.fundingmenus {
	border: 1px solid #ccc;
	padding-top: 5px;
	margin: 0;
	
	
}

#sidebar table.fundingmenus {
	border: 1px solid #ccc;
	padding-top: 5px;
	width: 200px;	
	
}

table.fundingmenus td{
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


table.fundingmenus td h4 {
	margin-bottom: 0;
	color: #536895;

}

table.fundingopps {
	border-width:0;
	color: #000;
	line-height:1.1em;
	width:100%;
	margin:0 0 1.5em;
	
}


  
table.fundingopps th {
	background:#eee;
	padding:5px 5px;
	border:1px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#536895;
	text-align:left;
 }
  
  
table.fundingopps td {
	padding:0 5px;
	border:1px solid #ccc;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#articlelayout table.fundingopps tr.datarow h4 {
	padding: 0;
	margin-top: 0;
	color: #536895;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

table.fundingopps td p {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



#sidebar p.fundinginfo {
	width: 200px;
	margin: 0;
	margin-bottom: 25px;
	margin-top: 5px;
	border: 1px solid #ffb300;
	border-bottom: 2px solid #ffb300;
	padding: 5px;
}

#sidebar .fundinginfo p {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Arial, sans-serif;

}

#sidebar .fundinginfo strong {
	color: #5b508b;
}



/* linkology */
a:link {
	color: #003399;
	background-color : transparent;
}

a:visited {
	color: #003366;
	background-color : transparent;
}

a:hover {
	color: #6699CC;
	text-decoration: underline;
	background-color : transparent;
}

a:active {
	color: #FF0000;
	text-decoration: underline;
}


.selected {
	background-color: #FDAD4B;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	
}

p.pagination {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	padding: 8px;
	display: block;
	clear: both;

}



/* slideshow css for institute template */


.slideshowList  {
	clear: both;
	padding-left: 0;
	padding-bottom: 5px;
	margin: 25px;

}

.slideshowList img.thumbnail {
	border: 2px solid #000;
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	}

#startslideshow {
	margin-top: 0;
	margin-bottom: 10px;
}

#startslideshow img.thumbnail {
	border: 2px solid #000;
	float: none;
	

}


#slideshow {
	/*width: 50%;*/
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	
}

#slideshow h1 {
	margin-bottom: 0;
}

#slideshow p {
	margin-top: 0;
	margin-bottom: 10px;
}

#slideshow td {
	/*border: 1px dotted #d1c6c0;*/
}

#slideshow img.slideImage{
	padding: 5px;
	background-color: #D1C6C0;
	margin-bottom: 0;

}

.slidedescription{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1E6A95;
}

.slidecopyright{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.slidenumOn {
	background-color: Maroon;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

a.slidenumOff {
	
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;

}
/* end slideshow css */



.aifeeds {
	width: 200px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 10px;
	border-right: 1px solid #B3151C;
	border-left: 1px solid #B3151C;
	border-top: 2px solid #B3151C;
	border-bottom: 2px solid #B3151C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.aifeeds h4 {
	margin:0;
}

.aifeeds p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

/* css for slideshow backend created using .net by kaya */

.headerstyle {
	background-color: #66583F;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}

.footerformat {
	color: #66583F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}




#expertslist li {

	padding: 10px 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	}
	
.tsunamispecial {
	background-color: #f1f2ef;
	padding: 10px;
	border: 1px solid #990000;
	width: 50%;
	float: right;
	margin-left: 15px;
	margin-right: 10px;

}

.tsunamibox {
	/*background-color: #f1f2ef;*/
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	

}

.tsunamibox h4 {
	color: #003366;
	/*padding: 5px;*/
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}

.tsunamibox ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.tsunamibox ul {
	padding-left: 0;
	margin-left: 10px;
}


/* for configuring a table used for idp info */

table.study {
	border-width:0;
	color: #000;
	line-height:1.5em;
	width:460px;
	margin:0 0 1.5em;
	
}

table.study tr td.blank {
  border-width:0;
  padding:2px;
  }
  
.study th {
	background:#eee;
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	font-size: 100%;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	color:#993333;
	text-align:left;
 }
  
  
.study td {
	padding:5px 5px;
	border:1px solid #ccc;
	border-width:0 0 1px 1px;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.study td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.study td.topic {
	
	background-color:#eee;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif; 
	text-align: left;
	width:150px;
}

.study td.info {
	
	/*background-color:#eee;*/
	
	text-align:left;
	width:175px;
}

.study h4 {
	color:#990000;
}

.study ul li {
	margin: 0 0 0 7px;
	padding: 0 0 5px 12px;
	line-height: 1.5em;
	list-style: url(/images/squareblue.gif) none outside;
}


/* special css for online application forms using .net */


/* special css for online application forms using .net */

#applicationlayout {
	padding: 5px;
	border: 2px solid #d1c6c0;
}



#applicationlayout h1 {
	font-size: 18px;
	color: #536895;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom: 15px;
}



#applicationlayout h3 {
	font-size: 16px;
	color: #cb7415;
}



#applicationlayout h4 {
	color: #cc0000;
}



#applicationlayout td {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
}



#applicationlayout #btn_Next, #applicationlayout #btn_Prev {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	/*background-color: #ccc;*/
	border: 2px solid #536895;
	padding: 5px;
}



#applicationlayout hr {
	border: 1px solid #599619;
}



#applicationlayout .requiredfield {
	font-weight: bold;
	/*font-size: 12px;*/
	color: #cc0000;
}

#applicationlayout .errorbox {
	padding: 5px;
	border: 2px solid #d1c6c0;
}

#applicationlayout #applypanel {
	margin-top: 15px;
	border-top: 1px solid #d1c6c0;
	border-bottom: 1px solid #d1c6c0;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#joblistings strong {
	font-size: 13px;
	
}

#joblistings ul.jobs li {
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	margin-bottom: 20px;
}

.subnavboxes {
	margin-top: 20px;
}

.subnavboxes a{
	border: 1px solid #536895;
	padding: 10px 15px;
	background-color: #eee;
	text-decoration: none;
	font-weight: bold;
	color: #536895;

}

.subnavboxes a:hover {
	color: #fff;
	text-decoration: none;
	background-color : transparent;
	background-color: #ffb300;
	
}





/* horizonatal style layout */


ul#stay-connected {
	display: block;
	clear: both;
	margin-left: 10px;
	padding-left: 0;

}



ul#stay-connected li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px;

}

ul#stay-connected li a {
	display: block;
	padding: 5px 10px;
}



ul#stay-connected a.podcasts {
	width: 80px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/Podcasts.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 20px;

}

ul#stay-connected a.podcasts:hover {
	background-position: 0 0;
	}

ul#stay-connected a.itunes {
	width: 80px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/iTunes.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 25px;
}

ul#stay-connected a.itunes:hover {
	background-position: 0 0;
	}	
	
ul#stay-connected a.videos {
	width: 80px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/Videos.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 25px;
}

ul#stay-connected a.videos:hover {
	background-position: 0 0;
	}

ul#stay-connected a.youtube {
	width: 80px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/YouTube.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 25px;
}

ul#stay-connected a.youtube:hover {
	background-position: 0 0;
}
	
ul#stay-connected a.facebook {
	width: 80px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/Facebook.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 25px;
}

ul#stay-connected a.facebook:hover {
	background-position: 0 0;
}

ul#stay-connected a.twitter {
	width: 60px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/Twitter.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 25px;

}

ul#stay-connected a.twitter:hover {
	background-position: 0 0;
}

ul#stay-connected a.rss {
	width: 80px;
	height: 23px;
	text-decoration: none;
	background: url("/images/social-icons/RSS.png");
	background-repeat: no-repeat;
	background-position: 0 -32px;
	text-indent: 10px;
}

ul#stay-connected a.rss:hover {
	background-position: 0 0;
}


.site-link {
	/*padding: 25px 25px 25px 0;
	background: url(/images/external-site.png) top right no-repeat;
	margin-right: 30px;*/

}

/* begin ckeditor new css styles */

h3.ucla-blue {
	color: #536895;
}

h3.ucla-gold {
	color: #ffb300;
}

h3.ucla-green {
	color: #3ea639;
}

h3.ucla-orange {
	color: #fe921c;
}

h3.ucla-cyan {
	color: #2685bb;
}

h3.ucla-purple {
	color: #911687
}

p.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

p.small {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.dropcap {
	font-size: 300%;
	font-weight: bold;
	float: left;
 	color: #000000;
}


 h4.pullquote {
 	float: right;
	min-width: 220px;
	margin: 0 0 15px 15px;
	color: #ffb300;
	
 }
 
 
 
h3.aside {
	float: right;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 20px 0;
	padding: 15px;
}


h3.sidebar {
	float: right;
	width: 300px;
	background-color: #2685bb;
	margin: 0 20px;
	padding: 10px;
	color: #fff;
}

p.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;

}

p.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;
	
}


p.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;
}

p.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;
}

h2.section-header {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	color: #fff;
	background-color: #536895;
	text-align: center;	
}

h3.section-header {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	color: #fff;
	background-color: #268fbb;
	text-align: center;
}

h4.section-header {
	margin: 0 0 12px 0;
	padding: 5px 5px;
	color: #fff;
	background-color: #000000;
	text-align: center;	
}

/* end ckeditor new css styles */
