﻿
/* top few are the three column and style changes.
Below the line marked with /// in comment are from old page.
Black is #fff
*/

/* MAIN PAGE LAYOUT AND STRUCTURE       */
body {
	position:relative;
   background-color:#800000;
   background-image:url('images/books_bg.jpg');
   margin: 0 auto;
	width:40em;
	overflow:auto;

/*
   min-width: 35em;
   max-width: 50em;



*/

 }
 
 li {
	text-align:justify;
	padding-right:1em;
}

#header {
   height:12em;
   margin-top: 10px;
   margin-bottom:5px;
   background-color: #369;
  }

.amenu  {
	padding-top:2px;
    font-family: arial, verdana, sans-serif;
    font-weight:bold;
	color:navy;
	font-size:0.9em;
	text-decoration:none;
}

/* center column below the heading  main and atwork serve as pagebox without disturbing three column structure    */
#main {
   float: left;

   /*        
   height:35em;
         */
	 background-color: yellow;
	 background-image:url('images/paper04.jpg');

	font-weight:bold;
   font-family:Arial, Verdana, sans-serif;
   font-size:.8em;
   font-weight:bold;
   color:maroon;
   padding:0 .5em 0 .5em;
}

 /*    the right column below header Away Team  */
 #sidebar {
   float: left;
   width: 10em;
   padding: 0 0.5em;
   /*        
   background-color: lime;       */
   color:yellow;
   background-color:transparent;
   margin-left: -14em;
   position: relative;
   left: 15em;
 }
 
 /*  the left column below header   Onboard  */
  #nav {
   float: left;
   width: 10em;
   padding: 0 0.5em;
   /*        
   background-color: #ddd;    
       */
    color:yellow;
   margin-left: -100%;
   position: relative;
   right: 12em;
   text-align:right;
 }
 
 /* area below main and that width       */
 #footer {
   clear: left;
   border-top: 1px solid #369;
   padding:0 .5em 0 .5em;
   font-size:x-small;
   color:gray;
   background-image:url('images/paper04.jpg')
 }

/* DIVS NOT OF MAIN STRUCTURE       */

.logobox  {
	position:absolute;
	top:5em;
	right:4em;
	background-color:transparent;
}

/* flag, prolly upper left inside of header    */
.flag {
	position:absolute;
	top:1em;
	left:-12em;
	float:left;
	width:9em;
	background-color:#add8e6;
	padding:15px 15px 15px 15px;
}

/* JAVE SCROLLING WINDOW STYLES HERE       */



/* OTHER DIVS       */



.aitalleft {
	
	font-family: arial, verdana, sans-serif;
	color: red;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

.aitalrt {
	
	font-family: arial, verdana, sans-serif;
	color: red;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

.sponsors {
	width:600px; 
	margin: 0 auto 2em auto;
	background-color:orange;
	font-family:Arial, Verdana, sans-serif;
	color:maroon;
	font-size:small;
	font-weight:bold;
	padding:2px 5px 2px 2px;
}


.f2 {
	font-family:arial, verdana, sans-serif;
	color:black;
	font-size:1em;
	font-weight:600;
	padding-left:0.5em;
}

/* footer text outside of countdown       */
.f3 {
	font-family:arial, verdana, sans-serif;
	color:yellow;
	font-size:1.5em;
	font-weight:600;
	text-decoration:none;
	font-style:italic;
	padding-left:0.5em;
}

/* crawler text is .f4       */
.f4 {
	font-family:arial, verdana, sans-serif;
	color:black;
	font-size:1em;
	font-weight:600;
	padding-left:0.5em;
}

h5 {
	font-family:arial, verdana, sans-serif;
	color:red;
	font-size:2em;
	font-weight:bold;
	padding-left:2em;
	padding-top:1em;
}

.span1	{
	font-family:arial, verdana, sans-serif;
	font-size:.5em;
	font-weight:600;
	padding:5em;
}

a:hover  {
	background-color:red;
}
.a1  {
	
	color:yellow;
	text-decoration:none;
}