﻿/* oka2020.css */


a:link {color:blue;}    /* unvisited link */
a:visited {color:purple;} /* visited link */
a:hover {color:green; }   /* mouse over link */
a:active {color:red; }  /* selected link */
a:focus
{
color:lime;
background-color:black;
text-decoration: none;
text-align: center; 
 /* selected link */
}

.header 
{
  overflow: hidden;
  background-color: silver;
  padding: 8px 12px;   /* top/bottom  right/left*/
}

.header a 
{
  float: left;
  color: black;
  text-align: center;
  padding: 20px;
  text-decoration: none;
  font-size: 20px; 
  line-height: 25px;
  border-radius: 20px;
  border:12px silver solid; /* spacing between faux buttons */

  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

.header a:link {
  background-color: blue;
  color: white;
}

.header a:visited {
  background-color: purple;
  color: white;
}

.header a:hover {
  background-color: yellow;
  color: black;
}

.header a:active {
  background-color: green;
  color: black;
}

.header a.active {
  background-color: red;
  color: white;
}

.header-right {
  float: right;
}

.header-left {
  float: left;
}


img
{
max-width:100%;
height:auto;
}

figure
{
text-align:center;
}

figcaption
{
font-size:1.0em;
font-family: Arial, Helvetica, sans-serif;
color:blue;
font-style:italic;
text-align:center;
	
}

body
{
background-image:url('bgimage/blegtext.gif');
background-repeat:repeat-y;
background-color:#FFFFFF; 
margin-left: 5%; margin-right: 5%;
}

h1 
{
font-size:2.5em;
font-family: Arial, Helvetica, sans-serif;
color:red;
font-style:italic;
text-align:center;
background-color:black;
padding: 10px 0px 10px 0px;
}

h2 
{
font-size:2em;
font-family:Verdana, Helvetica, sans-serif;
color:maroon;
background-color:silver;
padding: 10px 0px 10px 40px;
}

h3 
{
font-family:Verdana, Helvetica, sans-serif;
font-size:1.75em;
color:blue;
text-align:center;
background-color:silver; 
border: 5px solid silver;
}

h4
{
font-size:1.5em;
font-family:Verdana, Helvetica, sans-serif;
color:white;
background-color:silver;
text-align:center;
}

h5 
{
font-family: Arial, Helvetica, sans-serif;
font-size:1.25em;
color:black;
text-align:left;
border-style:none;
background-color:blue; 
}

p 
{
font-family: verdana, Helvetica, sans-serif;
color:black;
font-size:1.25em;
text-align:left;
}

ul
{
font-family: Arial, Helvetica, sans-serif;
font-size:26px;
background-color:#9999FF;
list-style-type:square;
} 

p.contact 
{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:black;
text-align:left;
border-style:none;
background-color:silver; 
padding:5px 0px 5px 25px; 
}

.valid
{
background-color: black; 
padding: 6px 0px 4px 20px;
font-family: Arial, Helvetica, sans-serif; 
font-size:14px; 
color:yellow; 
text-align:left; 
font-weight:bold	
}

p.link 
{
font-family:Arial, Helvetica, sans-serif; 
font-size:2em;
line-height:40px;
color:white;
background-color:black;
text-align:center;
font-weight:bold;
border:2px solid gray; 
padding:5px 5px 5px 5px;
}

.product
{
font-family:Arial, Helvetica, sans-serif; 
font-size:1.8em;
color:blue;
background-color:silver;
text-align:center;
font-weight:bold;
font-style:italic;
border:2px solid gray; 
padding:5px 5px 5px 5px;
}

.msrp
{
font-family:Arial, Helvetica, sans-serif; 
font-size:1em;
color:white;
text-align:left;
font-weight:bold;
text-indent:0px;
border:1px solid silver; 
padding:5px 20px 5px 20px;
background-color:black 
}

p.goto
{
font-family:Verdana, Geneva, sans-serif; 
color:blue;
font-size:1em;
text-align:center;
font-style:italic;
font-weight:bold;
}

.validator
{
background-color: black; 
padding: 6px 0px 4px 20px;
font-family: Arial, Helvetica, sans-serif; 
font-size:1em; 
color:yellow; 
text-align:left; 
font-weight:normal;
}

.sloganr
{
font-family:Arial, Helvetica, sans-serif; 
font-size:2em;
color:red;
background-color:silver;
text-align:center;
font-weight:bold;
font-style:italic;
border:5px solid silver; 
padding:5px 5px 5px 5px;
}

.sloganb
{
font-family:Arial, Helvetica, sans-serif; 
font-size:2em;
color:blue;
background-color:silver;
text-align:center;
font-weight:bold;
font-style:italic;
border:5px solid silver; 
padding:5px 5px 5px 5px;
}

.address
{

font-family:Verdana, Geneva, sans-serif; 
font-size:1em;
color:white;
text-align:center;
font-weight:normal;
background-color:gray;
padding:10px 0px 10px 0px;

}

table
{
border: border: 5px blue solid;

background-color:  silver;
width:80%;
margin-left: auto;
margin-right: auto;
}

th
{
background-color:  black;
color: white;
text-align: center;
font-weight: bold;
}

td
{
text-align: left;
padding: 0px 2px 0px 2px;
color: black;
border: 1px black solid;

}

