/* viewport for IE */
@-ms-viewport {
  width: device-width;
	}
#topStripe {
	background-repeat: repeat;
	width:100%;
	height:8px;
	}
#headerBackGround {
	width:100%;
	padding-bottom: 0.3em;
	}
#headerWrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.44em;
	}
#headerLeft {
	height: auto;
	float: left;
	}
#headerLeft h1 {
	font-size: 2.25em;
	padding: 0;
	}
#headerRight {
	height: auto;
	float: right;
	padding-top: 0.8em;
	}
#headerRight h3 {
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	}
#navigationPanel {
	clear: both;
	padding: 0;
	}
.narrowStripe {
	width:100%;
	height:3px;
	}
#pageBackGround {
	width: 100%;
	overflow: hidden;
	}
#pageWrap {
	width: 960px;
	margin: 4px auto;
	}
#topAdBox {
	width: 100%;
	}
#contentPanelLeft {
	font-size: 1em;
	text-align: center;
	width: 693px;
	float: left;
	padding-top: 0.63em;
	padding-bottom: 1em;
	}
#sideBarRight {
	width: 252px;
	float: right;
	padding-top: 1.3em;
	padding-bottom: 0.5em;
	}
#contentPanel {
	width: 100%;
	}
#footerBackGround {
	width:100%;
	clear: both;
	}
#footerWrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	}
#footerPanel {
	}
#footerInfo {
	text-align: center;
	}
#bottomAdBox {
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-bottom: 1em;
	}
#footNote {
	text-align: center;
	margin-right: auto;
	margin-bottom: 0.938em;
	margin-left: auto;
	}
.showOnMediumScreenOnly {
		display: none;
		}
.showOnSmallScreenOnly {
		display: none;
		}
.showOnSmallAndMediumScreenOnly {
		display: none;
		}
/* Floating Image Boxes with Caption */
.pictureBoxLandscapeRight {
	float: right;	
	color: #000;
	font-size: 0.88em;
	font-weight: bold;	
	background-color: #fff;
	width: 320px;
	margin: 0.5em 0 0.5em 0.8em;
	padding: 3px;
	text-align: center;
	}
.pictureBoxLandscapeLeft {
	float: left;
	color: #000;
	font-size: 0.88em;
	font-weight: bold;
	background-color: #fff;
	width: 320px;
	margin: 0.5em 0.8em 0.5em 0;
	padding: 3px;
	text-align: center;
	}
.pictureBoxSquareRight {
	float: right;	
	color: #000;
	font-size: 0.88em;
	font-weight: bold;	
	background-color: #fff;
	width: 270px;
	margin: 0.5em 0 0.5em 0.8em;
	padding: 3px;
	text-align: center;
	}
.pictureBoxSquareLeft {
	float: left;
	color: #000;
	font-size: 0.88em;
	font-weight: bold;
	background-color: #fff;
	width: 270px;
	margin: 0.5em 0.8em 0.5em 0;
	padding: 3px;
	text-align: center;
	}
.pictureBoxPortraitRight {
	float: right;
	color: #000;
	font-size: 0.88em;
	font-weight: bold;
	background-color: #fff;
	width: 220px;
	margin: 0.5em 0 0.5em 0.8em;
	padding: 3px;
	text-align: center;
	}
.pictureBoxPortraitLeft {
	float: left;
	color: #000;
	font-size: 0.88em;
	font-weight: bold;
	background-color: #fff;
	width: 220px;
	margin: 0.5em 0.8em 0.5em 0;
	padding: 3px;
	text-align: center;
	}
.pictureBoxLandscapeRight p, .pictureBoxLandscapeLeft p, .pictureBoxSquareRight p, .pictureBoxSquareLeft p, .pictureBoxPortraitRight p, .pictureBoxPortraitLeft p {
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	text-align: center;
	}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#headerWrap {
		width: 98%;
	}
	#pageWrap {
		width: 98%;
	}
	#contentPanelLeft {
		width: 70%;
		}
	#sideBarRight {
		width: 28%;
	}
	#footerWrap {
	width: 98%;
	}
}
/* for 780px or less */
@media screen and (max-width: 780px) {
	#headerWrap {
		margin-right: auto;
		margin-left: auto;
		}
	#headerLeft {
		float: none;
			padding: 0;
		}
	#headerLeft h1 {
		font-size: 2em;
	padding: 0;
	}
	#headerRight {
		float: none;
		padding: 0;
		}
	#headerRight h3 {
		font-size: 1.2em;
		padding: 0;
	}
	#pageWrap {
		margin: 2px auto;
	}
	#topAdBox {
		margin-top: 0.25em;
		}
	#contentPanelLeft {
		width: 92%;
		float: none;
		margin-left: 0;
		padding-top: 0;
		padding-right: 4%;
		padding-left: 4%;
		}
	#sideBarRight {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
		}
	#footerWrap {
		margin-right: auto;
		margin-left: auto;
		}
	#bottomAdBox {
		}
	.showOnLargeScreenOnly {
		display: none;
		}
	.showOnMediumScreenOnly {
		display: block;
		}
	.showOnSmallAndMediumScreenOnly {
		display: block;
		}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	#headerWrap {
		width: 96%;		
		margin-right: auto;
		margin-left: auto;
		padding: 1px;
		}
	#headerBackGround {
		padding: 0;
		}
	#headerLeft {
		float: none;
		padding: 0;
		}
	#headerLeft h1 {
		font-size: 2em;
		text-align: center;
		width: 12px;
		padding: 0;
		}
	#headerRight {
	float: none;
	padding: 0;
		}
	#headerRight h3 {
		font-size: 0.938em;
		text-align: center;
		padding: 0;
		}
	#pageWrap {
	width: 96%;			
	margin: 1px auto;
		}
	#contentPanel {
		font-size: 0.9em;
		}
	#footerWrap {
		width: 96%;		
		margin-right: auto;
		margin-left: auto;
		padding: 7px 1px 1px;
		}
	#footerInfo {
		padding-top: 5px;
		}
	.showOnLargeAndMediumScreenOnly {
		display: none;
		}
	.showOnMediumScreenOnly {
		display: none;
		}
	.showOnSmallScreenOnly {
		display: block;
		}
	h2  { 
		font-size: 1.4em; 
		}
.pictureBoxLandscapeRight, .pictureBoxLandscapeLeft, .pictureBoxSquareRight, .pictureBoxSquareLeft, .pictureBoxPortraitRight, .pictureBoxPortraitLeft {
		float: none;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		}
.pictureBoxLandscapeRight, .pictureBoxLandscapeLeft {
		max-width: 320px;
		}		
.pictureBoxSquareRight, .pictureBoxSquareLeft, .pictureBoxPortraitRight, .pictureBoxPortraitLeft {
		max-width: 300px;
		}		
}
/************************************************************************************
END MEDIA QUERIES
*************************************************************************************/