/* KEYNOTE - CSS Document */

	/* >>>>> START PAGE STRUCTURE AND TEXT CONTROLS <<<<< */

	/* JM 20171012 - set responsive layout */
	body {
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #c7c7c7;
		background-image: url(Images/MainBackground.jpg);
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	#content {
		width:70%;
		float:left;
		margin:0px;
		padding:0px;
	}
	
	#rightsidebar {
		width:29%;
		float:right;
		background-color:#000;
		margin:0px;
		padding:0px;
	}
		
	#headercover {
		background-color:#000;
		width:100%;
		float:left;
	}
	
	/* mobile phone */
	@media all and (max-width: 768px) {
    	body {
			margin-left:0%;
			margin-right:0%;
    	}
		
		#content {
			width:100%;
			float:none;
			clear:both;
		}
		
		#rightsidebar {
			width:100%;
			float:none;
			clear:both;
		}
	}
	
	/* end JM changes */
	
	.Table-Main {
	width: 790px;
	}

	.Table-Footer {
		border-top: 1px solid #66CCFF;
	}
	
	.Text-Body1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
	}
	
	.Text-Normal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 10px;
		text-align: left;
		vertical-align: middle;
	}
	
	.Text-Footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #333333;
		text-decoration: none;
	}
	
	.Text-Copyright {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: normal;
		color: #FFFFFF;
		text-decoration: none;
	}

	.Text-Headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #66CCFF;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
	background-image:  url(Images/Elements/Title-Back-DarkGrey.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align: middle;
	}
	
	.Text-Trail {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #999999;
		text-decoration: none;
		text-align: left;
		padding-right: 5px;
		padding-left: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
		background-position: center;
		vertical-align: middle;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #666666;
		padding-top: 5px;
	}

	/* >>>>> END STRUCTURE AND TEXT CONTROLS <<<<< */
	/* >>>>> START LINK CONTROLS <<<<< */
	
	a.LinksWhite:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none }
	a.LinksWhite:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none }
	a.LinksWhite:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none }
	a.LinksWhite:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CCCCCC; text-decoration: none }
	
	a.LinksBlue:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #66CCFF; text-decoration: underline }
	a.LinksBlue:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #66CCFF; text-decoration: underline }
	a.LinksBlue:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #66CCFF; text-decoration: underline }
	a.LinksBlue:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CCCCCC; text-decoration: none }
	
	a.LinksFooter:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #66CCFF; text-decoration: none }
	a.LinksFooter:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #66CCFF; text-decoration: none }
	a.LinksFooter:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #66CCFF; text-decoration: none }
	a.LinksFooter:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #CCCCCC; text-decoration: none }

	a.LinkDQ:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none }
	a.LinkDQ:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none }
	a.LinkDQ:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none }
	a.LinkDQ:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #CCCCCC; text-decoration: underline }

	/* >>>>> END LINK CONTROLS <<<<< */
	/* >>>>> START ELEMENTS <<<<< */

	.VerticalLine {
		background-image:  url(../Images/Elements/Vertical_Line.gif);
		background-repeat: repeat-y;
		background-position: center;
		width: 1px;
	}
	
	.VerticalLine-CCC {
		background-image:  url(../Images/Elements/Vertical_Line_CCCCCC.gif);
		background-repeat: repeat-y;
		background-position: center;
		width: 1px;
	}	
	
	.HorizLine {
		background-image:  url(../Images/Elements/HorzLine.gif);
		background-repeat: repeat-x;
		background-position: center;
		height: 5px;
	}
	
	.Arrow {
		background-image:  url(../Images/WebElements/Arrow.gif);
		background-repeat: no-repeat;
		background-position: center center;
		width: 18px;
	}
	
	.Background-Main {
		background-image:  url(../Images/Elements/Main_Background.gif);
		background-repeat: repeat-y;
		background-position: center;
		width: 790px;
	}
	
	.Strip-Date {
		height: 50px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #3399CC;
		text-decoration: none;
		font-weight: normal;
		padding-right: 20px;
		background-position: right center;
		padding-left: 20px;
		background-image: url(Images/Elements/Heading_Background.gif);
		background-repeat: repeat-x;
	}
	
	.Border-Bottom {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #333333;
	}
	
	.Border-Top {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #00688F;
	}
	
	.Border-Right {
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #333333;
	}
	
	/* >>>>> END ELEMENTS <<<<< */	
	/* >>>>> START CONTENT CONTROLS <<<<< */
	
	.SidePaddingLeft {
		width: 16px;
	}
	
	.SidePaddingRight {
		width: 10px;
	}
	
	.HSpacer5px {
		height: 2px;
	}

	.VSpacer10px {
		height: 10px;
	}	
	.VSpacer5px {
		height: 5px;
	}	
	
	/* >>>>> END CONTENT CONTROLS <<<<< */
	/* >>>>> START GENERAL SETTINGS <<<<< */

	.Footer {
		background-color: #333333;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #66CCFF;
	}