#clock {
	font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
	color: white;
	background-color: black;
/*	border: 2px solid purple;*/
	padding: 4px;
}

.table1
{
	width:100%;
	border-collapse:collapse;
	border:2px solid red; 
} 

.table_left
{
	vertical-align:top;
	width:32%;
	border:2px solid red; 
	padding:5px;
} 

.table_right
{
	vertical-align:top;
	border-collapse:collapse;
	width:70%;
	border:2px solid red; 
	padding:5px;
} 

.table_links
{
	vertical-align:center;
	width:100%;
} 

.table_ctdn
{
	width:10%;
	border:5px solid grey;
	padding:2px 2px;
	background-color:#000000;
}

.table_ctdn th
{
	text-align:center;
	width:23%;
	background-color:#000080;
	color:#FFFFFF;
}

.table2
{
	width:100%;
} 

.table2 table
{
	border-collapse:collapse;
/*	border:1px solid red; */
	margin-right:auto;
	margin-left:5px;
	border-spacing:10px;
/*	width:1%;*/
}

.table2 td
{
	padding:5px;
} 

.table3
{
	width:100%;
	border:1px solid green; 
	text-align:center;
} 

.table3 th
{
	text-align:center;
}

/*
*.table3 tr:hover {
*	background-color: #ffa;
*}
*/

.table3 tr:nth-child(odd) {
	background-color: #E6F0FF;
}

.table3 tr:nth-child(even) {
	background-color: #CCE0FF;
}

a.f1 {
	font-family: "Times New Roman", Times, sans-serif;
	font-size: 1.0em;
	font-weight:bold;
	text-decoration:none;
	}
/* a.f1:link { color: black }
a.f1:visited { color: blue }
a.f1:active { color: red }
a.f1:hover {
	color: white;
	background-color: black;
	} */

a.f2 {
	font-family: "Times New Roman", Times, sans-serif;
	font-size: 1.25em;
	font-weight:bold;
	}
a.f2:link { color: black }
a.f2:visited { color: blue }
a.f2:active { color: red }
a.f2:hover {
	color: white;
	background-color: black;
	}

div.scroll {
    width: 100%;
    height: 100vh;
	overflow: scroll;
}

/* Style to accompany the default html wrapper file for True-A-Day. */
/*** TABLE related classes */

.tadTable /* table as a whole. */
{
    width: 45%;
    border-collapse: collapse;
}

.tadTd /* center (story) cell */
{
    font-family: 'Times New Roman' , Serif;
    font-size: small;
    background-color: #F5F5DC;
    padding: 4px;
    text-align: justify;       /* IE defaults to this, others may inherrit something else */
}
.tadHeader /* top and bottom cells containing Header/Title and Footer/Subscribe info. */
{
    font-family: Verdana, Sans-Serif;
    background-color: #add8e6;
    text-align: center;
}

/*** Paragraph related classes */

.tadAuthor /* the "by Randy Cassingham" line in the top cell. */
{
    font-size: small;
    line-height: normal;
    margin: 0px;
}
.tadTitle
{
    font-weight: bold;
    font-size: large;
    font-style: italic;
    margin: 0px;
    line-height: normal;
}
.tadSubscribe /* The "Subscribe Free" line */
{
    font-size: medium;
    font-weight: bold;
    font-style: italic;
    margin: 0px;
}
.tadText /* The text in headers ... such as "Visit True" in the bottom cell. */
{
    font-size: x-small;
    margin: 0px;
}
.tadVisit /* The text immediately underneath the form in the bottom cell */
{
    margin: 0px;
    text-align: center;
}

.tadTrueLink /* the links that appear in the bottom cell */
{
    font-size: x-small;
}

/*** SPAN related classes */

.tadReg /* registered tradmark charater in title - within tadTitle*/
{
    font-size: smaller;
    vertical-align: super;
}
.tadCopyright /* the (C) and Date */
{
    margin: 0px;
    font-size: smaller;
}

/*** FORM related classes */

.tadForm /* The form itself */
{
    margin: 0px;
}

/*** Styles used by the included story */

.tadP /* Typically story is wrapped in one <p> */
{
    margin-top: 0px;                /* IE assumes, other's have space */
}
.tadSlug /* Paragraph containing the story slug */
{
    font-weight: bold;
}
.tadBody /* Paragraph containing the story body */
{
}
.tadStoryTitle /* SPAN containing the story slug */
{
    font-weight: bold;
}
.tadStoryComment /* SPAN containing the "tagline" */
{
    font-style: italic;
}
.tadInStoryLink /* <A> used in any in-story links */
{
}