/**
 * CSS Style used in Item Styles.
 * Content Rollup.
 */
/** ---------- ROUNDED BOXES ------------------------------------------------------------------------------------------------- */
/**
 * Rounded Boxes.
 * Style for main and alternate rounded box.
 */
/** Main: Style rounded box - main, alter. **/
.cm-rounded-box-main, .cm-rounded-box-alter {
	width: auto;
	height: auto;
	padding: 1%;
	margin: 0;
	word-wrap: break-word;
}
/* top left rounded corner image. */
.cm-rounded-box-main-header, .cm-rounded-box-alter-header {
	width: auto;
	height: auto;
	margin: 0;
}
/* top right rounded corner image. */
.cm-rounded-box-alter-header div:first-child, .cm-rounded-box-main-header > div:first-child {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
/* style for bidy of box, every element is included inside this class. */
.cm-rounded-box-main-body, .cm-rounded-box-alter-body {
	width: auto;
	height: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	background-color:transparent;
	word-wrap: break-word;
	color: black;
}
/* remove spaces around paragraphs. */
.cm-rounded-box-main-body p, .cm-rounded-box-alter-body p {
	margin: 0;
	padding: 0;
}
/* title text for main and alternate rounded box. */
p.cm-rounded-box-alter-header-text, p.cm-rounded-box-main-header-text {
	height: auto;
	margin: 0;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 4px;
	padding-bottom: 6px;
	text-align: left;
	word-wrap: break-word;
	color: black;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18pt!important;
	font-weight: normal;
	font-weight:bold;
}
/* RSS link. */
.cm-rounded-box-header-rss {
	width: auto;
	height: auto;
	margin: 0;
	float: right;
	padding-left: 0;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 0;
}
/** ---------- NEWS ---------------------------------------------------------------------------------------------------------- */
/**
 * CSS for news list items.
 * Used for styling a content query output.
 */
.cm-news-item {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}
.cm-news-body {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
/* vertical space between each news item. */
.cm-news-space-between-items {
	height: 8px;
	width: 100%;
	float: left;
}
/* style for the all news button. */
.cm-news-all-news-link {
	color: white!important;
	background: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	padding: 5px;
	float: right;
}
/** ---------- PHOTO TABLE --------------------------------------------------------------------------------------------------- */
/**
 * CSS for photo lists/tables.
 * Used for styling a table of photos.
 */
/* table of NxM photos. */
.cm-photo-table {
	width: 100%;
	text-align: center;
}
/* IE 8/9 puts a red box around a link.  */
.cm-photo-table a:link {
	color: transparent;
}
.cm-photo-table a:visited {
	color: transparent;
}
/* row of N photos. */
.cm-photo-row {
	width: 100%;
	text-align: left;
}
/* generic style for boxes with photos. */
.cm-photo-box {
	display: inline-block;
	padding: 1%;
	height: 100%;
	vertical-align: top;
}
.cm-photo-box:hover {
	background: #f8f8f8;
	cursor: pointer;
}
/* separator space between photos. */
.cm-photo-box-separator {
	height: 100%;
	width: 2%;
}
/*-- 4 Columns --*/
.cm-photo-box-col-4 {
	width: 23%;
}
/*-- 3 Columns --*/
.cm-photo-box-col-3 {
	width: 31%;
}
/*-- 2 Columns --*/
.cm-photo-box-col-2 {
	width: 48%;
}
/*-- 1 Column --*/
.cm-photo-box-col-1 {
	width: 100%;
}
/*-- 3:4, 3:3, 3:2, 3:1 --*/
/*-- 4:4, 4:3, 4:2, 4:1 --*/
.cm-image-res-3-4, .cm-image-res-3-3, .cm-image-res-3-2, .cm-image-res-3-1, .cm-image-res-4-4, .cm-image-res-4-3, .cm-image-res-4-2, .cm-image-res-4-1 {
	width: 100%;
	height: 0px;
}