/* mobile first */

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 1em;
	line-height:120%;
	font-family: 'PTSans', Sans-Serif;
	background:none;
}

.bodyPad {
	margin-top: 0px;
	margin-bottom: 20px;
}

.mainContainer {
	border:solid 0px Black;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.subContainer {
	width: 100%;
	background: inherit;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.vertiPad {
	padding-top: 5px;
	padding-bottom: 5px;
}

.horiPad {
	padding-left: 10px;
	padding-right: 10px;
}

#pageHeader {
	background: gold;
	margin-top:40px;
}

#navSmall {
	color: White;
	background: black;
	border-top:solid 1px #808080;
	position: fixed;
  top: 0;
	width:100%;
}

#navLarge {
	color: White;
	background: black;
}

#pageRibbon {
	background: white;
}

#contentWrapper {
	background: white;
}

#contentLeft {
	width: auto;
	float: none;			
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	background: white;
}

#contentRight {	
	width: auto;
	float: none;			
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	background: #E3FFE3;
}

#pageFooter {
	background: LightBlue;
}

h1, h2, h3, h4, p, br {
	margin: 0px;
	padding: 0px;
	line-height:120%;
	display: inline;
}

h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }	

img.landscape {
	margin-top: 0px;
	margin-bottom: 5px;
	width:98%;
	border:solid 1px #808080;
}

img.portrait {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right:2%;
	width: 46.5%;
	vertical-align: top;
	border:solid 1px #808080;
}	

.divAdslot {
	width:160px; 
	height:112px; 
	float:left;
}	

.divGlide {
	white-space: nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	box-sizing: border-box;
}

.divEllipsis {
	white-space: nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
	box-sizing: border-box;
}

.newlineMobile {
	display:block;
}

.dualWidth {
	width:100%;
}

.showDesktop {
	display:none;
}

.showMobile {
	display:block;
}

/* table cell */
.darkCell , .lightCell , .whiteCell , 
.greyCell , .yellowCell , .redCell, 
.hlightCell, .clearCell 	{ 
	border:solid 1px #C0C0C0; 
	padding:3px 3px 1px 3px; 
	text-align:left; 	
}

.darkCell 		{ background-color: #E3FFE3; }
.lightCell 	{ background-color: #F5FFF5; } 
.whiteCell 	{ background-color: #FFFFFF; }
.greyCell 		{ background-color: #ECECEC; }
.yellowCell	{ background-color: #FFFFDD; }
.redCell 		{ background-color: #FFC0C0; }
.hlightCell 	{ background-color: #FFFFC0; }
.clearCell 	{ }

a:link, a:visited , a:hover { 
	text-decoration:none; 
}

a:hover  { 
	color:yellow;
	background-color:orange;
}

/*
#contentWrapper a:hover  { 
	background-color:transparent;
}
*/

/* no indent */
.noIndent {
  margin-top: 0px;    /* gets rid of space at the top */
  margin-left: 17px;  /* gets rid of extra space to the left  (IE) */
  padding-left: 0px;  /* gets rid of extra space to the left  (Firefox) */
  margin-bottom: 0px; /* gets rid of space at the bottom */
}

.noIndent2 {
  margin-top: 0px;    /* gets rid of space at the top */
  margin-left: 24px;  /* gets rid of extra space to the left  (IE) */
  padding-left: 7px;  /* gets rid of extra space to the left  (Firefox) */
  margin-bottom: 0px; /* gets rid of space at the bottom */
}

/* clear fix */
.clearFix:before,
.clearFix:after {
	content: "";
	display: table;
}

.clearFix:after {
	clear: both;
}

.clearFix {
	zoom: 1;
}