@CHARSET "ISO-8859-1";

@import url("../../../private/_lib/css/core/content-viewport.css");

.contentViewport h1 {
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#353535;
	margin:0px;
	padding:0px 0px 15px 0px;
	}
	
.contentViewport h2 {
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#353535;
	margin:0px;
	padding:0px 0px 15px 0px;
	}

.contentViewport h3 {
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#12AD42;
	margin:0px;
	padding:0px 0px 15px 0px;
}

.contentViewport h4 {
	font-size:14px;
	line-height:20px;
	font-style:normal;
	color:#12AD42;
	margin:0px;
	padding:0px 0px 15px 0px;
}

.contentViewport p {
	font-size:13px;
	line-height:20px;
	color:#353535;
	margin:0px 0px 17px 0px;
	}

.contentViewport a {
	text-decoration:none;
	color:#326FDE;
	}
	
.contentViewport a:hover {
	text-decoration:underline;
	color:#333333;
	}
	
.contentViewport div.blockTextHighlight01, .contentViewport .blockTextHighlight01, .contentViewport .inlineTextHighlight01, .contentViewport .inlineTextHighlight01 p {
	display:block;
	font-size:16px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:normal;
	margin:0px;
	padding-bottom:0px;
	color:#12AD42;
	}

/* LIST STYLES */

.contentViewport ul {
	margin:0px;
	padding:0px 0px 15px 20px;
	list-style:none;
	font-size:12px;
	line-height:18px;
	}
	
.contentViewport ul li {
	background:url(../../img/bullet.gif) 0 14px no-repeat;
	padding:7px 0px 7px 17px;
	color:#333333;
	line-height:18px;
	}
		.contentViewport ul li ul {
			padding: 10px 0px 0px 20px;
		}
			.contentViewport ul li ul li {
				background:url(../../img/bullet-light.gif) 0 14px no-repeat;
				line-height:18px;
			}

.contentViewport ol {
	margin:0px;
	padding:0px 0px 15px 35px;
	font-size:12px;
	line-height:18px;
	}

.contentViewport ol li {
	color:#333333;
	padding:7px 0px 7px 0px;
	}

.contentViewport ol li p { color:#333333; font-family:Arial, Helvetica, sans-serif!important; }

/* IMAGE STYLES */

.contentViewport img.borderedImage {
	float:left;
	margin:0px 0px 10px 0px;
	border:0px;
	border-bottom:3px solid #07a2dd;
	padding:0px 0px 1px 0px;
	}
	
.contentViewport img.no_borderedImage {
	float:left;
	margin:0px 0px 10px 0px;
	border:0px;
	}
.contentViewport img.leftAligned {
	float:left;
	margin:3px 30px 10px 0px;
	padding:0px 0px 1px 0px;
	}
	
.contentViewport img.rightAligned {
	float:right;
	margin:3px 20px 10px 30px;
	padding:0px 0px 1px 0px;
	}


/* -----------------------  RULES  --------------------------- */
		.contentViewport .horizontalRuleShort {
			background-color: #3c8ce7;
			clear: both;
			height: 4px;
			margin: 0px 0px 25px;
			padding: 0px;
			width: 174px;
		}
		
		.contentViewport .horizontalRuleShort_2 {
			background-color: #12ad42;
			clear: both;
			height: 4px;
			margin: 0px 0px 25px;
			padding: 0px;
			width: 174px;
		}
		
		.contentViewport .horizontalRuleLong {
			background-color: #fde3b1;
			clear: both;
			height: 3px;
			margin: 0px 0px 25px;
			padding: 0px;
			width: 620px;
		}
		
		.contentViewport .date {
			color:#9fa6a9;
			text-transform:uppercase;
			font-size:12px;
			margin: 0px 0px 10px 0px;
		}

/* -----------------------  COLUMNS  --------------------------- */
		.contentViewport .twoCol290Left {float: left; width: 290px;}
		.contentViewport .twoCol290Right {float: left; width: 290px; padding: 0px 0px 0px 40px;}


/* -----------------------  GENERIC  --------------------------- */
.title { font-size: 16px !important; }


/* -----------------------  NEWS LISTING  --------------------------- */
		#newsListing .title { margin: 0px 0px 10px 0px;}
		#newsListing .date {
			color:#9fa6a9;
			text-transform:uppercase;
			font-size:12px;
			margin: 0px 0px 10px 0px;
		}
			#newsListing .title a {font-weight:bold;}
			#newsListing .title a:hover {color:#48c0e7; text-decoration:none;}


/* -----------------------  EVENTS LISTING  --------------------------- */
		#eventsListing .day {
			font-size:36px;
			color:#3c8ce7;
			font-weight:bold;
			line-height:normal;
			margin: 0px 0px 0px 0px;
		}
		#eventsListing .month {
			font-size:14px;
			color:#232323;
			font-weight:bold;
			text-transform:uppercase;
			line-height:normal;
			margin: 0px 0px 0px 0px;
		}
		#eventsListing .year {
			font-size:14px;
			color:#232323;
			font-weight:normal;
			line-height:normal;
			margin: 0px 0px 0px 0px;
		}
		#eventsListing .title {margin:0px 0px 10px 0px; padding-top:2px; color:#3C8CE7; font-weight:bold; }
			#eventsListing .title a { font-weight:bold;}
			#eventsListing .title a:hover {color:#48c0e7; text-decoration:none;}
			
			
/* -----------------------  RESOURCES LISTING  --------------------------- */
		#resourcesListing .title {margin:0px 0px 10px 0px; padding-top:2px; }
		#resourcesListing .title,
		#resourcesListing .details p {padding-right: 80px;}
			#resourcesListing .title a { font-weight:bold;}
			#resourcesListing .title a:hover {color:#48c0e7; text-decoration:none;}
			

/* -----------------------  DOWNLOAD BOX  --------------------------- */
		.downloadBox {
			position:relative;
			width:572px; 
			min-height:32px; 
			margin:10px 0px 20px 0px; 
			padding:16px 13px 0px 35px;
			border:1px solid #8cd9c0;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			font-size:12px;
			color:#4680c6;
			background-color:#b6e6d6;
			background-repeat:no-repeat;
			background-image:url(../../img/box-background.jpg);
			background-position:0px 0px;
		}
		* html .downloadBox {
			height:32px;
			overflow:visible; 	
		}
		.downloadBox p {color:#4680c6;}
		.downloadBox a {text-decoration:none;  color:#2c2325;}
		.downloadBox a:hover {color:#3d3930;}
		.downloadBox .downloadIcons {position:absolute; left:13px;  width:16px; height:20px;  background:url(../../img/download-icons.gif) no-repeat;  }
		.downloadBox .download {top:10px;  height:16px;  background-position:0 0;  }
		.downloadBox .link {top:10px;  height:17px;  background-position:0px -59px;  }


/* -----------------------  TABLES  --------------------------- */

		.styledTable {
			width:620px;
			border:1px solid #4680c6;
			border-collapse:collapse;
			padding:0px;
			margin: 1em 0 2em 0; 
		}
			.styledTable .col1 {width:280px;}
			.styledTable tr {background-color:none;}
			.styledTable thead tr, .styledTable .lastRow {border-bottom:none!important;}
				.styledTable th {
					color: #fff; 
					padding: 12px 10px 12px 10px;
					background-color:#4680c6;
					border:none;
				}
					.styledTable th p, .styledTable th p:first-child {
						color: #fff; 
						margin:0px;
						padding:0px 0px 0px 0px;
						font-size:15px;
						font-weight:bold;
					}
				.styledTable td {
					padding:15px 10px 5px 15px;
					background-color:none;
					border:none;
					border-bottom:1px dotted #ccc;
				}
				.styledTable .lastRow td {border-bottom:none;}
					.styledTable td p {margin:0px; padding:0px 0px 10px 0px;}
			
		/*layout mode table*/
		table.layoutMode {
			border-collapse:collapse;
			margin: 0;
			width: auto;
			color: #353535;
			margin:0;
			padding:0;
		}
		table.layoutMode th,
		table.layoutMode td {
			border: none!important;
			padding: 0!important; 	
		}
			
/* -----------------------  HIGHLIGHT BOX  --------------------------- */
		.contentViewport .highlightBox {
			width:580px;
			min-height:40px;
			margin:20px 0px 20px 0px;
			padding:15px 20px 15px 20px;
			color:#ffffff;
			font-size:16px;
			
			line-height:22px;
			background-color:#4680c6;
			border:1px solid #6f9bd2;
			-moz-border-radius:4px;
			border-radius:4px;
		}
			.contentViewport .highlightBox p {margin:0px; padding:0px; color:#ffffff; font-size:16px; line-height:22px;}
			.contentViewport .highlightBox a { color:#ffffff; text-decoration:underline; }
			.contentViewport .highlightBox a:hover { color:#ffffff; text-decoration:none; }

/* -----------------------  MORE BUTTON  --------------------------- */
		.contentViewport .buttonFindOutMore {
			height: 20px;
			width: 50px;
		}
			.contentViewport .buttonFindOutMore a {
				background: url(../../img/pods.gif) no-repeat 0px 0px;
				background-position: 0px -66px !important;
				display: block;
				height: 20px;
				width: 50px;
			}
			.contentViewport .buttonFindOutMore a:hover {
				background-position: -351px -66px !important;
			}


/* -----------------------  IMAGE STYLES  --------------------------- */


/* ------------------------------------------------------------------------------ */
/* caption */
/* ------------------------------------------------------------------------------ */
.contentViewport .caption {
	display: block;
	color: #034283; 
	background: #a6dcf0; 
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin: 20px 0; 
	padding: 10px;
}


/* ------------------------------------------------------------------------------ */
/* image wrapper universal */
/* ------------------------------------------------------------------------------ */
.contentViewport .imgWrapper { margin:3px 0 15px 0px; overflow: hidden; }
.contentViewport .imgWrapper img { 
	display: block !important; 
	margin: 0 !important;	
	border-bottom: 1px solid #fff;
}
.contentViewport .imgWrapper .caption {	
	display: block !important; 
	margin: 0 !important; 
	float: none !important; 
	clear: both !important;
}


/* ------------------------------------------------------------------------------ */
/* image sizes */
/* ------------------------------------------------------------------------------ */
.contentViewport .imgWrapper_146, 
.contentViewport .imgWrapper_200, 
.contentViewport .imgWrapper_240, 
.contentViewport .imgWrapper_280,
.contentViewport .imgWrapper_300,
.contentViewport .imgWrapper_400,
.contentViewport .imgWrapper_620 { display: block; border-bottom: 2px solid #12ad42; background: #53585e; overflow: hidden;}

.contentViewport .imgWrapper_146 { width: 146px; }
.contentViewport .imgWrapper_200 { width: 200px; }
.contentViewport .imgWrapper_240 { width: 240px; }
.contentViewport .imgWrapper_280 { width: 280px; }
.contentViewport .imgWrapper_300 { width: 300px; }
.contentViewport .imgWrapper_400 { width: 400px; }
.contentViewport .imgWrapper_620 { width: 620px; }


/* ------------------------------------------------------------------------------ */
/* single-image layouts */
/* ------------------------------------------------------------------------------ */
.contentViewport .imgWrapper.leftAligned { float:left; margin:3px 25px 15px 0px; }
.contentViewport .imgWrapper.rightAligned {	float:right; margin:3px 0 15px 25px; }

/* ------------------------------------------------------------------------------ */
/* multi-image layouts (you can add new gap sizes to suit your design) */
/* ------------------------------------------------------------------------------ */

/*multi-image layouts to occupy full width*/
.contentViewport .imgWrapper.gap_10, 
.contentViewport .imgWrapper.gap_12,
.contentViewport .imgWrapper.gap_15,
.contentViewport .imgWrapper.gap_20,
.contentViewport .imgWrapper.gap_25 { float: none; clear: both; overflow: hidden;}
/*float*/
.contentViewport .imgWrapper.gap_10 div, 
.contentViewport .imgWrapper.gap_12 div,
.contentViewport .imgWrapper.gap_15 div,
.contentViewport .imgWrapper.gap_20 div,
.contentViewport .imgWrapper.gap_25 div { float: left; }
/*gap sizes*/
.contentViewport .imgWrapper.gap_10 div { margin-left: 10px; }
.contentViewport .imgWrapper.gap_12 div { margin-left: 12px; }
.contentViewport .imgWrapper.gap_15 div { margin-left: 15px; }
.contentViewport .imgWrapper.gap_20 div { margin-left: 20px; }
.contentViewport .imgWrapper.gap_25 div { margin-left: 25px; }
/*cancel first image's margin-left*/
.contentViewport .imgWrapper.gap_10 div:first-child,
.contentViewport .imgWrapper.gap_10 div.first-child, 
.contentViewport .imgWrapper.gap_12 div:first-child,
.contentViewport .imgWrapper.gap_12 div.first-child,
.contentViewport .imgWrapper.gap_15 div:first-child,
.contentViewport .imgWrapper.gap_15 div.first-child,
.contentViewport .imgWrapper.gap_20 div:first-child,
.contentViewport .imgWrapper.gap_20 div.first-child,
.contentViewport .imgWrapper.gap_25 div:first-child,
.contentViewport .imgWrapper.gap_25 div.first-child { margin: 0; padding: 0; }


/* ------------------------------------------------------------------------------ */
/* CSS for printing */
/* ------------------------------------------------------------------------------ */
@media print
{
/*to avoid print issue for floated items across pages*/
.contentViewport .imgWrapper.gap_10, 
.contentViewport .imgWrapper.gap_12,
.contentViewport .imgWrapper.gap_15,
.contentViewport .imgWrapper.gap_20,
.contentViewport .imgWrapper.gap_25 { page-break-before:always; }
}