/* Table */
table
{ 
margin: 0px auto; 
}

th
{
padding: 15px;
background-color: red;
color: white;
}

tr
{
text-align: center;
}

tr:nth-child(even) 
{
background-color: #f2f2f2
}

/* center class */
.center
{
text-align: center;
}

/* basic div class */
.basic
{
margin-left:auto;
margin-right:auto;
text-align: left;
width: 55em;
display: block;
}

/* buttons */
.buttons
{
text-align: center;
}

/* dividing columns */
.lefthalf
{
float: left;
width: 45%;
display: inline-block;
}

.righthalf
{
float: right;
width: 45%;
display: inline-block;
text-align: left;
}

/* pictures class */
.pictures
{
padding:1px;
border:1px solid #021a40;
display: block;
margin: auto;
}

/*Headers */
h1
{
text-align: center;
}

h2
{
text-align: center;
}

h3
{
text-align: center;
}

/* Navigation Menu */

nav
{
background: rgb(255, 51, 51);
width: 100%;
}

nav:after
{
content: "";
clear: both;
display: table;
}

nav ul
{
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}

nav li
{
margin: 0;
padding: 0;
float: left;
position: relative;
}

nav a
{
padding: 10px 25px;
display: block;
background: rgb(255, 51, 51);
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
color: white;
text-align: center;
text-decoration: none;
transition: all .25s ease;
}

nav li:hover a
{
background-color: rgb(204, 51, 51);
}

nav li ul
{
width: auto;
float: left;
visibility: hidden;
position: absolute;
left: 0;
top: 42px;
z-index: 1;
opacity: 0;
transition: all .25s ease;
}

nav li:hover ul
{
visibility: visible;
opacity: 1;
}

nav li ul li
{
width: 100%;
}

nav li ul li a
{
width: 100%;
text-align: left;
}

nav li ul a:hover
{
background-color: rgb(153, 0, 0);
}