div { padding: 3px; border: 0px solid black; }
#containerfullwidth { width: 100%; padding: 0;}
.container1 { float: left; width: 645px; margin: -20px 0 0 15px; border: 0; padding: 0; } /*if the window is not wide enough this will flip down below and cover side icons when scrolling*/
.container2 { width: 730px; margin: auto; border: 0; padding: 0; }
#container3 { width: 730px; margin-left: auto; margin-right: auto; border: 0; padding: 0 20px; margin-top: 20px; margin-bottom: 40px; } /* used for headerfooterfix.html my footer code*/
#container4 { /*see footerfix.html page*/ }
.fullwidth0pxhigh { clear: both; font-size: 0px; line-height: 0px; padding: 0px; border: 0; }
.noborder { border: 0; padding: 0; }
.background { background-color: #c0c0c0; padding: 0; color: #335500; }
.leftcol { width: 40%; clear: both; float: left; padding: 5px 0; border: 0; }
.rightcol { padding: 5px 0; border: 0; margin-left: 40%; }
#footer { position: fixed; clear: both; width: 100%; height: 30px; bottom: 0; border: 0; padding: 13px 0 0 0; text-align: center; color: #335500; background-color: #e9e9e2;  }
.time { position: fixed; top: 5px; left: 5px; color: #cccccc; font-size: large; border: 0; }
.day { position: fixed; top: 40px; left: 5px; color: #cccccc; font-size: large; border: 0; }
.date { position: fixed; top: 70px; left: 5px; color: #cccccc; font-size: large; border: 0; }
.inputtime { color: #cccccc; border: 0; background-color: #e9e9e2; font-size: large; width: 70px; }

.link a:link { color: #de7007; font-weight: normal; text-decoration: none; border-bottom: 1px dotted; outline: none; }  /*#de7007 orange*/
.link a:visited { color: #008080; font-weight: normal; text-decoration: none; border-bottom: 1px dotted; outline: none; }  /*#008080 Teal*/
.link a:hover { color: #996633; font-weight: normal; text-decoration: none; }  /*#996633 dark brown*/
.link a:active { color: #800080; font-weight: normal; text-decoration: none; border-bottom: 1px dotted; outline: none; }  /*800080 Purple*/
.link a:focus { color: #483d8b; font-weight: normal; text-decoration: none; border-bottom: 1px dotted; outline: none; }   /*483d8b DarkSlateBlue*/

.content { border: 0; padding: 5px 0; }

.leftnav { width: 250px; float: left; border: 0; padding: 0; }  /*used for Introduction*/
.leftnav2 { width: 200px; float: left; border: 0; padding: 0; }  /*used for Links*/

.nav { border: 0; padding: 0; }  /*used for General Advice and Special Effects*/

.leftnav a:link, .leftnav2 a:link, .nav a:link { display: block; padding: 5px 0 5px 15px; color: #de7008; text-decoration: none; font-weight: bold; background-color: #e9e9e2; outline: none; }   /*#de7008 orange*/

.leftnav a:visited,  .leftnav2 a:visited, .nav a:visited { display: block; padding: 5px 0 5px 15px; color: #008080; text-decoration: none; font-weight: bold; background-color: #e9e9e2; outline: none; }  /*#008080 Teal*/

.leftnav a:hover, .leftnav2 a:hover, .nav a:hover { display: block; padding: 5px 0 5px 15px; color: #996633; background-color: #ddddd2; text-decoration: none; font-weight: bold; outline: none; }  /*#996633 dark brown*/

.leftnav a:active, .leftnav2 a:active, .nav a:active { display: block; padding: 5px 0 5px 15px; color: #800080; text-decoration: none; font-weight: bold; background-color: #ddddd2; outline: none; }  /*#800080 Purple*/

.leftnav a:focus, .leftnav2 a:focus, .nav a:focus { display: block; padding: 5px 0 5px 15px; color: #483d8b; text-decoration: none; font-weight: bold; background-color: #ddddd2; outline: none; }   /*483d8b DarkSlateBlue*/

.rightnav { margin-left: 250px; padding: 5px; border: 0; }

.rightnav2 { margin-left: 200px; padding: 5px; border: 0; }

/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: 200px;
line-height: 20px;
text-align: left;
padding: 0 0px;
margin: 0;
border: 0px;
text-decoration: none;
font-size: 12;
font-weight: normal;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 500px;
margin: 0px;
padding: 10px;
color: white;
font-weight: normal;
background: black;
text-align: left;
border: 1px solid #666;
}