.container {
    margin: auto;	/* centers div */
	width: 816px;
	max-width: 100%;
}

body { /* set default font for page */
	font-family	: Arial, Helvetica;
	font-size	: 12pt;
	}

.row {
	width:100%;
	clear:both;	/*stops problems where previous display:inline */
	}

.main {
    margin: auto;	/* centers div */
	max-width: 816px;
	background: #F8F8FF;
	}

.padded4 {padding:4px}	
.padded8 {padding:8px}	

.blocked {display: block;
	width:100%;
}

.align-right  {text-align: right;}
.align-left   {text-align: left;}
.align-center {text-align: center;}

h1  	{font-size	: 24pt;
	}
h2  	{font-size	: 18pt;
	}
h5  	{font-size	: 10pt;
	}
h6  	{font-size	: 8pt;
	}
.title	{font-size	: 24pt;
	 color 		: navy;
	}
.hline	{font-size	: 14pt;
	}
.error	{
	 color 		: red;
	 font-weight	: bold
	}
	
/* -------------------------------------- */	

.title_box {
	max-width: 816px;
	width: 100%;
	background: #B3C7CE;
	}
	.tb_warning {
		background: pink;
		}
	.tb_missing {
		background: yellow;
		}
	.tb_last {
		background: #FF40CD;
		}
.title_blue	{
	font-size: 24pt;
	color: navy;
	padding: 8px;
	}
.title_box_hist {
	max-width: 816px;
	width: 100%;
	background: #B3C7CE;
	padding: 8px 0 8px 0;
	}
.title_blue_hist	{
	font-size: 24pt;
	color: navy;
	padding: 8px;
	zzbackground:#FF6;	/*testing only*/
	display:inline;
	text-align: left;
}
.title_latest_hist { /* for 'Latest Report link on hist pages*/
	background: #B3C7CE; /* needed for certain points in wrapping */
	zzbackground:#9C0;	/*testing only*/
	text-align:right;
	padding: 10px 10px 0 0;
	width: 120px; 		
	float: right;		/* makes it respond to width */
	position: relative; /*only req'd when using float */
	}

/* -------------------------------------- */	

.trailer { /* same as row ??? */
	width: 100%;
	}

.trailer_left{
	width: 50%; 		/* no affect unless using float ???? */
	display:inline;		/* has no affect when using float */
	zbackground:#F88;	/*for testing only*/
	float: left;		/* makes it respond to 25% width but won't wrap*/
	position: relative; /*only req'd when using float */
	text-align: left;
	}
.trailer_right{
	width: 50%; 		/* no affect unless using float ???? */
	display:inline;		/* has no affect when using float */
	zbackground:#8F8;	/*for testing only*/
	float: left;		/* makes it respond to 25% width but won't wrap*/
	position: relative; /*only req'd when using float */
	text-align: right;
	}
.trailer_center{
	width: 100%; 		/* no affect unless using float ???? */
	display:block;		/* has no affect when using float */
	zbackground:#88F;	/*for testing only*/
	}
	
img {
	max-width: 100%;
	height: auto;
}	

.disclaimer_box { /*box around disclaimer div */
	display: block;
	}
.disc { /*disclaimer row */
	padding: 10px 0 0 0; /*top & bottom spacing around buttons row*/
	zzoverflow:hidden; /* keeps div full height when wrapping*/
    margin: auto;	/* centers div */
	max-width: 816px;
	width: 100%;
  	font-size: 8pt;	
	font-style: italic;
	zzbackground-color:#FF6;	/* for testing only */
	}
.disc_L {
	display:inline;
	zheight: 40px;
	float:left;
	zzbackground-color:#F6F;	/* for testing only */
	width: 10%;
	text-align:left;
	} 
.disc_R {
	display:inline;
	float:left;
	zzbackground-color:#6FF;	/* for testing only */
	width: 90%;
	text-align:left;
  	position: relative; 
	padding: 0 0 10px 0; /*top & bottom spacing around buttons row*/
	} 

/* -------------------------------------- */	

	
.bot_button_box { /*box around bot_button div */
	display: block;
	width:100%;
	zzbackground:#A3F;/*purple for testing only */	}

.bot_buttons { /* box around button ul to force block down */
	max-width: 816px;
	width: 100%;
	zdisplay: block;
	zbackground-color: #B3FFCE; /*pale blue bg for testing only*/
	background-color: #B3C7CE;	
	padding: 10px 0 10px 0; /*top & bottom spacing around buttons row*/
	overflow:hidden; 		/* keeps div full height when wrapping*/
	}

.bot_buttons div {
	display:inline;		/* has no affect when using float */
	zbackground:#F88;	/*for testing only*/
	zpadding: 0 10px 0 10px; /*putting padding on top or bottom causes weird wrapping on small screen */
	float: left;		/* makes it respond to 25% width but won't wrap*/
	position: relative; /*only req'd when using float */
	}

.w25 {
	width: 25%; 		/* no affect unless using float ???? */
	}
.w50 {
	width: 50%; 		/* no affect unless using float ???? */
	}
.w33 {
	width: 33.33%; 		/* no affect unless using float ???? */
	}

.bot_buttons div a {
	padding: 0 8px 0 8px}

.small {
	font-size	: 8pt;	
	}



/* google ad things */
.leaderboard {
	text-align:center;
	display: block;
}
.ga_outer {
	text-align:center;
	display: block;
	zborder-color:#9CC;
	zborder-style:solid;
	zborder-width:thin;
}
.ga_inner {
	border-color:#9CC;
	border-style:solid;
	border-width:thin;
}


.ga_large_mobile_bnr {
	padding: 4px;
}
.ga_1xlarge_mobile_bnr {
	text-align:center;
/*	display: block;	*/
	border-color:#9CC;
	border-style:solid;
	border-width:thin;
	padding: 4px;
}
.ga_1xlarge_mobile_bnr2 {
	text-align:center; 
	border-color:#9CC; 
	border-style:solid;
	border-width:thin; 
	padding: 4px; 
}




/* used in hist4ad1-hist4ad3 */
.left {
	display: inline-block;	
	max-width: 516px;
}
.left_200 {
	display: inline-block;	
	max-width: 616px;
}
.left_250 {
	display: inline-block;	
	max-width: 566px;
}

.right {
	float:right;
	width: 300px;
}
.right_250 {
	float:right;
	width: 250px;
}
.right_200 {
	float:right;
	width: 200px;
}

td {
	vertical-align:text-top;
 
}

/* following for when 2 320x50 gooogle ads side by side*/
.ga_outer2 {
	background-color:#EAEAFF;
	zwidth:100%;
	padding: 8px 0 4px 0;
}
.ga_inner2 {
	zbackground-color:#F06; /*testing*/
	text-align:center;
	display: inline;
	padding: 40px 6px 0px 6px;
}
/* */

.ga_inner2x {
	zbackground-color:#F06; /*testing*/
	text-align:center;
	display: inline;
	padding: 40px 6px 0px 6px;
}



/* following for single 320x50 google ad */
.ga_inner1 {
	background-color:#EAEAFF;
	padding: 8px 0 8px 0;
}


@media (max-width: 680px) { /*force disclaimer onto extra line */
.disc_L {width: 100%;} 
.disc_R {width: 100%;} 

.title_latest_hist { /* latest report link */
	float:none;
	display: block;
	width:100%;
	text-align : center;
	padding: 0;	
	}
}

@media (max-width: 480px) { /*force bot buttons onto separate rows */
.bot_buttons div {
	width: 100%;	
	display: block;
	float:none;
	}
.w25 {width: 100%;
	  text-align:center;}
.w50 {width: 100%;
	  text-align:center;}
.w33 {width: 100%;
	  text-align:center;}  
}


@media (max-width: 380px) { /*force bot buttons onto separate rows */
.ga_outer2 {
	zbackground-color: #CCC;
	background-color:inherit;
}
	  
}

@media (max-width: 320px) { /*force google ads full width */
.ga_inner2 {
	padding: 4px 0 4px 0;
	margin-left: -16px; /*force 2x google ad to left of position */
	display:block; /*this makes 2nd ad also move left */
}
.ga_inner1 { /*force single google ad to left of position */
	margin-left: -8px;
}
}